Tabla de contenidos para la introducción a la tecnología de diseño web DreamweaverCS3
Capítulo 1 Conceptos básicos de Dreamweaver CS3 1
1.1 Descripción de Dreamweaver CS3 versión china 2
1.1.1 Introducción a Dreamweaver CS3 2
1.1 .2 Requisitos de configuración del sistema 2
1.2 Interfaz de trabajo de Dreamweaver CS3 3
1.2.1 Barra de menú 3
1.2.2 Barra de inserción 4
1.2.3 Panel "Propiedades" 5
1.2.4 Grupo de paneles 5
1.2.5 Ventana de documento 5
1.3 Experimente las nuevas funciones de Dreamweaver CS3 5
1.3.1 Framework Spry adecuado para Ajax 6
1.3.2 Efecto Spry 6
1.3.3 Integración de Adobe Photoshop y Fireworks 6
1.3.4 Plantilla de diseño CSS 6
1.3.5 Adobe Bridge CS3 7
1.4 Crear un sitio 7
1.4.1 Crear un sitio usando el asistente 7
1.4.2 Configurar un sitio a través de la pestaña Avanzado 10
1.5 Administrar múltiples sitios 14
1.5.1 Editar un sitio 14
1.5.2 Eliminar sitio 14
1.5.3 Copiar sitio 15
1.6 Crear estructura del sitio 15
1.6.1 Crear carpeta 16
1.6.2 Crear archivos16
1.6.3 Mover y copiar archivos o carpetas17
1.6.4 Eliminar archivos o carpetas17
1.6 .5 Configurar la página de inicio 17
1.7 Crear un sitio local 18
1.8 Resumen de este capítulo 20
1.9 Ejercicios después de clase 20
Capítulo Capítulo 2 Crear fácilmente páginas web de texto 21
2.1 Crear y guardar páginas web 22
2.2 Configurar las propiedades de la página 23
2.2.1 Apariencia 23
2.2.2 Enlace24
2.2.3 Título25
2.2.4 Título/Codificación25
2.2.5 Imagen de seguimiento26
2.3 Ingresar texto 27
2.3.1 Agregar texto normal 27
2.3.2 Agregar caracteres especiales 28
2.3.3 Entre caracteres Agregar espacios30
2.3.4 Insertar líneas horizontales32
2.4 Establecer formato de texto33
2.4.1 Formato de caracteres33
2.4 .2 Cambiar fuente 34
2.4.3 Establecer tamaño de texto 35
2.4.4 Establecer color de fuente 35
2.4.5 Alinear párrafos 36
2.4. 6 Sangría de párrafos 36
2.5 Crear listas de proyectos y listas numeradas 37
2.5.1 Crear listas de proyectos 37
2.5.2 Crear lista numerada 38
2.6 Establecer información del encabezado 38
2.6.1 Establecer título 39
2.6.2 Establecer meta 39
2.6 Insertar palabra clave 39
2.6.4 Insertar descripción 40
2.6.5 Insertar actualización 40
2.
7 Métodos para crear enlaces 41
2.7.1 Utilice el panel de propiedades para crear enlaces 41
2.7.2 Utilice el icono de archivo para crear enlaces 41
2.7 .3 Usar el comando Menú para crear un enlace 42
2.7.4 Arrastrar directamente 42
2.8 Crear una instancia de hipervínculo 43
2.8.1 Crear un enlace de texto 43
2.8.2 Crear enlace de correo electrónico 44
2.8.3 Crear enlace para descargar archivo 46
2.8.4 Crear enlace de punto de acceso a imagen 47
2.8.5 Crear enlace de anclaje 50
2.8.6 Enlace vacío 53
2.8.7 Enlace de script 54
2.9 Crear una página web de texto básico 56
2.10 Resumen de este capítulo 58
2.11 Ejercicios después de clase 59
Capítulo 3 Imágenes y Multimedia 61
3.1 Insertar imágenes en páginas web 62
3.1.1 Insertar imagen de página web 62
3.1.2 Establecer propiedades de imagen 64
3.1.3 Recortar imagen 66
3.1.4 Uso Optimización de imágenes con Photoshop 67
3.1.5 Ajuste del brillo y contraste de las imágenes 67
3.1.6 Nitidez de imágenes 68
3.2 Insertar imágenes de otras páginas web 69
p>3.2.1 Imagen de fondo 69
3.2.2 Usar imagen de seguimiento 70
3.2.3 Crear imagen de paso del mouse 71
3.2.4 Insertar barra de navegación 74
3.3 Agregar sonido 75
3.3.1 Agregar música de fondo a través del comportamiento 75
3.3 .2 Agregar música de fondo usando indicaciones de código 77
3.4 Agregar video Flash 79
3.4.1 Insertar video Flash en Dreamweaver 79
3.4.2 Crear texto Flash 81
3.4.3 Crear botones Flash 83
3.5 Insertar archivos de vídeo 86
3.6 Insertar otros objetos multimedia 88
3.6.1 Insertar vídeos Shockwave 88
3.6.2 Insertar subprograma Java 89
3.6.3 Insertar control ActiveX 91
3.7 Ejemplo completo 92
3.7.1 Crear una barra de navegación con el mouse sobre la imagen 92
3.7.2 Crear una página web con gráficos y texto mixtos 94
3.7.3 Insertar instancias multimedia en la página web 96
3.8 Resumen de este capítulo 99
3.9 Ejercicios después de clase 99
Capítulo 4 Uso de tablas para organizar y diseñar páginas web 102
4.1 Insertar tablas y elementos de tabla 103
4.1.1 Insertar tabla 103
4.1.2 Establecer propiedades de tabla 104
4.1.3 Agregar contenido a la celda 105
4.2 Seleccionar elementos de la tabla 106
4.2.1 Seleccionar la tabla 106
4.2.2 Seleccionar la fila o columna 107
4.2.3 Seleccionar la celda 107
4.3 Operaciones básicas de la tabla 108
4.3.1 Cambiar el tamaño de tablas y celdas 108
4.3.2 Agregar o eliminar filas o columnas 110
4.3.3 División de celdas 111
4.3.4 Orden de fusión
Celdas 112
4.3.5 Cortar, copiar y pegar celdas 112
4.4 Ordenar y organizar el contenido de la tabla 113
4.4.1 Importar datos en formato de tabla 113
4.4.2 Ordenar tablas 115
4.5 Entrenamiento de ejemplo 116
4.5.1 Usar tablas para organizar datos 117
4.5.2 Crear una mesa con esquinas redondeadas 118
4.5.3 Crear una tabla de líneas delgadas 120
4.5.4 Usar tablas para diseñar páginas web 122
4.6 Resumen de esto capítulo 130
4.7 Ejercicios posteriores a la clase 130
Capítulo 5 Uso de marcos y divs para diseñar páginas web 133
5.1 Descripción general de marcos de páginas web 134
5.2 Crear marcos y conjuntos de marcos 134
5.2.1 Crear un conjunto de marcos 134
5.2.2 Insertar un conjunto de marcos predefinido 135
5.2.3 Guarde los archivos de marco y conjunto de marcos 136
p>5.3 Seleccionar marcos y conjuntos de marcos 137
5.3.1 Seleccionar marcos o conjuntos de marcos en el panel Marcos 137
5.3. 2 Seleccionar marcos o marcos en la ventana del documento Conjunto 138
5.4 Configurar las propiedades del marco y del conjunto de marcos 138
5.4.1 Configurar las propiedades del marco 138
5.4.2 Configurar propiedades del conjunto de marcos 139
5.5 Acerca de AP Div 139
5.5.1 El concepto de AP Div 140
5.5.2 Panel AP Div 140
5.6 Insertar AP Div 140
5.6.1 Crear un AP Div 141 común
5.6.2 Crear un AP Div 142 anidado
5.7 Establecer los atributos de AP Div 142
5.7.1 Establecer los atributos de mostrar/ocultar de AP Div142
5.7.2 Cambiar el orden de apilamiento de AP Div143
5.7. 3 Establecer los atributos básicos de AP Div144
5.7.4 Cambiar la visibilidad de AP Div 145
5.8 Operaciones básicas de AP Div 145
5.8.1 Activar AP Div 145
5.8.2 Seleccionar AP Div 146
5.8.3 Mover AP Div 147
5.8.4 Escalar AP Div 148
5.8.5 Alinear AP Div 148
5.9 Conversión de AP Div a Tabla 149
5.9.1 Convertir AP Div a Tabla 149
5.9.2 Convertir tabla a AP Div 151
5.10 Usar objetos de diseño de Spry 152
5.10.1 Usar la barra de menús de Spry 152
5.10.2 Usar paneles con pestañas de Spry 154
5.10.3 Uso del panel plegable Spry 155
5.10.4 Uso del panel plegable Spry 157
5.11 Ejemplo completo 158
5.11.1 Crear un marco flotante 158
5.11.2 Crear una instancia de página web de marco completo 161
5.11.3 Usar AP Div para crear un menú desplegable de página web 167
5.12 Resumen de este capítulo 169
5.13 Ejercicios posteriores a la clase 170
Capítulo 6 Usar hojas de estilo CSS para crear páginas web
Más hermoso y más fácil de mantener 171
6.1 Comprender las hojas de estilo CSS 172
6.2 Sintaxis CSS básica 173
6.3 Establecer propiedades CSS 174
6.3.1 Establecer atributos de tipo CSS 174
6.3.2 Establecer atributos de fondo CSS 175
6.3.3 Establecer atributos de bloque CSS 175
6.3.4 Configuración Propiedades del cuadro CSS 176
6.3.5 Configuración de las propiedades del borde CSS 177
6.3.6 Configuración de las propiedades de la lista CSS 177
6.3.7 Configuración de las propiedades de posicionamiento CSS 178
6.3.8 Configurar propiedades extendidas de CSS 179
6.4 Vincular o exportar hojas de estilos CSS externas 179
6.4.1 Crear hojas de estilos internas 180
6.4.2 Crear hojas de estilo externas 181
6.4.3 Vincular hojas de estilo externas 182
6.5 La práctica hace la perfección 184
6.5.1 Aplicar CSS estilos Definir el tamaño de fuente 185
6.5.2 Aplicar estilos CSS para crear texto sombreado 187
6.6 Resumen de este capítulo 190
6.7 Ejercicios después de clase 191
Capítulo 7 Uso del comportamiento para crear efectos especiales de páginas web 194
7.1 Descripción general del comportamiento 195
7.1.1 Comprensión de los eventos 195
7.1. 2 tipos de acciones 196
7.2 Crear una ventana emergente de tamaño específico 196
7.3 Llamar a JavaScript 199
7.3.1 Usar JavaScript para implementar la función de impresión 199
7.3.2 Utilización de JavaScript implementa el cierre de la página web 200
7.4 Configuración del entorno del navegador 202
7.4.1 Comprobando el formulario 202
7.4.2 Comprobar el navegador 203
7.4.3 Comprobar complementos 205
7.5 Establecer efectos especiales de imagen 206
7.5.1 Precargar imágenes 206
7.5.2 Intercambiar imágenes 208
p>7.5.3 Restaurar imagen de intercambio 210
7.5.4 Establecer imagen de la barra de navegación 211
7.6 Establecer texto 213
7.6.1 Establecer texto de columna de estado 213
7.6.2 Establecer texto de campo de texto 214
7.6.3 Establecer texto de marco 216
7.7 Menú de salto 216
7.8 Ir a URL 218
7.9 Establecer efecto 220
7.9.1 Aumentar/reducir efecto 220
7.9.2 Efecto extrusión 222
7.9.3 Efecto vibración 224
7.9.4 Efecto mostrar/fundir 225
7.10 Resumen de este capítulo 226
7.11 Ejercicios después de clase 226
Capítulo 8 Utilice plantillas, bibliotecas y complementos para mejorar la eficiencia de la producción de páginas web 229
8.1 Crear plantillas 230
8.1.1 Crear plantillas directamente 230
8.1.2 Crear una plantilla a partir de un documento existente 231
8.1.3 Crear un área editable 231
8.2 Aplicar una plantilla para crear una página web 233
8.3 Aplicar la plantilla Aplicar a páginas web existentes y eliminar plantillas 235
8.3.1 Aplicar plantillas a las existentes páginas web 235
8.3.2 Eliminar plantillas 237
8.4 Actualizar plantillas y otras páginas web 237
8.5 Crear y aplicar bibliotecas 239
8.5.1 Convertir contenido existente Crear como biblioteca 239
8.5.2 Aplicar biblioteca en la página web 240
8.5.3 Editar y actualizar la página web 241
8.5.4 Recuperar proyecto de biblioteca de fuente Separación de archivos 242
8.6 La práctica hace la perfección 243
8.6.1 Crear plantillas de sitios web corporativos 243
8.6.2 Usar plantillas para crear páginas web 249
8.6.3 Usar complementos para crear páginas web con música de fondo 251
8.6.4 Usar complementos para crear imágenes publicitarias que cambian aleatoriamente 253
8.6. 5 Utilice complementos de imágenes flotantes para crear páginas web publicitarias flotantes 256
8.6.6 Utilice complementos para producir texto con degradados de color 257
8.6.7 Utilice complementos para producir diferentes saludos que se muestran en diferentes momentos 258
8.6.8 Usar complementos para producir Desactivar el efecto de clic derecho del mouse 260
8.6.9 Usar complementos para crear Texto de la barra de estado con efectos de escritura 262
8.7 Resumen de este capítulo 263
8.8 Ejercicios después de clase 263
Capítulo 9 Uso de formularios para crear páginas web interactivas 265
9.1 Crear formularios 266
9.1.1 Crear campos de formulario 266
9.1.2 Configurar las propiedades del formulario 267
9.2 Crear campos de texto 267
9.2.1 Campos de texto de una sola línea y campos de texto de contraseña 267
9.2.2 Campos ocultos 270
9.2.3 Campos de texto de varias líneas 270
9.3 Crear casillas de verificación y botones de opción 272
9.3.1 Casillas de verificación 272
9.3.2 Botones de opción y grupos de botones de opción 273
9.4 Crear listas y menús 276
9.4.1 Menús desplegables 276
9.4.2 Desplazamiento de la lista de fórmulas 277
9.5 Crear menú de salto 277
9.6 Crear campo de archivo y campo de imagen 279
9.6.1 Crear campo de archivo 279
9.6.2 Crear un campo de imagen 280
9.7 Ejemplo completo 281
9.7.1 Crear un formulario de comentarios por correo electrónico 281
9.7.2 Crear un formulario de encuesta para clientes 287
9.8 Resumen de este capítulo 292
9.9 Ejercicios después de clase 293
Capítulo 10 Conceptos básicos de páginas web dinámicas 294
10.1 Ver código fuente 295
10.2 Codificación en Dreamweaver 295
10.2.1 Configurar música de fondo según las indicaciones del código 295
10.2.2 Usar fragmentos de código para crear rápidamente páginas web 297
10.2.3 Insertar un marco flotante usando el selector de etiquetas 298
10.2.4 Editando etiquetas usando el editor de etiquetas 300
10.2.5 Editando etiquetas usando el inspector de etiquetas 300
10.2. 6 Utilice el editor de etiquetas para insertar etiquetas de marquesina 300
10.3 Insertar comentarios 304
10.4 Construir una plataforma web dinámica 305
10.4. IIS) 305
10.4.2 Configurar Internet Information Server (IIS) 306
10.5 Crear una conexión de base de datos 308<
/p>
10.5.1 Definir el DSN del sistema 308
10.5.2 Establecer la conexión DSN del sistema 309
10.6 Editar el registro de la tabla de datos 310
10.6. 1 Crear un conjunto de registros 310
10.6.2 Insertar un registro 312
10.6.3 Actualizar un registro 313
10.6.4 Eliminar un registro 314
10.7 Agregar comportamiento del servidor 314
10.7.1 Insertar área de repetición 315
10.7.2 Insertar área de visualización 315
10.7.3 Conjunto de registros paginación 316
10.7.4 Ir a la página detallada 316
10.7.5 Ir a la página relacionada 317
10.7.6 Autenticación de usuario 318
10.8 Crear sistema de mensajes 320
10.8.1 Crear base de datos 320
10.8.2 Establecer fuente de datos ODBC 322
10.8.3 Definir conexión de base de datos 323
10.8.4 Crear y publicar la página de mensajes 323
10.8.5 Crear y mostrar la página de mensajes 327
10.8.6 Prueba del sistema 330
10.9 Resumen de este capítulo 331
10.10 Ejercicios después de clase 331
Capítulo 11 Diseño de un módulo de sitio web dinámico típico 334
11.1 Sistema de comunicados de prensa 335
11.1.1 Análisis del sistema de comunicados de prensa 335
11.1.2 Diseñar base de datos 336
11.1.3 Crear conexión de base de datos 338
11.1.4 Página de lista de noticias 339
11.1.5 Página de visualización detallada de noticias 343
11.1.6 Página de inicio de sesión de administrador 345
11.1.7 Página de gestión de lista de noticias 349
11.1.8 Página de adición de noticias 353
11.1.9 Página de modificación de noticias 357
11.1.10 Página de eliminación de noticias 359
11.2 Producción de sistema de encuestas en línea 361
11.2.1 Descripción general del sistema de encuestas 361
11.2.2 Crear tabla de base de datos 362
11.2.3 Crear conexión de base de datos 363
11.2.4 Página Crear información de encuesta 363
11.2.5 Página Crear resultados de encuesta 368
11.3 Resumen de este capítulo 377
11.4 Después de clase ejercicios 377
Capítulo 12 Capítulo Diseño y creación de un sitio web personal lleno de personalidad 378
12.1 Puntos clave del diseño de un sitio web personal 379
12.2 Columnas principales 379
12.3 Crear una página de inicio de sitio web personal 380
12.3.1 Crear archivo de encabezado 380
12.3.2 Crear sección de perfil personal 383
12.3. 3 Crear sección de diario personal 385
12.3.4 Crear archivos con derechos de autor 387
12.4 Crear efectos especiales para la página de inicio 388
12.4.1 Crear efectos especiales que muestren el tiempo de permanencia en la barra de estado 388
12.4.2 Realizar reproducción aleatoria en páginas web actualizadas Efectos especiales musicales 390
12.5 Resumen de este capítulo 391
12.6 Ejercicios después de clase 391
Capítulo 13 Uso de CSS DIV para diseñar sitios web corporativos 392
13.1 Planificación de sitios web 393
p>
13.1.1 Ventajas del diseño CSS 393
13.1.2 Determinar las columnas principales del sitio web 393
13.2 Diseñar el sitio web corporativo 394
13.2.1 Importar CSS externo 394
13.2.2 Crear el archivo superior 396
13.2.3 Crear el perfil de la empresa 398
13.2.4 Crear el último anuncio 399
13.2.5 Producir la información más reciente 401
13.2.6 Producir inicio de sesión de miembro 404
13.2.7 Producir documentos de derechos de autor 406
13.3 Resumen de este capítulo 408
13.4 Ejercicios después de clase 408
Capítulo 14 Diseño y producción de sitios web coloridos de compras en línea 409
14.1 Descripción general de las compras Diseño de sitios web 410
14.2 Crear tabla de base de datos 411
14.3 Crear conexión de base de datos 412
14.4 Crear página principal del sistema de compras 413
14.4. 1 Crear página de visualización de clasificación de productos 413
14.4.2 Crear página de detalles del producto 418
14.5 Crear administración backend del sistema de compras 420
14.5.1 Crear página de inicio de sesión de administrador 420
14.5.2 Crear y agregar página de clasificación de productos 423
14.5.3 Crear y agregar página de productos 427
14.5.4 Crear página de gestión de productos 429
14.5.5 Crear página Modificar 434
14.5.6 Crear página eliminar 436
14.6 Resumen de este capítulo 440
14.7 Después- ejercicios escolares 440
Apéndice A Etiquetas HTML de uso común 441
Apéndice B Lista de atributos CSS 445
Apéndice C Coincidencia de color común en páginas web 448
……