Cómo usar este libro
A quién va dirigido este libro
Estructura del libro
El material para desarrollar los ejemplos
Seleccionar preferencias para trabajar
Convenios utilizados en este libro

Introducción

Capítulo 1. Una aproximación a Internet
Introducción
Historia y evolución de Internet
Conectarse a Internet. Terminología de Internet
Cómo funciona Internet
Protocolo TCP/IP. El lenguaje de Internet
Proveedores de servicio de Internet
Publicar un sitio en la Web
Las IP. Protocolo Internet
Tecnologías de conexión
Módems
Tecnología inalámbrica
Tipos de redes inalámbricas
Servicios de Internet
Navegación Web
Breve historia de los navegadores
Proxy server
Configurar la seguridad
URL
Correo electrónico
Los grupos de noticias
FTP, File Transfer Protocol
Voz transmitida sobre IP, VoIP
Chat
Cámara Web, Webcam
La Web 2.0
La interactividad de la Web
Resumen

Capítulo 2. Introducción al diseño Web
Introducción
Las páginas Web
Los sitios Web
Elementos de una página Web
Texto
Imágenes
Vídeo
Animaciones Flash
Sonido
Otros elementos
El diseño Web
Tecnología
Dreamweaver CS4 y su entornos de desarrollo integrado
Tecnologías del lado del cliente
Tecnologías del lado del servidor
Por dónde comenzar
Definir la finalidad del sitio.
Hacer una descripción del sitio y precisar los recursos
Identificar el público objetivo
Contenidos
Concebir el diseño gráfico
Anatomía de una página Web
La arquitectura y el mapa del sitio
Definir el esquema de navegación
Diseñar la interfaz
Elementos de navegación. La barra y los botones de navegación
Usabilidad
El tamaño del monitor
Configurar la pantalla
Velocidad de conexión y ancho de banda
Cambios de URL
Aplicaciones de terminal
Resumen

Capítulo 3. La Interfaz de Dreamweaver CS4
Introducción
La pantalla de bienvenida
El espacio de trabajo de Dreamweaver CS4
El espacio de trabajo Clásico
La barra de la aplicación
La barra de menús
La barra Insertar
La ventana del Documento
Las barras de herramientas de la ventana del Documento
La barra de herramientas Estándar
La barra de herramientas Representación de estilos
La barra de estado de la ventana del Documento
Los paneles de Dreamweaver y el Inspector de Propiedades
Los paneles
El Inspector de Propiedades
Las vistas en Dreamweaver CS4
La Vista de Diseño
La Vista de Código
Vista de código dividida
La Vista Dividir
Vista en vivo
La cuadrícula, las reglas y las guías
La Cuadrícula
Las Reglas
Las Guías
La Ayuda de Dreamweaver CS4
Resumen

Capítulo 4. Personalizar el programa
Introducción
El espacio de trabajo
Elegir la vista del documento
Configurar paneles
Utilizar el inspector de propiedades
Configurar las barras de herramientas
Los métodos abreviados de teclado
Personalizar las Preferencias
La categoría General
La categoría Accesibilidad
La categoría Barra de Estado
La categoría Colores de código
La categoría Comparación de archivos
La categoría Copiar/Pegar
La categoría Elementos invisibles
La categoría Elementos PA
La categoría Estilos CSS
Categoría Formato de Código
Categoría Fuentes
Categoría Nuevo documento
Categoría Reescritura de código
Categoría Resaltando
Categoría Sitio
Categoría Sugerencias para el código
Categoría Tipos de archivos/editores
Categoría Validador
Categoría Vista previa en el navegador
Resumen

Capítulo 5. Definir un sitio y crear páginas Web
Introducción
Conceptos generales
Definir un sitio
Editar definiciones del sitio
El panel Archivos
Crear archivos y carpetas
Renombrar archivos y carpetas
Editar archivos o carpetas
Crear un nuevo documento
Crear un nuevo documento desde la pantalla de bienvenida
Crear un nuevo documento con el cuadro de diálogo Nuevo documento
Usar las Páginas de muestra
Abrir un documento
Guardar un documento
Las propiedades del documento Web
Título del documento
Resumen

Capítulo 6. Trabajar con texto
Introducción
El texto en el diseño Web
Algunos términos tipográficos importantes.
El tipo de letra o de fuente
Tamaños de letra
Estilo de fuente: Negritas
Interlineado
Ajuste del espacio entre letras (kerning)
Ancho de línea
El color del texto
Alineación del texto
Uso de mayúsculas
Otros recursos
Introducir texto
Editar y seleccionar texto
Seleccionar texto con la barra de estado
Diferencias con los procesadores de texto
Importar texto
Los encabezados
Listas
Crear tablas
Los entornos de Dreamweaver para trabajar con tablas
Insertar una tabla en el modo estándar
Importar datos
Otras funciones de texto
Definir abreviaturas y acrónimos
Buscar y Reemplazar
Revisión y corrección ortográfica
Insertar caracteres especiales
Resumen

Capítulo 7. Trabajar con CSS
Introducción
Conceptos básicos
Las reglas CSS
Clasificación de estilos
El panel Estilos CSS
El modo Todo del panel Estilos CSS
El modo Actual del panel Estilos CSS
Editar estilos CSS
Editar estilos CSS con ayuda del cuadro de diálogo Definición de regla CSS
El cuadro de diálogo Definición de regla
Editar estilos en el Panel Estilos CSS
Crear y editar estilos con el Inspector de Propiedades
Crear hojas de estilo externas
Crear una hoja de estilos externa basada en un archivo de diseño
Crear una hoja de estilos externa desde un documento en blanco
Crear una hoja de estilos externa a partir de otra ya existente
Anexar una hoja de estilos existente
Crear reglas CSS
Crear nuevas reglas CSS
Redefinir etiquetas HTML
Crear estilos de clase y de id
El atributo class
El atributo ID
Las reglas de selectores Compuestos
Crear hojas de estilos para otros medios
Eliminar estilos CSS
Resumen

Capítulo 8. El color y el diseño Web
Introducción
El color en la Web
La paleta Web
La teoría del color
Los colores aditivos
Modelo de color RGB (Red, Green, Blue)
Modelo de color CMYK (Cyan, Magenta, Yellow, Black)
Tono, Valor y Saturación
Los esquemas de color
Colores complementarios
Colores análogos
Monocromías
Colores fríos y colores cálidos
Psicología del color
El significado de los colores
Colores para un sitio
Notación hexadecimal
Definir los colores en Dreamweaver
Insertar el color de fondo
Cambiar el color de fondo de la página con CSS
Definir el color del texto
Resumen

Capítulo 9. Trabajar con imágenes
Introducción
Las imágenes para la Web
Aspectos estéticos
Aspectos técnicos
Dónde encontrar imágenes
Realizar sus propias imágenes
Bancos de imágenes
Imágenes gratuitas
Imágenes libres de derechos de autor
Imágenes con gestión de derechos
Obtener ayuda profesional
Ubicación de los archivos de imágenes
Nombrar imágenes para la Web
Nombrar las imágenes en Dreamweaver
Insertar imágenes en Dreamweaver CS4
Insertar imágenes de primer plano utilizando la barra Insertar
Insertar una imagen de fondo
Utilizar los marcadores de posición de las imágenes
Sustituir un marcador de posición de la imagen
Crear un marcador de posición de la imagen
Vincular archivos y editores
Insertar una imagen desde el panel Activos
Redimensionar las imágenes
Textos alternativos y descripciones largas
Alinear las imágenes en relación con otros contenidos
Alinear texto e imágenes
Introducir Bordes
Añadir márgenes
Optimizar las imágenes
Formatos de archivo de imágenes
Formato de mapa de bits
Formato vectorial
Las imágenes para la Web
Optimizar las imágenes
Los tiempos de descarga de las imágenes
Seleccionar el formato
Los formatos para la Web
Optimizar las imágenes desde el Inspector de propiedades
Herramientas gráficas adicionales integradas en Dreamweaver
Recorte
Volver a muestrear
Brillo y contraste
Perfilar
Optimizar imágenes con Photoshop
Los Smart Objects de Photoshop
Resumen

Capítulo 10. Crear hipervínculos
Introducción
Las rutas de acceso
Rutas absolutas
Rutas relativas
Rutas relativas al documento
Rutas relativas a la raíz del documento
Crear vínculos
Crear vínculos con el botón Hipervínculo
Crear vínculos usando el URL
Crear vínculos con ayuda del botón Buscar archivo
Crear vínculos arrastrando el cursor
Crear vínculos utilizando un ancla
Crear vínculos con imágenes
Abrir vínculos en una nueva ventana
Eliminar vínculos
El color de los vínculos
Actualizar vínculos
Insertar barras de menús de Spry
Personalizar la barra de navegación
Comprobar los vínculos
Resumen

Capítulo 11. Crear páginas interactivas
Introducción
Comportamientos de Dreamweaver
Elementos de los comportamientos
Aplicar Comportamientos
Generar otros comportamientos al hacer clic en un hipervínculo.
Aplicar comportamientos a la página completa
Editar comportamientos
Los Spry
Efectos de Spry
Datos de Spry
Spry widgets
Crear un Acordeón de Spry
Añadir y eliminar paneles
Resumen

Capítulo 12. El diseño de las páginas con CSS
Introducción
Utilizar estilos CSS para diseñar las páginas
Crear diseños de página con elementos