Agradecimientos de Daniel
Sobre los autoresINTRODUCCIÓN
Comentario de Lynda Weinman
Sobre lynda.com
Registro del producto
Otros recursos formativos de lynda.com
Cómo usar este libro
Formato utilizado
Figuras
HTM versus HTML
Requisitos del sistema para Dreamweaver 8
Obtener una versión de prueba del programa
CAPÍTULO 1. CONCEPTOS BÁSICOS
¿Qué es Dreamweaver 8?
HTML versus XHTML
Integración XHTML
¿Es necesario aprender XHTML para usar Dreamweaver?
¿Para qué sirve XHTML?
¿Cuál es el aspecto de XHTML?
Convenios sobre los nombres de archivo
Extensiones de los nombres de archivo
¿Qué es CSS?
¿Cuál es el aspecto de CSS?
¿Qué es XML?
¿Qué es DHTML?
¿Qué es JavaScript?
¿Qué es una aplicación Web?
Ampliar Dreamweaver
CAPÍTULO 2. LA INTERFAZ
Configurar el espacio de trabajo (sólo para usuarios de Windows)
Descripción de la interfaz
La interfaz de Windows
La interfaz de Macintosh
La página de inicio
La barra de herramientas Insertar
Tipos de categorías de la barra Insertar
El inspector de propiedades
La barra de herramientas Documento
La ventana de documento
Las vistas de la ventana de documento
Múltiples ventanas de documento
Paneles y grupos de paneles
Guardar el diseño del espacio de trabajo
Preferencias
Editores externos
Utilidades de comparación de archivos
Dinero bien invertido
Tamaños de ventana predeterminados
Definir un navegador predeterminado
Combinaciones de teclas
Modificar las combinaciones de teclas
CAPÍTULO 3. GESTIÓN DE SITIOS WEB
¿Qué es una carpeta raíz local?
Ejercicio 1: Definir un sitio
Importar y exportar definiciones de sitios
Entender las rutas relativas y absolutas
Ejercicio 2: Enlaces a URL relativos y absolutos
Ejercicio 3: Gestión de archivos y carpetas
Ejercicio 4: Entender la estructura de las rutas
Vínculos relativos a la carpeta raíz del sitio y a documentos
Ejercicio 5: Crear el mapa de un sitio
Ejercicio 6: Crear un sitio desde cero
CAPÍTULO 4. OPERACIONES BÁSICAS
Ejercicio 1: Crear y guardar un documento nuevo
El cuadro de diálogo Nuevo documento
La importancia del documento por defecto
Ejercicio 2: Establecer el título de la página
Ejercicio 3: Insertar imágenes
El panel Activos
Ejercicio 4: Insertar texto
Párrafos y saltos de línea
Ejercicio 5: Alinear texto e imágenes
Ejercicio 6: Crear vínculos con imágenes y textos
Ejercicio 7: Insertar etiquetas
CAPÍTULO 5. VÍNCULOS
Ejercicio 1: Crear vínculos con Señalar archivo
Ejercicio 2: Crear vínculos a archivos de origen nuevos
Ejercicio 3: Crear vínculos de correo electrónico
Ejercicio 4: Crear anclajes con nombre
Ejercicio 5: Vínculos a archivos
Crear archivos PDF
Crear archivos ZIP
CAPÍTULO 6. HOJAS DE ESTILO EN CASCADA
Especificaciones CSS
Explicación del término cascada en CSS
Anatomía de una hoja de estilos
Ejercicio 1: CSS y las propiedades de página
El cuadro de diálogo Propiedades de la página
Tipos de hojas de estilo
Ejercicio 2: Exportación y vinculación de archivos CSS externos
El panel Estilos CSS
Selectores CSS
Selectores de tipo
Ejercicio 3: Crear selectores de tipo
Selectores de ID
Ejercicio 4: Crear selectores de ID
Selectores de clase
Ejercicio 5: Crear selectores de clase
Selectores de pseudo-clase
Ejercicio 6: Crear efectos rollover con pseudo-clases CSS
Preguntemos al oráculo SelectOracle
CAPÍTULO 7. TIPOGRAFÍA
Abandonar la etiqueta
Elementos tipográficos válidos en XHTML
Ejercicio 1: Aplicar formato a los textos mediante el inspector de propiedades
¿Qué unidades de medida conviene utilizar?
Ejercicio 2: Gestión de los espacios con márgenes, rellenos e interlineados
Detalles sobre el interlineado
Cálculo de los márgenes
El relleno
Ejercicio 3: Utilizar listas de fuentes
Ejercicio 4: Alinear textos
Alineación relativa de textos e imágenes
Ejercicio 5: Listas ordenadas, no ordenadas y de definiciones
¿Qué es el texto Flash?
Ejercicio 6: Crear Texto Flash
CAPÍTULO 8. TABLAS
¿Qué es una tabla?
Ejercicio 1: Crear una tabla y su contenido
Ejercicio 2: Cambiar el borde de una tabla con XHTML
Ejercicio 3: Cambiar el borde de una tabla con CSS
Ejercicio 4: Aplicar colores a las tablas
El comando Formatear tabla
Ejercicio 5: Alinear el contenido de las tablas
Anchos de tabla: Ayudas visuales
Ejercicio 6: Ordenar una tabla
Opciones del comando Ordenar tabla
Ejercicio 7: Configurar los anchos de tabla
Ejercicio 8: Crear tablas con vértices redondeados
Cómo construir los vértices redondeados
CAPÍTULO 9. ESTRUCTURA
Imágenes de rastreo, capas y tablas
Ejercicio 1: Aplicar una imagen de rastreo
Márgenes de los navegadores
Ejercicio 2: Añadir capas
La herramienta Zoom
¿Qué convierte un simple DIV en una capa?
¿Qué es el modo de diseño?
Ejercicio 3: Utilizar tablas y celdas de diseño
Ejercicio 4: Utilizar los anchos de las tablas de diseño
Anatomía de las celdas de diseño
CAPÍTULO 10. DISEÑOS ESPECÍFICOS PARA DISPOSITIVOS
¿Qué es un dispositivo?
Ejercicio 1: Asignar una hoja de estilos para impresión
Ejercicio 2: Estilos de impresión
La barra de herramientas Representación de estilos
Depuración en diversos dispositivos
CAPÍTULO 11. ROLLOVERS O IMÁGENES DE SUSTITUCIÓN
Reglas de sustitución
Diseño gráfico para la Web
Ejercicio 1: Crear una imagen de sustitución sencilla
Opciones del cuadro de diálogo Insertar imagen de sustitución
Vínculos nulos en imágenes de sustitución
Ejercicio 2: Crear imágenes de sustitución disjuntas
Ejercicio 3: Crear barras de navegación con varios estados de sustitución
Estados de los botones de navegación
¿Qué son los botones Flash?
Ejercicio 4: Crear botones Flash
CAPÍTULO 12. XHTML
Ejercicio 1: Visualizar el código
Opciones de la vista de código
Inspector de código
Ejercicio 2: Edición en la vista de código
Preferencias sobre el formato del código
La barra de herramientas Programación
Ejercicio 3: Utilizar la función contraer código
Ejercicio 4: Utilizar Quick Tag Editor
Ejercicio 5: Combinar el Editor de etiquetas con el Selector de etiquetas
Validación del código
Ejercicio 6: Utilizar fragmentos
CAPÍTULO 13. FORMULARIOS
El grupo Formularios de la barra de herramientas Insertar
Hacer que un formulario funcione
Ejercicio 1: Campos y áreas de texto
Ejercicio 2: Utilización de casillas de activación y botones de opción
Ejercicio 3: Utilización de listas y menús
Ejercicio 4: Enviar un formulario al servidor
Enviar la información de los formularios por correo electrónico
CAPÍTULO 14. COMPORTAMIENTOS
Ejercicio 1: Utilizar el comportamiento Abrir ventana del navegador
Ejercicio 2: Utilizar el comportamiento Cambiar propiedad
Ejercicio 3: Utilizar el comportamiento Validar formulario
Obtener más comportamientos
Dreamweaver Exchange
Massimo´s Corner
Yaromat
CAPÍTULO 15. INTEGRACIÓN CON FIREWORKS
La importancia de las notas de diseño
Preferencias sobre el editor externo de imágenes
Ejercicio 1: Insertar imágenes de Fireworks 8
Ejercicio 2: Modificar imágenes con las herramientas incorporadas de Fireworks 8
Herramientas de edición incorporadas
Ejercicio 3: Modificar una imagen de Fireworks 8
Imágenes sin información de origen
Ejercicio 4: Insertar rollovers básicos desde Fireworks 8
Ejercicio 5: Actualizar el código HTML de Fireworks desde Dreamweaver
La configuración de exportación de Fireworks 8
Ejercicio 6: Manipular menús emergentes de Fireworks 8
CAPÍTULO 16. PLANTILLAS Y ELEMENTOS DE BIBLIOTECA
Ejercicio 1: Plantillas en acción
Plantillas y equipos de colaboración
Ejercicio 2: Crear una plantilla nueva
Ejercicio 3: Aplicar plantillas a páginas existentes
Ejercicio 4: Modificar una plantilla
Ejercicio 5: Añadir regiones repetidas
Ejercicio 6: Utilizar regiones repetidas
Ejercicio 7: Añadir regiones opcionales
Ejercicio 8: Modificar las propiedades de la plantilla
Cuándo utilizar elementos de biblioteca
Ejercicio 9: Crear un elemento de biblioteca
Ejercicio 10: Modificar un elemento de biblioteca
CAPÍTULO 17. AUTOMATIZACIÓN
¿Qué es el panel Historial?
Ejercicio 1: Utilizar el panel Historial para deshacer y rehacer
Efecto de guardar un archivo sobre el panel Historial
Ejercicio 2: Crear comandos a partir de los pasos del panel Historial
Ejercicio 3: Buscar y reemplazar
CAPÍTULO 18. ACCESIBILIDAD
Recomendaciones de accesibilidad del W3C
Web Content Accessibility Guidelines 1.0
Techniques for Web Content Accessibility Guidelines 1.0
CSS Techniques for Web Content Accessibility Guidelines 1.0
HTML Tecniques for Web Content Accessibility Guidelines 1.0
Ejercicio 1: Configurar las preferencias de accesibilidad
IBM Home Page Reader
Ejercicio 2: Insertar imágenes accesibles
Ejercicio 3: Insertar tablas accesibles
Ejercicio 4: Insertar objetos de formulario accesibles
Informe de accesibilidad
El cuadro de diálogo Atributos de accesibilidad de la etiqueta de entrada
CAPÍTULO 19. INSERTAR OBJETOS MULTIMEDIA
La disponibilidad de las extensiones
Ejercicio 1: Vínculos a sonidos
Diferentes formatos de sonido
Ejercicio 2: Incrustar archivos multimedia
Ejercicio 3: Insertar contenido de Flash
Insertar contenidos Shockwave
Ejercicio 4: Insertar contenidos de tipo Flash Video
CAPÍTULO 20. PUBLICAR UN SITIO WEB
Alojamiento Web gratuito con Tripod
Ejercicio 1: Registrarse en Tripod
Ejercicio 2: Configurar el acceso FTP
¿Qué es FTP?
Ejercicio 3: Publicar archivos en el servidor
Ejercicio 4: Informes
El cuadro de diálogo Informes
APÉNDICE A. SOPORTE TÉCNICO Y PREGUNTAS FRECUENTES
Información sobre soporte técnico
Preguntas frecuentes
APÉNDICE B. RECURSOS SOBRE DREAMWEAVER 8
lynda.com Training Resources
Libros de lynda.com
Formación mediante vídeos de lynda.com
Flashforward Conference
Recursos en Internet
Libros
APÉNDICE C. INSTALAR EXTENSIONES
Macromedia Extension Manager
Instalar una extensión
Desactivar una extensión
Desinstalar una extensión
APÉNDICE D. CONTENIDO DEL CD-ROM
Exercise_files
Vídeos
Eliminar el atributo de sólo lectura en Windows
Mostrar las extensiones de los archivos en Windows
ÍNDICE ALFABÉTICO
