Cómo utilizar Dreamweaver 8 para crear un directorio de páginas web
Capítulo 0 Descripción general del diseño web 1
Este capítulo presenta el proceso de desarrollo de un sitio web y varios tipos de diseño de páginas, lo que permite a los lectores comprender el sitio web antes de comenzar a aprender a crearlo. páginas web. Conciencia y comprensión holística.
0.1 Introducción al proceso de desarrollo de un sitio web 1
Introducción al proceso de diseño y producción del sitio web
0.1.1 Posicionamiento claro del sitio web 1
0.1 .2 Recopilar información y materiales 2
0.1.3 Planificar el contenido de la columna 2
0.1.4 Diseñar el plan de la página 2
0.1.5 Crear página 2
p>0.1.6 Implementar funciones backend 3
0.1.7 Integrar y probar sitios web 3
0.2 Introducción al diseño y diseño de páginas 3
Introducción al diseño de páginas Varios tipos de diseño comunes
0.2.1 Principios de composición de diseño 3
0.2.2 Formas de diseño comunes en la composición de diseño de página web 4 p>
1. Disposición tipo "T" 4
2. Diseño de "boca" 5
3. Diseño tipo "tres" 5
4. Diseño de contraste simétrico 6
5. Diseño de volante 6
6. Diseño de la página web del portal 7
7. Diseño de bloque 7
0.2.3 Pasos en el diseño del diseño de una página web 8
1. Boceto 8
2. Diseño preliminar 8
3. Finalizado 8
0.2.4 Técnicas de diseño para diseño de páginas web 9
0.3 Resumen de este capítulo 9
Capítulo 1 Primera introducción a Dreamweaver 8 11
Este capítulo proporciona una breve explicación de algunos términos relacionados con Internet, luego explica el conocimiento relacionado con HTML, luego presenta las diversas funciones de Dreamweaver MX 2004 y finalmente explica cómo usar Fireworks para ayudar en el diseño web y proporcionar más información para crear páginas web. Gran comodidad.
1.1 Conocimientos básicos de HTML 11
Introducción a los conocimientos básicos de Internet y del lenguaje HTML
1.1.1 Terminología básica de Internet 11
1.1. 2. Conceptos básicos de los archivos HTML 12
1. Conocimientos básicos del lenguaje HTML 12
2. Marcadores del lenguaje HTML 13
1.1.3 Uso del lenguaje HTML para escribir páginas simples 17
1.2 Inicio rápido de Dreamweaver 8 18
Presentación de la interfaz del programa y su última versión de las operaciones básicas de Dreamweaver
1.2.1 Interfaz de usuario de Dreamweaver 8 18
1. Página de inicio 19
2. Ventana de documento 19
3. Insertar barra de herramientas 20
4. Panel "Propiedades" 21
5. Otros paneles 21
6. Paneles de apertura y cierre 22
7. Reorganización del panel 22
1.2.2 Configurar propiedades de página 22
1.2.3 Insertar elementos de página 24
1. Insertar texto 24
2. Insertar y editar imágenes 25
3. Insertar y editar tablas 26
4. Comportamiento 27
5. Otras funciones y características de Dreamweaver 8 27
1.3 Utilice Fireworks para ayudar en el diseño de páginas 28
Explique cómo utilizar Fireworks para ayudar en el diseño web
1.3.1 Fireworks 8 interfaz de usuario Introducción 28
1. Abrir y crear archivos de imagen 28
2. Barra de herramientas común 30
3. Panel de capas y recursos 31
1.3.2 Uso de Fireworks 8 para el diseño de imágenes web 32
1. Ideas de diseño web 32
2. Insertar texto 33
3. Recortar dibujos 33
4. Optimizar imágenes 34
5. Método 1 para exportar imágenes y archivos HTML 35
6. Método 2 para exportar archivos HTML 36
1.4 Resumen de este capítulo 38
Capítulo 2 Creación de páginas web y sitios web 39
Este capítulo presenta principalmente la creación de archivos HTML básicos Documentos web y sitios de Dreamweaver El método incluye el uso de las funciones básicas de Dreamweaver para editar simplemente la página y explicar los conceptos relevantes del sitio web.
2.1 Crear un documento simple 39
Crear un documento y hacer una página web simple
2.1.1 Crear un documento en blanco 40
2.1.2 Es genial ser joven: crea una página web sencilla 42
2.2 Crea un sitio local 44
Crea un sitio local y agrega archivos al sitio
1. Carpeta local 44
2. Carpeta remota 44
3. Carpeta del servidor de prueba 44
2.2.1 Crear un sitio local usando Dreamweaver 8 44
2.2.2 Agregar archivos al sitio local 47
1. Agregar nuevos archivos al sitio local 47
2. Agregar archivos existentes al sitio 49
3. Utilice la función de vista de mapa para ver las relaciones de vínculos entre los archivos del sitio 50
2.3 Crear documentos basados en plantillas 51
Usar plantillas de documentos para crear documentos
2.3.1 Crear documentos utilizando plantillas existentes 51
2.3.2 Crear documentos basados en ejemplos 52
1. Crea un nuevo documento desde "Diseño de página (CSS)" 52
2. Cree un nuevo documento desde la "Página de introducción" 53
3. Crear un nuevo documento desde "Diseño de página (Accesibilidad)" 54
2.3.3 Abrir y editar un documento existente 55
2.4 Resumen de este capítulo 55
Capítulo 3 Edición de documentos 57
Este capítulo detalla varias operaciones específicas para editar documentos HTML y explica con más detalle los métodos específicos de varias operaciones con ejemplos. También explica cómo agregar enlaces a páginas, incluidos enlaces de texto e imágenes. enlaces, enlaces de puntos de acceso y otro contenido.
3.1 Editar texto e imágenes 57
Presentar la operación de formatear texto y usar imágenes en páginas
3.1.1 Usar el panel de propiedades para formatear texto 57
1. Utilice la lista desplegable "Tamaño" para establecer el tamaño del texto 58
2. Utilice la lista desplegable "Formato" para establecer el tamaño del texto 59
3. Establecer la lista de fuentes del texto 59
4. Establece los atributos de negrita, cursiva y color del texto 60
5. Establecer alineación de párrafo 61
6. Crear una lista de verificación 61
3.1.2 Usar hojas de estilo en cascada para dar formato al texto 62
1. Crear una hoja de estilo 62
2. Aplicar hojas de estilo en cascada 63
3. Otros tipos de hojas de estilo en cascada 65
3.1.3 Uso y procesamiento de imágenes 67
1. Insertar imagen 67
2. Cambiar el tamaño de la imagen 67
3. Remuestreo de imágenes 68
4. Recortar imágenes 68
5. Ajusta el brillo y el contraste de la imagen 69
6. Utilice Fireworks para procesar imágenes 69
3.1.4 Estilo de automóvil lujoso: producción de ejemplo de página web 70
1. Establecer propiedades de página 70
2. Añadir texto 71
3. Agregar imágenes 71
3.2 Hipervínculos a páginas web 72
Presentar la operación de agregar hipervínculos a texto e imágenes
3.2.1 Agregar hipervínculos a texto 72
p>3.2.2 Agregar hipervínculos a imágenes 74
3.3 Años de Cantabile: producción de ejemplo de página web 76
Usar las operaciones básicas de Fireworks y Dreamweaver para crear una página web sencilla
3.3.1 Utilice Fireworks 8 como ayuda en el diseño de páginas 76
3.3.2 Utilice Dreamweaver para editar páginas web 77
3.4 Resumen de este capítulo 78 p>
Capítulo 4 Construcción y administración de sitios web 79
Este capítulo presenta métodos para crear y administrar sitios web, así como operaciones como administrar y mantener sitios web, probar sitios web y cargar archivos a servidores remotos.
4.1 Construcción del sitio web 79
Introducción de algunos trabajos preparatorios antes de la construcción del sitio web
1. Tema del sitio web 79
2. Diseño de imagen web 80
3. Producción de página de inicio del sitio web 80
4. Diseño de la estructura del sitio web 80
4.2 Gestión y mantenimiento del sitio web 81
Introducción a la configuración de la estructura de archivos y la gestión de hipervínculos dentro del sitio
4.2.1 Configuración del Estructura de archivos del sitio web 81
4.2.2 Administrar hipervínculos dentro del sitio 82
1. Consulta el enlace 83
2. Actualizar enlaces 83
4.2.3 Usar la función de buscar y reemplazar para administrar el sitio 84
1. Encuentra etiquetas que contengan texto específico 84
2. Modificar la URL del enlace en el sitio 85
4.3 Pruebas y optimización del sitio web 86
Introducción de la operación de prueba de compatibilidad del navegador y optimización HTML del sitio web
4.3 1. Pruebe la compatibilidad del navegador del sitio web 86
4.3.2 Optimización HTML 89
1. Limpiar el código HTML generado por Word 89
2. Limpiar HTML 90
3. Agregar/eliminar ajustes y reparaciones de Netscape 91
4.4 Establecer un sitio web en Internet 91
Introducir las operaciones de solicitud de nombre de dominio, publicación de información y carga de un sitio web al servidor
4.4. 1. Solicitud de nombre de dominio e información publicada 91
1. Solicitud de nombre de dominio 91
2. Lanzamiento de información 92
4.4.2 Carga del sitio web al servidor 92
4.5 Promoción del sitio web 94
Presentación de algunas técnicas y precauciones para la promoción del sitio web
1. Inicia sesión en el buscador 94
2. Enlaces amistosos 95
3. Proporcionar correo electrónico de contacto 95
4.6 Resumen de este capítulo 96
Capítulo 5 Agregar elementos de página 97
Este capítulo explica en profundidad cómo agregar elementos de página a la página a través de 4 ejemplos Los métodos incluyen el uso de tablas para mostrar datos y contenido, agregar multimedia como música y videos, agregar varios elementos Flash y explicar cómo agregar y usar formularios en la página.
5.1 Uso de tablas 97
Presentación de cómo agregar tablas a la página y realizar configuraciones relevantes para las tablas
5.1.1 Operaciones básicas de las tablas 98 p>
1. Crea una tabla 98
2. Establecer propiedades de tabla 100
3. Dividir y fusionar celdas 101
5.1.2 Red de noticias: producción de ejemplo de página web 102
1. Utilice Fireworks para dividir la imagen de la barra de título 103
2. Crear una página de inicio 103
5.2 Agregar multimedia y controles - Media World 107
Presentar las operaciones básicas para agregar multimedia y controles
5.2.1 Agregar multimedia y controles Operaciones básicas 107
1. Añade música de fondo 108
2. Agregar archivos de audio y vídeo 108
5.2.2 Media World: ejemplo de producción de página web 110
1. Producción de la página de inicio 111
2. Crear un hipervínculo para la página de inicio 113
5.3 Agregar elementos Flash 113
Presentar la operación de agregar elementos Flash como texto Flash, botones Flash y animación Flash
5.3.1 Operaciones básicas para agregar elementos Flash 114
1. Añadir texto Flash 114
2. Botón Añadir Flash 116
3. Agregar película Flash 118
5.3.2 Flash Boutique Station - Ejemplo de producción de página web 119
1. Hacer una página básica 119
2. Agregar imágenes y elementos Flash 120
5.4 Usar formularios 123
Introducir las operaciones básicas del uso de formularios en páginas web
5.4.1 Operaciones básicas de formularios 124
1. Añadir campo de texto 124
2. Añadir área de texto 126
3. Añadir botón 127
4. Agregue la casilla de verificación 128
5. Agregar botón de opción 128
6. Añadir lista/menú 129
7. Añadir dominio de archivo 130
8. Añadir campo de imagen 130
9. Añadir campos ocultos 131
10. Agregar un grupo de botones de opción 131
11. Agregar menú de salto 132
5.4.2 Área de registro de deportes extremos: ejemplo de producción de página web 133
1. Hacer una página básica 133
2. Agregar un formulario de registro 134
5.5 Resumen de este capítulo 136
Capítulo 6 Hojas de estilo en cascada 137
Este capítulo presenta el uso de hojas de estilo en cascada para diseñar varios Elementos de la página Operaciones básicas y también presenta las operaciones para procesar diversos efectos en las imágenes.
6.1 Aplicación básica de hojas de estilos en cascada 137
Crear y aplicar hojas de estilos en cascada a elementos de página
6.1.1 Crear y editar hojas de estilos en cascada 138 p> p>
6.1.2 Aplicar hojas de estilo en cascada 144
1. Aplicar hojas de estilo en cascada a los elementos de la página 144
2. Exportar archivos de hojas de estilo en cascada 146
3. Vinculación de hojas de estilo externas 146
6.1.3 Efectos de filtro CSS 148
6.2 Empresa de software boutique: ejemplo de producción de páginas web 153
Introducción a la producción de páginas básicas a través ejemplos, métodos para definir y aplicar hojas de estilo en cascada
6.2.1 Crear páginas básicas 153
6.2.2 Definir hojas de estilo en cascada 154
6.2.3 Aplicar Hoja de estilo en cascada 155
6.3 Resumen de este capítulo 156
Capítulo 7 Colocación de la página 157
Este capítulo presenta las operaciones de tabla basadas en las operaciones de tabla que tienen Se han aprendido operaciones avanzadas, así como conocimiento de cómo usar tablas de diseño y celdas de diseño para posicionar páginas web, y una introducción detallada a las técnicas para usar capas y marcos para el posicionamiento de páginas.
7.1 Página de posicionamiento de tablas 157
Presentación del método de uso de tablas de diseño y celdas de diseño para crear páginas
7.1.1 Operaciones avanzadas de tablas 158
1. Establecer efectos de borde y divisor de mesa 158
2. Ajustar el tamaño de la tabla 160
7.1.2 Usar tablas de diseño y celdas de diseño 161
1. Modo de vista de diseño 161
2. Crear tabla de diseño 163
3. Crea celdas de diseño 164
4. Establezca las propiedades de las tablas de diseño y las celdas de diseño 164
5. Establezca el ancho del diseño en 165
6. Utilice imágenes en blanco 166
7.1.3 Aprendamos inglés juntos: ejemplos de producción de páginas web 168
1. Utilice tablas de diseño y celdas de diseño para planificar la estructura de la página 168
2. Creación de páginas básicas 169
7.2 Página de posicionamiento de capas 171
Presentación del conocimiento básico de las capas y cómo usarlas para crear páginas
7.2.1 Conocimiento básico de capas 172
1. Crear y mover capas 172
2. Establecer propiedades de capa 173
3. El uso de capas anidadas 174
4. Convertir capas en tablas 176
7.2.2 Café Internet: ejemplo de producción de páginas web 180
1. Haciendo una página básica 180
2. Agregar contenido de página 181
7.3 Página de posicionamiento de marcos incrustados 182
Presentación del método de uso de marcos incrustados para posicionar páginas
7.3.1 Conocimientos básicos de marcos incrustados 183
1. Crear un marco integrado 183
2. Establecer enlaces para marcos incrustados 186
7.3.2 Café literario: ejemplo de producción de página web 186
1. Hacer una página de inicio 187
2. Crear una página de enlace 188
3. Uso de marcos incrustados 188
7.4 Página de posicionamiento de marcos 189
Presentación del método de uso de marcos y conjuntos de marcos para posicionar páginas
7.4.1 Conceptos básicos de marcos y conjuntos de marcos Conocimiento 189
1. Crear marcos y conjuntos de marcos 190
2. Eliminar fotograma 192
3. Marco de edición 192
4. Edición del contenido del marco 193
7.4.2 Music Paradise: ejemplo de producción de una página web 194
1. Creando una página de conjunto de marcos 194
2. Hacer que las páginas se muestren en marcos 195
3. Vincular archivos HTML a marcos 197
7.5 Resumen de este capítulo 200
Capítulo 8 Efectos dinámicos de páginas web 201
Este capítulo explica principalmente el uso de las funciones de comportamiento de Dreamweaver. y scripts JavaScript El código y otros códigos de script se utilizan para agregar varios efectos dinámicos web a las páginas web.
8.1 Comportamiento 201
Presentación de los métodos básicos para agregar varios comportamientos a la página
8.1.1 Operaciones básicas de comportamiento 202
1. Conocimientos básicos de conducta 202
2. Intercambiar imagen y recuperar imagen de intercambio 202
3. Mensaje emergente 205
4. Abrir una ventana del navegador 206
5. Reproducir sonido 207
6. Cambiar atributos 208
7. Mostrar menú emergente 209
8. Verifique el complemento 210
9. Consulta el navegador 211
10. Establecer imagen de la barra de navegación 211
11. Establecer el texto de la barra de estado 213
12. Ir a URL 213
13. Precargar imágenes 214
14. Arrastra la capa 214
15. Mostrar capa oculta 216
8.1.2 Sitio web de la empresa - ejemplo de producción de página web 217
1. Hacer una página básica 217
2. Agregar comportamiento a la página 218
8.2 Código de secuencia de comandos JavaScript 219
Presentar el método de usar código JavaScript para agregar efectos dinámicos
8.2.1 Operaciones básicas usando JavaScript código 220
1. Mostrar hora en la página web 220
2. Texto de desplazamiento vertical 221
3. Mostrar diferentes saludos a lo largo del tiempo 222
4. Texto de enlace en color 223
8.2.2 Corredor cultural: ejemplo de producción de página web 225
1. Hacer una página web básica 225
2. Agregue código de script JavaScript a la página de inicio 225
3. Agregar código de script JavaScript a la página de apreciación de imágenes 231
8.3 Juego de rompecabezas 232
Introducir la producción de juegos web más complejos sin ningún complemento, lo que requiere el uso integral de "línea de tiempo " y El comportamiento de "arrastrar y soltar capas"
8.3.1 Preparar capas 233
8.3.2 Separar imágenes dinámicamente 234
8.3.3 Agregar el botón de inicio 235
8.3.4 Configuración de capas arrastrables 237
8.3.5 Llamada a técnicas de JavaScript 239
8.3.6 Mayor refinamiento y mejora 242
p>
8.4 Resumen de este capítulo 243
Capítulo 9 Aplicación de bibliotecas y plantillas 245
Este capítulo presenta en detalle el uso de plantillas y funciones de biblioteca para mejorar trabaja con eficiencia y reduce el tiempo dedicado a crear páginas web. Elimina mucho trabajo del proceso de creación de un sitio web, al tiempo que hace que la actualización y el mantenimiento de sitios web y páginas web sean mucho más convenientes.
9.1 Biblioteca 245
Presentación de los métodos básicos de uso de las funciones de la biblioteca
9.1.1 Operaciones básicas de la biblioteca 246
1. Definir sitio local 246
2. Crear proyecto de biblioteca 247
3. Usando proyectos de biblioteca 247
4. Actualizar proyecto de biblioteca 248
9.1.2 TV Online: utilizar funciones de biblioteca para crear sitios web 248
1. Definir sitio local 249
2. Crear proyecto de biblioteca de barra de título 249
3. Proyecto de producción de base de datos de información de derechos de autor 251
4. Hacer una página de inicio básica 251
5. Realización de páginas secundarias 253
6. Cambiar elementos de la biblioteca y actualizar páginas web 254
7. Separar proyectos de biblioteca de archivos fuente 255
9.2 Plantillas 256
Presentar los métodos básicos de uso de funciones de plantilla
9.2.1 Conocimientos básicos de plantillas 257
9.2.2 Online Business Station: uso de plantillas para crear páginas web 257
1. Cree una plantilla de página web en blanco 257
2. Editar plantilla página 258
3. Aplicar plantillas para crear páginas web 261
4. Modificar la plantilla y actualizar la página web 263
5. Plantillas separadas 264
9.3 Resumen de este capítulo 264
Capítulo 10 Introducción al desarrollo de programas del lado del servidor 265
Este capítulo es el único en este libro que Introduce la tecnología del lado del servidor, el propósito es brindar a los lectores una comprensión preliminar de cómo usar Dreamweaver para desarrollar programas del lado del servidor.
10.1 Páginas web dinámicas y ASP 265
Introducción al concepto y función de las páginas web dinámicas
10.2 Desarrollo ASP 267
Introducción al Entorno operativo ASP Métodos de configuración y varios programas ASP básicos
10.2.1 Entorno operativo y configuración de ASP 267
10.2.2 Familiaridad con los programas ASP 269
10.3 Creación mensajes Libro 272
Domine el método de aplicación de ASP a través de un ejemplo completo de libro de visitas en línea
10.3.1 Preparación 273
10.3.2 Creación de un sitio 274
10.3.3 Crear base de datos 274
10.3.4 Crear página de mensaje de demostración (index.asp) 275
10.3.5 Crear página de agregar mensaje (insert.asp) ) 280
Capítulo 11 Ejemplos completos (1) - Sitio web de una empresa de Internet 283
Este capítulo guía a los lectores para dominar las técnicas básicas de desarrollo de sitios web y toda la producción de sitios web a través de ejemplos completos de creación. un sitio web completo.
11.1 Descripción general de ejemplos 283
11.2 Planificación de sitios web 284
11.3 Utilice Fireworks para crear efectos de páginas web 285
11.3.1 Dibujar efectos básicos de la página web 285
11.3.2 Dibujar la barra de navegación 287
11.3.3 Dibujar el efecto de texto de la página web 288
11.3.4 Agregar iconos decorativos 289
11.3.5 Dibujar efectos de subpágina 291
11.4 Usar Dreamweaver 8 para crear un sitio 291
11.5 Usar Fireworks para dividir y generar la página de inicio 292
1. Dibujar partes de la página de inicio 292
2. Salida de corte 293
11.6 Edición de la página de inicio en Dreamweaver 8 294
1. Procesamiento en segundo plano de las imágenes de posición correspondientes 294
2. Insertar contenido de texto 294
3. Establezca zonas activas y defina enlaces de zonas activas 295
11.7 Utilice Fireworks para dividir y exportar páginas secundarias 295
1. Inserte la página secundaria como una imagen en formato JPEG en una nueva capa del archivo PNG de la página de inicio 295
2. Modifique los sectores de la página secundaria y expórtelos 296
11.8 Edite las páginas secundarias exportadas en Dreamweaver 296
11.9 Utilice Fireworks para dividir y exportar la plantilla 297
1 . Dibujar líneas de referencia de corte 297
2. Cortes de salida 297
11.10 Utilice Dreamweaver para editar páginas de plantilla 298
1. Establezca zonas activas y defina enlaces de zonas activas 299
2. Procesamiento en segundo plano de imágenes en las posiciones correspondientes 299
3. Configure el área editable para completar la producción de la plantilla 299
11.11 Aplique la plantilla para crear otras páginas secundarias 300
11.12 Vuelva a verificar todos los enlaces de la página y explore el efecto final 300
Capítulo 12 Ejemplo completo (2) - Sitio web de la era del automóvil 303
Este capítulo guía a los lectores para dominar las técnicas básicas de desarrollo de sitios web y todo el flujo de trabajo de producción de sitios web a través de ejemplos completos de cómo crear un sitio web completo.
12.1 Descripción general de ejemplos 303
12.2 Planificación de sitios web 304
12.3 Utilice Fireworks para crear efectos de páginas web 305
12.3.1 Dibujar efectos básicos de una página web 305
12.3.2 Dibujar la barra de navegación 306
12.3.3 Dibujar el efecto de la columna de texto 308
12.3.4 Agregar imágenes de materiales 310
12.3.5 Dibujar efectos de páginas de enlaces web 311
12.4 Usar Dreamweaver 8 para crear un sitio 311
12.5 Usar Fireworks para dividir y generar plantillas 312 p>
1. Dibujar líneas de referencia de corte 312
2. Cortes de salida 312
12.6 Usar Dreamweaver para editar páginas de plantilla 313
1. Establezca zonas activas y defina enlaces de zonas activas 313
2. Procesamiento en segundo plano de las imágenes de posición correspondientes 314
3. Crear área de formulario 314
4. Configure el área editable para completar la producción de la plantilla 315
12.7 Cree la página de inicio en Fireworks y divídala para generar HTML 315
12.8 Cree la página de inicio en Dreamweaver 317
Integrar Fireworks Insertar el documento de la página de inicio inicial exportado en el área editable 317
12.9 Usar Flash para crear banner 318
12.9.1 Crear efectos de texto dinámicos 318
12.9.2 Crear un efecto de máscara 320
12.10 Usar Fireworks para dividir y exportar la página secundaria 322
Crear un documento de página secundaria que contenga solo áreas editables 322
12.11 Usar Editar páginas secundarias con Dreamweaver 323
12.12 Aplicar plantillas para crear otras páginas secundarias 324
12.13 Ingresar contenido de texto para todas las páginas 324
12.14 Volver a verificar todas las páginas enlaces 324
12.15 Insertar banner Flash y explorar el efecto final 325