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

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

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

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

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

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>

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

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