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

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

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

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

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>

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

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

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

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