Div CSS3.0: catálogo de libros esenciales de caso de diseño de página web
Capítulo 1 El proceso de producción de páginas web y sitios web
1.1 Comprensión de las páginas web 2
1.1.1 Páginas web y sitios web 2
1.1.2 Componentes básicos de las páginas web 2
1.2 Qué es el diseño web 3
Descripción general del diseño web 4
1.2.2 Páginas web Diseño y producción de páginas web 4
1.2.3 Características del diseño web 5
1.2.4 Terminología relacionada con el diseño web 7
1.3 Contenidos que abarca el diseño web 11
1.3.1 Elementos audiovisuales 11
1.3.2 Maquetación 11
1.4 Cómo diseñar una página web 12 p>
1.4.1 Principios básicos del diseño web 12
1.4.2 Elementos de un diseño web exitoso 13
1.4.3 Estilo de diseño y combinación de colores de las páginas web
1.5 Principios del diseño web 14
1.5.1 El principio de considerar a los usuarios 15
1.5.2 El principio de resaltar el tema
. 1.5.3 Principio general 16
1.5.4 El principio de unidad de contenido y forma 17
1.5.5 Principio de actualización y mantenimiento 18
1.6 La calidad de diseñadores web 18
1.6.1 Calidad artística 18
Habilidades y Calidad 19
1.6.3 Calidad Integral 19
1.7 Sitio Web Proceso de producción 20
1.7.1 Planificación temprana 20
1.7.2 Optimización e implementación de la página 21
1.7.3 Después del mantenimiento 22
1.8 Página estática 22 proceso de producción
1.8.1 Observación Borrador de diseño 22
1.8.2 Borrador de diseño dividido 23
1.8.3 Implementación del diseño web 23
Capítulo 2 Introducción al Estilo CSS 25
2.1Conceptos básicos de css 26
2.1.1Características de css 26
2.1.2css escriba CSS 27
2.1.3 Conceptos básicos de CSS 28 Gramática
2.1.4 conflicto css 29
2.2 css30 en diseño web
2.2.1 Cómo usar css30
2.2.2 Función css Qué hacer 32
2.2.3 Qué no puede hacer css 32
2.3 Uso básico de CSS hojas de estilo 33
2.3.1 Cómo insertar hojas de estilo 33 en html
2.3.2 Reglas de hojas de estilo CSS 33
2.4 Aplicar CSS a páginas web 34
2.4.1 Estilos en línea 34
Hoja de estilos integrada 34
Hoja de estilos externa 35
2,5 unidades y valor 35
2.5.1 define el valor de color 36
define la fuente 37
2.5.3 Selector de grupo 38
2.5.4 Selector derivado 38
2.5.5selector de id 39
Selector de categoría 39
2.6 Ejemplo de aplicación: agregar estilos CSS 41 a la página
Análisis de diseño 41
Pasos de fabricación 41
2.6.3 Resumen del caso 47
2.7 Sacar inferencias de una instancia: crear un sitio web de presentación del producto 48
2.7.1 Caso análisis 48
Operación de video 49
Capítulo 3 Uso de div css para diseñar la página 51
3.1 define div52.
3.1.1 ¿Qué es div 52?
3.1.2 Insertar div52
3.1.3 Anidamiento y formato fijo del div 54
3.2 Posicionamiento del diseño css 54
3.2. 1 Posicionamiento flotante 55
Posicionamiento posicionamiento 58
3.3 Modelo de caja visual 60
3.3.1 Modelo de caja 60
3.3.2 Visual modelo 62
3.3.3 Cobertura de borde en blanco 62
3.4 Métodos de diseño comunes 63
3.4.1 Diseño de diseño central 63
Flotante diseño de maquetación 65
Diseño altamente adaptable 68
3.5 Nuevas propiedades del modelo de caja en CSS 3.0 69
Desbordamiento 69
Desbordamiento- x70
Overflow-y71
3.6 Ejemplo de aplicación: uso de la página de diseño div css 72
Análisis de diseño 73
3.6.2 Pasos de producción 73
3.6.3 Resumen del caso 78
3.7 Sacar inferencias de una instancia: creación de un sitio web saludable 78
3.7.1 Análisis de caso 78
Operación de vídeo 79
Capítulo 4 Uso de CSS para controlar el fondo de la página web 81
4.1 Color de fondo 82
4.1.1 Configuración de la página Color de fondo 82
4.1.2 Establecer el color de fondo del bloque 83
4.2 Imagen de fondo 84
4.2.1 Establecer la imagen de fondo de la página 84
4.2 .2 Repetir la imagen de fondo 85
4.2.3 Establecer la posición de la imagen de fondo 86
4.2.4 Establecer el desplazamiento del fondo 87
4.2.5 Abreviatura de estilo de fondo88
4.3 Nuevas propiedades para el fondo en CSS 3.089
Fondo-Origin89
Recorte de fondo90
Fondo size92
4 3 . 4 Múltiples fondos 93
4.4 Ejemplos de aplicaciones: creación de páginas web financieras 94
Análisis de diseño 94
4.4 .2 Pasos de producción 95
4.4.3 Resumen de caso 101
4.5 Sacar inferencias de una instancia: creación de un sitio web de productos de salud 102
4.5.1 Análisis de caso 102
4.5.2 Operación de vídeo 103
Capítulo 5 Uso de CSS para controlar el estilo del texto 105
5.1 Controlar el estilo del texto 106
5.1 .1 Fuente y tamaño de fuente 106
5.1.2 Color y grosor del texto 110
5.1.3 Cursiva 111
5.1.4 Subrayado, subrayado superior, eliminar 112
5.1.5 Mayúsculas y minúsculas inglesas 113
5.2 Controlar el estilo del párrafo 113
5.2.1 Alineación horizontal del párrafo 113
5.2. 2 Alineación vertical de párrafos 114
5.2.3 Interlineado y espaciado entre caracteres 115
5.2.4 Letra capitular 116.
5.3 Usar CSS para controlar caracteres en flash 116
5.4 CSS 3.0 agrega atributos de caracteres chinos 118
5. 1 Text-Shadow 118
5 . . 2 Desbordamiento de texto 119
5 4 . 3 Ajuste de línea automático 121
5.5 Aplicación para diseño de sitio web de muestra 122
análisis 122
Pasos de fabricación 122
5.5.3 Resumen del caso 129
5.6 Sacar inferencias de un ejemplo: creación de un sitio web comunitario 129
5.6.1 Análisis de casos 129
5.6.2 Operación de vídeo 130
Capítulo 6 Uso de CSS para controlar los estilos de imagen 131
6.1 Estilos de imagen 132
6.1 .1 Configuración del borde de la imagen 132
6.1.2 Configuración de escala de la imagen 135
6.2 Alineación de la imagen 136
6.2.1 Configuración de la alineación horizontal 136
6.2.2 Configuración de alineación vertical 137
6.3 Disposición mixta de gráficos y texto 138
6.3.1 Disposición mixta de texto 138
6.3.2 Establezca el interlineado mixto en 139.
6.4 Nuevas propiedades de los bordes en CSS 3.0 139
6 4 . 1 border-image 140
6 4 . >
6 4 . 3 Sombra del cuadro 142
6 4 . 4 Color del borde 143
6.5 Ejemplo de aplicación: creación de un sitio web para bodas 145. Análisis de diseño 145
Pasos de fabricación 146
6.5.3 Resumen de caso 150
6.6 Sacar inferencias de un ejemplo: crear un sitio web de presentación de producto 150.
6.6.1 Análisis de casos 151
6.6.2 Operación de vídeo 152
Capítulo 7 Uso de CSS para controlar el estilo de lista 153
7.1 Descripción general del control de listas 154
7.1.1 Principios del control de listas 154
7.1.2 Tipos y uso de listas 154
7.1.3 Cambiar el estilo de los elementos 157
7.1.4 Símbolos de imagen 158
7.2 Utilice listas para crear menús prácticos 159
7. 1 Menús sin tablas 159
7.2 .2 Conversión vertical y horizontal del menú 161
7.3 Nuevas propiedades de color en CSS 3.0 162
Color 162
7.3.2hslacolors163
7. 3. 3 Capacidad 164
7. 3. 4 Color 166
7.4 Ejemplo de aplicación: creación de un sitio web de música 167
7.4.1 Análisis de diseño 168
Pasos de fabricación 168
7.4.3 Resumen del caso 172
7.5 Sacar inferencias de un ejemplo: sitio web de Design Studio 172
7.5 .1 Análisis de casos 173
7.5.2 Operación de vídeo 173
Capítulo 8 Uso de CSS para controlar el estilo de formulario 175
8.1 Descripción general del diseño de formularios 176
8.1.1 Principios de diseño de tablas 176
8.1.2 Clasificación de aplicaciones de tablas 177
8.2 Diseño de tablas 179
8. y elementos de formulario 179 p>
8.2.2 Etiquetas, conjuntos de campos y leyendas 183
8.2.3 Usar css para controlar campos de texto 185
8.2.4 Usar css para controlar casillas de verificación y radios Botón 185.
8.2.5 Usar css para controlar listas y menús de salto 186.
8.3 Nuevas propiedades del contenido de control en css3.0 187
8.4 Página de registro de usuario para creación de ejemplos de aplicaciones 188
Análisis de diseño 189
Pasos de fabricación 189
8.4.3 Resumen del caso 196
8.5 Sacar inferencias de un ejemplo: crear la página de inicio de sesión de usuario 196.
8.5.1 Análisis de casos 197
8.5.2 Operación de vídeo 197
Capítulo 9 Uso de CSS para embellecer los efectos del navegador 199
9.1 Utilice CSS para controlar los hipervínculos 200.
9.1.1 Comprender los hipervínculos 200
9.1.2 Acerca de las rutas de los enlaces 202
9.1.3 Controles de atributos de hipervínculo 204
9.1. 4 Mapeo de imágenes 206
9.1.5 Método de apertura de enlaces 208
9.2 Efectos especiales de hipervínculo 208
9.2.1 Hipervínculo de botón 208
9.2.2 Hipervínculo en relieve 210
9.3 Efectos especiales del mouse 210
9.3.1 Flecha del mouse de control CSS 211
9.3.2 Hipervínculo de cambio del mouse 211
Nuevos atributos de interfaz de usuario en 9.4css3.0 212
9. 4. 1 Especificaciones de embalaje 212
Dimensiones 214
Línea exterior 215
Índice de navegación 216
9.5 Solicite un sitio web de promoción de productos de muestra 218
9.5.1 Análisis de diseño 218
9.5.
9.5.3 Resumen de caso 225
9.6 Sacar inferencias de una instancia: creación del sitio web de una empresa de transporte 225
9.6.1 Análisis de caso 225
Operación de vídeo 226
Capítulo 10 Aplicación de filtros en css 227
10.1 Comprensión de los filtros css 228
10.1.1filtro alfa 228
10.1.2 Filtro de desenfoque 231
10.1.3 Filtro de desenfoque de movimiento 232
10.1.4 Filtro de sombra 233
10.1 .5 Filtro de sombra 234 p>
10.1.6 Filtro invertido 234
10.1.7 Filtro incandescente 235
10.1.8 Filtro gris 236
10.1.9 Filtro inverso 236
10.1.10 Filtro de rayos X 237
10.1.1 Filtro de máscara 237
10.1.12 Filtro 238
Nuevas propiedades de otros módulos en 10.2css3.0 239
10.2.1@media239
10. 2. 2 columnas 240
10.2.3@font-face242 p>
65438 243
10.3 Ejemplo de aplicación: creación de un sitio web de producto 245
10.3.1 2445 Análisis de diseño
10.3.2 Pasos de fabricación 245
10.3.3 Resumen del caso 254
10.4 Sacar inferencias de un ejemplo: creación de un sitio web de juegos en línea 254
10.4.1 Análisis de caso 254
10.4.2 Operación de video 255
Capítulo 11 Aplicación integral de CSS y JavaScript 257
11.1 ¿Qué es JavaScript258?
11.1.1 Comprender javascript258
11.1.2 Características de JavaScript 260
11.1.3 Ámbito de aplicación de JavaScript 261
11.1. Estilo 4css y javascript263
11.2 La base de sintaxis de javascript 263
11. 1 El marco básico de JavaScript 263
11. de JavaScript 264 Gramática
11.2.3 Tipos de datos y variables
11.2.4 Expresiones y operadores 268
11.2.5 Oraciones básicas 268
11.3 Uso de componentes ágiles 270
>
11.3.1 Acerca del componente Spry 271
11.3.2 Inserción del menú Spry 271.
11.3.3 Insertar la pestaña Spry 273.
11.3.4 Insertar el elemento plegable elástico 275.
Insertar panel abatible Spry 276.
11.4 Ejemplos de aplicación: aplicación de componentes Spry en páginas web 278
11.4.1 Análisis de diseño 279
11.4.2 Pasos de fabricación 279
11.4.3 Resumen de caso 287
11.5 Sacar inferencias de una instancia: creación de un sitio web de fotografía de bodas 287
11.5.1 Análisis de caso 288
11.5.2 Operación de vídeo 288
Capítulo 12 Aplicación integral de CSS y XML 289
12.1xml base 290
12.1.1xml 290 Características
12.1 .2xml y html291
12.1.3 Sintaxis XML básica 293
12.1.4 Documento xml formateado correctamente 296
12.2 Vínculos XML entre XML y css 297 p>
p>
12.2.1 Usando xml: directiva de hoja de estilo 297.
12.2.2 Usando el comando @import 299
12.3 Aplicación de xml y css 299
Mostrando información del estudiante 299
12.3.2 Formulario para realizar un cambio de color entrelazado 302
12.4 Ejemplo de aplicación: llamar a datos xml en la página html 305
1 Análisis de diseño 306
12.4.2 Pasos de fabricación
12.4 p>
12.4.3 Resumen de caso 311
12.5 Sacar inferencias de una instancia: creación de un sitio web corporativo 311
12. 1 Análisis de caso 312
12.5 .2 Operación de video 313
Capítulo 13 Aplicación integral de css y ajax 315
13.1 Comprensión de ajax316
13.1.1 Introducción a Ajax 316 p>
13.1.2 Elementos clave de Ajax 317
13.1.3 Ventajas de Ajax 318
13.1.4 Pasos para implementar ajax 318
13.1 .5 Uso La necesidad de css 319
13.2 Conocimientos básicos de Ajax 320
13 2. 1 Introducción a la creación de etiquetas xml5.0 323
1html5.0. 323
p>13.3.2html5.0 atributos de eventos 327
13.3.3html5.0 atributos estándar 329
13.4 Ejemplos de aplicaciones: uso de ajax para lograr una página especial efectos 330
1 Análisis de diseño 330
13.4.2 Pasos de fabricación
13.4.3 Resumen de caso 338
13.5 Sacar inferencias de uno ejemplo: realice la capacidad de arrastre a través del bloque div ajax 339
13.5.1 Análisis de caso 339
13.5.2 Operación de video 340
Capítulo 14 Sitio web de educación infantil 341 p>
14.1 Ejemplo completo de producción de un sitio web sobre educación infantil 342
14.1.1 Análisis de diseño
14.1.2 Pasos de fabricación 342
14.1.3 Caso resumen 353
Capítulo 15 Diseño de un sitio web de atención médica 355
15.1 Ejemplo completo: creación de un sitio web de atención médica 356
Análisis de diseño 15.1.1.35438
15.1. 2 pasos de fabricación 356
15.1.3 Resumen del caso 366
Capítulo 16 Diseño de sitios web de juegos 367
16.1 Ejemplo completo de sitio web de juegos 368
16.1.1 Análisis de diseño 368
16.1.2 Pasos de fabricación 368
16.1.3 Resumen del caso 378