Directorio de Dreamweaver CS5 desde principiante hasta experto
Parte 1: Primeros pasos
Este artículo lo llevará a desvelar el misterio de Dreamweaver CS5 y a emprender un maravilloso viaje de aprendizaje sobre la producción de sitios web.
Capítulo 1 Conocimientos Básicos de Páginas Web y Sitios Web 2
Video didáctico de este capítulo: 45 minutos
Un viaje de mil millas comienza con un solo paso. Este capítulo presenta los conocimientos básicos de páginas web y sitios web, sentando una base sólida para el desarrollo futuro de sitios web.
1.1 Comprensión de páginas web y sitios web 3
1.2 Conceptos relacionados de páginas web 5
1.3 Composición HTML de páginas web 7
1.4 Etiquetas HTML comunes 9
1.5 Práctica integral: elaboración de horarios 19
Cocina privada del maestro 22
Consejos: guarde el sitio completo 22
No. 2 Capítulo 1 Introducción a Dreamweaver CS5 24
Vídeo didáctico de este capítulo: 50 minutos
Dreamweaver CS5 es actualmente la herramienta de diseño web más popular. Una vez que domines y apliques hábilmente este software, podrás diseñar páginas web con facilidad.
2.1 Ingreso a Dreamweaver CS5 25
2.2 El entorno de trabajo de Dreamweaver CS5 28
2.3 Experimente las nuevas características de CS5 29
2.4 Crear un sitio 34
2.5 Administrar un sitio 36
2.6 Operar archivos y carpetas del sitio 38
2.7 Práctica integral 1 - Crear un sitio local 40
2.8 Combate práctico integral 2: creación de archivos y carpetas del sitio 41
Cocina privada del maestro 42
Consejos: personalizar la ventana de edición de Dreamweaver 42
No. 2 Páginas web estáticas
Ahora que la práctica del retiro está completa, comencemos a aprender cómo crear páginas web. Lo llevaremos a experimentar la esencia y el misterio de la producción de páginas web.
Capítulo 3 Edición de Páginas Web 45
Video didáctico de este capítulo: 2 horas y 43 minutos
Así como un libro se compone de cada página, una El sitio web también se compone de múltiples páginas web. Lo fundamental del diseño de un sitio web es diseñar cada página. Este capítulo presenta el diseño y edición de páginas web.
3.1 Operaciones básicas de documentos 46
3.2 Establecer atributos de texto 51
3.3 Embellecer páginas web con imágenes 61
3.4 Crear enlaces 72
3.5 Combate Práctico Integral 1 - Hacer una Página Web con Ilustraciones y Textos 82
3.6 Combate Práctico Integral 2 - Hacer una Barra de Navegación 83
3.7 Combate Práctico Integral 2 - Hacer una Barra de Navegación 83
3.7 3 - Tejiendo enlaces a sitios web 84
Cocina privada del experto 85
Consejo 1: Utilice diferentes resoluciones para ver las páginas web 85
Consejo 2: Configure una imagen externa editor 86
Capítulo 4 Diseño de página web en formato de tabla 87
Vídeo didáctico de este capítulo: 1 hora y 17 minutos
El uso del diseño de tabla para páginas web puede Haga que el contenido de la página esté unificado y ordenado. Presente una estructura de página clara.
4.1 Insertar tabla 88
4.2 Agregar contenido a celdas 89
4.3 Establecer propiedades de tabla 90
4.4 Operaciones básicas de tabla 92
4.5 Combate práctico integral 1: uso de tablas para diseñar páginas 100
4.6 Combate práctico integral 2: creación de mesas con esquinas redondeadas en una página web 105
Cocina privada del maestro 107
p>
Consejo 1: Utilice el modo "Tabla extendida" para ver tablas 107
Consejo 2: Consejos para configurar los bordes y el ancho de la tabla 107
Capítulo 5 Utiliza marcos para crear páginas web únicas 108
Vídeo didáctico de este capítulo: 41 minutos
El marco es como una partición en un armario y puede dividir una página web en varias áreas. , y cada área muestra contenido diferente, por lo que esto enriquece enormemente la connotación y forma de la página.
5.1 Comprender la estructura del marco 109
5.2 Crear un marco 109
5.3 Guardar los archivos del marco y del conjunto de marcos 112
5.4 Seleccionar el marco y conjunto de marcos 114
5.5 Establecer las propiedades del marco y del conjunto de marcos 115
5.6 Práctica integral 1: creación de marcos estructurales izquierdo y derecho 116
5.7 Práctica integral 2—Creación de una página web de marco flotante 118
Cocina privada del maestro 119
Consejo: vea las páginas web de submarco por separado 119
Capítulo 6 Creación de estilos de página web - CSS 120
Vídeo didáctico de este capítulo: 1 hora y 48 minutos
A través de CSS (hojas de estilo en cascada), puedes controlar fácilmente el diseño y estilo de cada página del sitio web. .
6.1 Cómo usar CSS 121
6.2 Definir propiedades de estilos CSS 123
6.3 Editar estilos CSS 132
6.4 Filtros CSS 133
6.5 Combate práctico integral 1: definición de estilos y bordes de páginas web 143
6.6 Combate práctico integral 2: configuración de estilos de enlaces en páginas web 145
Cocina privada del maestro 146
Consejo 1: Reglas de abreviatura de fuentes CSS 146
Consejo 2: Defina el valor predeterminado del atributo 147
Capítulo 7 Diseño de página flexible usando CSS Div 148
Grabación en vídeo didáctico de este capítulo: 45 minutos
Utilizando CSS Div, puede controlar la posición precisa de cada elemento de la página en la página. Dominar el uso de CSS Div es como obtener el pincel mágico del diseño web, ¡y puedes mostrar tus cualidades estéticas y conceptos de diseño al contenido de tu corazón!
7.1 Ingreso de Div 149
7.2 Posicionamiento CSS y diseño Div 150
7.3 Métodos comunes de diseño CSS Div 155
7.4 Práctica integral Combate 1 - Diseño centrado y de ancho fijo 157
7.5 Combate práctico integral 2 - Formato izquierda-centro-derecha 163
Cocina privada del experto 166
Consejo 1 : Elimine las líneas de puntos de los hipervínculos 166
Consejo 2: centre la página de ancho fijo 166
Capítulo 8 Uso común de CSS Div 167
Video didáctico de este capítulo: 21 minutos
Utilice CSS Div de forma flexible para lograr una variedad de estilos de páginas web. Este capítulo presenta varios estilos de uso común.
8.1 La aplicación de estilo clásico chino de CSS Div 168
8.2 La aplicación de estilo europeo y americano de CSS Div 172
8.3 La aplicación de estilo japonés y coreano de CSS Div 176
Cocina privada del maestro 182
Consejos: cómo reducir el volumen de CSS 182
Capítulo 9 Uso de elementos AP Div para diseñar páginas 184
Vídeo tutorial en este capítulo Vídeo: 1 hora y 4 minutos
El diseño web requiere que los diseñadores tengan un pensamiento flexible y una inspiración sin restricciones. Con la ayuda de AP Div para diseñar la página, puede agregar elementos vibrantes (como imágenes publicitarias flotantes, etc.) a la página web para lograr un efecto de página rico e inteligente.
9.1 Operaciones básicas de AP Div 185
9.2 Configuración de parámetros de AP Div y AP Div anidado 189
9.3 Conversión entre AP Div y tablas 190
9.4 Combate práctico integral 1: uso de AP Div para crear un menú desplegable 192
9.5 Combate práctico integral 2: uso de AP Div para crear un efecto de barra de desplazamiento 193
Expertos Cocina privada 195
p>Consejo 1: copie el texto inteligentemente 195
Consejo 2: evite el uso extensivo de AP Div 195
Consejo 3: considere la compatibilidad del navegador 195
Capítulo 10 Utiliza elementos web para embellecer páginas web 196
Video didáctico de este capítulo: 47 minutos
Puedes agregar animación Flash, sonido, video, etc. a la página web para que la página ya no sea monótona.
10.1 Insertar línea horizontal 197
10.2 Insertar fecha 198
10.3 Insertar caracteres especiales 199
10.4 Insertar objeto Flash 199
10.5 Insertar animación de ondas de choque 202
10.6 Insertar sonido 203
10.7 Insertar otros objetos multimedia 204
10.8 Práctica integral: insertar fondo Flash transparente 205
Cocina privada del maestro 206
Consejo 1: Cómo ver archivos FLV 206
Consejo 2: Cómo mostrar el Activo insertado normalmente 206
Nº 3 artículos sobre páginas web dinámicas
No importa lo bonito que sea un sitio web, si no tiene funciones interactivas dinámicas, parecerá delgado y simple. Al utilizar un sitio web de base de datos dinámica, puede comunicarse e interactuar con los usuarios.
Capítulo 11 Dinamización de páginas web: uso de formularios para crear páginas web interactivas 208
Grabación didáctica en vídeo de este capítulo: 1 hora y 18 minutos
En algunos sitios web, se requiere registro de usuario o inicio de sesión, lo que requiere la entrada y envío de contenido a través de la función de formulario. Se puede decir que el formulario es el "puente" de comunicación entre el sitio web y el usuario.
11.1 Crear campos de formulario 209
11.2 Insertar campos de texto 209
11.3 Casillas de verificación y botones de opción 212
11.4 Listas y menú 214
11.5 Uso del menú de salto 217
11.6 Usar botones para activar formularios 217
11.7 Usar campos ocultos y campos de archivo 220
11.8 Combate práctico integral: creación de un libro de visitas 221
Cocina privada del experto 224
Consejo 1: Cómo garantizar que el formulario se muestre normalmente en el navegador 224
Consejo 2 : Utilice el menú de salto para abrir una nueva ventana 224
Capítulo 12 Diga adiós a la monotonía: enriquezca la página con comportamiento 225
Video didáctico de este capítulo: 47 minutos
Utilizando comportamientos, los productores pueden implementar algunas acciones del programa sin programación, como verificar formularios y abrir ventanas del navegador, etc. Esto puede reducir en gran medida la dificultad de la producción de páginas web.
12.1 Comportamiento de la aplicación 226
12.2 Evento estándar 227
12.3 Acción estándar 229
12.4 Práctica integral 1: Crear menú de salto 239
12.5 Combate práctico integral 2: arrastre el elemento AP 240
Cocina privada del maestro 241
Consejo 1: descargue y use más comportamientos 241
p>Consejo 2: agregue comportamiento a las páginas web creadas usando plantillas 242
Capítulo 13 La guinda del pastel: embellezca las páginas web con JavaScript 243
Video didáctico para este capítulo: 43 minutos
Con JavaScript, puede lograr efectos coloridos en páginas web, como efectos de fuegos artificiales, puntero del mouse seguido de texto o imágenes, etc. Este capítulo presenta los conceptos básicos del lenguaje y las técnicas de uso de JavaScript.
13.1 Primera introducción a JavaScript 244
13.2 Conceptos básicos del lenguaje JavaScript 245
13.3 Funcionamiento de JavaScript en Dreamweaver CS5 254
13.4 Integral combate práctico 1 ——Siguiente texto del mouse 255
13.5 Combate práctico integral 2—Haz clic en efecto de fuegos artificiales 258
13.6 Combate práctico integral 3—Establecer como página de inicio y agregar a favoritos 261
13.7 Combate práctico integral 4 - Tarjeta de cuenta atrás 262
Cocina privada del experto 263
Consejo 1: Cómo evitar eficazmente la coincidencia de casos 263
Consejo 2 : Cómo evitarlo Niveles de múltiples condiciones 263
Capítulo 14 Preparación para el desarrollo de sitios web dinámicos 264
Grabación en vídeo didáctico de este capítulo: 20 minutos
Sitio web dinámico = función de interacción de datos del sitio web estático. Como sugiere el nombre, los sitios web dinámicos pueden administrar fácilmente los datos que se muestran en la página a través de una base de datos. Este capítulo presenta los conceptos básicos del desarrollo dinámico de sitios web.
14.1 Conceptos básicos de ASP 265
14.2 Configuración del servidor IIS 265
14.3 Conexión a la base de datos 268
14.4 Práctica integral: sitio web del tablero de mensajes Prueba de funcionamiento 271
Cocina privada del experto 272
Consejo 1: Cómo desinstalar IIS 272
Consejo 2: Configurar las opciones de Internet 273
No. 15 Capítulo Sitio web dinámico conectado a la base de datos - Sistema de votación 274
Video didáctico de este capítulo: 25 minutos
Este capítulo utiliza la operación visual de Dreamweaver para realizar la conexión de la base de datos y el código de página dinámica en el diseño del sistema de votación.
15.1 Creación del entorno operativo del sitio web 275
15.2 Análisis del sistema 276
15.3 Diseño de la página de votación 277
15.4 Diseño de código 279
p>
15.5 Probar el sistema de votación 283
Platos privados de los expertos 283
Consejo 1: configurar el servidor de prueba 283
Consejo 2: Agregue notas a la página web 284
Parte 4: Publicación y mantenimiento del sitio web
Crear un sitio web no es el objetivo final publicar el sitio web en línea para que los usuarios lo naveguen y lo exploren. Comunicar es la intención original de nuestro sitio web. Este artículo presenta métodos y técnicas para la publicación de sitios web y el mantenimiento de la seguridad.
Capítulo 16 Permitir que otros exploren mis resultados: publicación de sitios web 286
Video didáctico de este capítulo: 25 minutos
Después de completar el sitio web localmente, el sitio web puede cargarse en el servidor remoto para que los usuarios de Internet puedan navegar. Todo el proceso incluye registrar un nombre de dominio, solicitar espacio, probar el sitio web y cargar el sitio web.
16.1 Trabajo de preparación antes de subir el sitio web 287
16.2 Prueba del sitio web 288
16.3 Combate práctico integral 1-Uso de Dreamweaver para subir el sitio web 291
16.4 Combate práctico integral 2: use la herramienta FTP para cargar el sitio web 292
Cocina privada del maestro 293
Consejo 1: cargue archivos correctamente 293
Consejo 2: Configurar una página web Cerrar automáticamente 293
Capítulo 17 Construyendo una fortaleza sólida: mantenimiento y seguridad del sitio web 294
Grabación en video didáctica de este capítulo: 34 minutos
Después de cargarlo en el sitio web, también es necesario mantener y actualizar el sitio web, evitar que los virus de la red informática entren en el sitio web y establecer un entorno operativo seguro para el sitio web.
17.1 Cómo mantener su sitio web 295
17.2 Comprobar las vistas del sitio web 296
17.3 Comprender los tipos de ataques 298
17.4 Explotar la seguridad Recursos 301
17.5 Uso de firewalls 304
17.6 Soluciones para la seguridad de la red 308
Cocina privada del maestro 309
Consejos: cómo mejorar la popularidad del sitio web 309
El quinto capítulo práctico
Sin el propósito de aplicar lo aprendido, no tiene sentido hablar simplemente en papel. Los verdaderos creadores de sitios web nunca necesitan mostrar sus habilidades y métodos de diseño web a otros. Si realmente quieren hacer PK, ¡permítanos mostrarles sus verdaderas habilidades en el desarrollo de sitios web!
Capítulo 18 Desarrollo de sitios web personales 311
Grabación de video didáctico de este capítulo: 45 minutos
Utilizando el conocimiento de producción de sitios web que hemos aprendido, podemos hacerlo de acuerdo con nuestra propias necesidades, crea una casa en Internet para mostrar tu personalidad.
18.1 Preparación preliminar del sitio web 312
18.2 Creación de un sitio local 313
18.3 Creación de un sitio web 313
Cocina privada del maestro 328
Consejo 1: Cómo hacer que a la gente le guste su sitio web 328
Consejo 2: Mejore la innovación del sitio web 328
Capítulo 19 Desarrollo de sitios web comerciales 329
Video didáctico de este capítulo: 59 minutos
Una empresa exitosa puede utilizar el sitio web para promocionar y mostrar información corporativa e información de productos al mundo lo más rápido posible, lo que también puede proporcionar a los clientes con grandes beneficios Ayúdales cómodamente a obtener la información más puntera y directa de primera mano desde la web de la empresa.
19.1 Preparación preliminar del sitio web 330
19.2 Creación del sitio local 331
19.3 Producción de la página web de la biblioteca 331
19.4 Creación de plantilla 339
19.5 Utiliza plantillas para crear páginas web 345
Platos privados de expertos 348
Consejo 1: Problemas comunes en la planificación de sitios web comerciales 348
Consejo 2: Tratamiento de la deficiencia de contenido de sitios web comerciales 348
Capítulo 20 Desarrollo dinámico de sitios web - centro comercial en línea 349
Video didáctico de este capítulo: 38 minutos
Actualmente, cada vez hay más usuarios que compran en sitios web como Taobao. Este capítulo presentará el desarrollo de dichos sitios web de compras (centros comerciales en línea).
20.1 Diseño de estructura de sitio web 350
20.2 Diseño de estructura de base de datos 351
20.3 Módulo de gestión de miembros 352
20.4 Módulo de compras online 361
p>
Cocina privada del experto 373
Consejo 1: consulte programas externos para implementar funciones repetidas 373
Consejo 2: utilice la sesión para guardar la información de compras del usuario 374
Capítulo 6: Los secretos de los maestros
Así es como los maestros hacen sitios web.
Capítulo 21 Creación de un sitio web agradable: combinación de colores 376
Video didáctico de este capítulo: 42 minutos
La combinación de colores del sitio web es muy importante en el diseño de sitios web. En este enlace, aplicar un buen color y el lenguaje visual más intuitivo es el requisito básico para crear un sitio web atractivo.
21.1 Hacer buen uso del color para diseñar páginas web 377
21.2 Emparejar los colores de las páginas web 379
21.3 Apreciar la maravillosa combinación de colores de las páginas web 384
21.4 Diseño web Principios del procesamiento artístico 385
Cocina privada del maestro 387
Consejo 1: Utilice colores para atraer la atención 387
Consejo 2: Utilice técnicas de combinación sin colores 387
Capítulo 22 Creación de un sitio web versátil: agregar varias herramientas prácticas 388
Vídeo didáctico de este capítulo: 11 minutos
Después de crear el sitio web, podemos agregar algunas herramientas de uso común para enriquecer la funcionalidad de su sitio web.
22.1 Agregar Baidu y la búsqueda de Google al sitio web 389
22.2 Agregar un reproductor de video al sitio web 389
22.3 Agregar la función de inicio de sesión en varios buzones de correo 390
22.4 Agregar herramientas prácticas de consulta 391
Platos privados de expertos 392
Consejo 1: Agregue el reproductor de video correctamente 392
Consejo 2: Implementación del combinación de Dreamweaver e IE 392
Capítulo 23 Aumento de la tasa de clics: optimización y promoción de sitios web 394
Video didáctico de este capítulo: 14 minutos
Producido y subido Después del sitio web, también es necesario promoverlo para mejorar la clasificación del sitio web en los motores de búsqueda para que más personas conozcan y visiten el sitio web, generando así beneficios económicos.
23.1 Promoción de un sitio web 395
23.2 Optimización SEO de motores de búsqueda 397
23.3 Cómo rentabilizar un sitio web 399
Cocina privada del maestro 400
p>
Consejo 1: Palabras clave mágicas para la promoción online 400
Consejo 2: Factores de ranking que afectan a los motores de búsqueda 400
Recursos de regalo (en CD )
Recurso especial 1: Código fuente de un sitio web ASP grande e instrucciones de funcionamiento
Recurso especial 2: Maravillosa apreciación del diseño de CSS Div
Recurso especial 3: Color maravilloso del sitio web apreciación del esquema
Recurso de regalo 4. Ejemplos de JavaScript seleccionados
Recurso de regalo 5. Preguntas frecuentes y respuestas sobre la producción de páginas web
Recurso de regalo 6. Dreamweaver CS5 común teclas de método abreviado
Recurso de regalo 7. Tabla de consulta de códigos de colores
Recurso de regalo 8: Tabla de consulta de nombres de colores en inglés
Recurso de regalo 9: Galería de efectos de ejemplo de Photoshop (500 en 21 categorías)