Este manual se dirige a los creadores de sitios web estáticos (sin conexión a una base de datos externa) que deseen sacar el máximo partido del célebre programa de Adobe, Dreamweaver CS6. En él se describen de forma práctica las funciones esenciales de esta nueva versión que permiten crear y publicar un sitio web de acuerdo con las normas del W3C, lo que implica diferenciar bien el contenido (en HTML) del formato y el diseño de página, establecidos mediante hojas de estilos CSS (para crear un sitio completamente CSS).

Una vez estudiado el entorno y definido el sitio, se abordarán las hojas de estilos CSS (organización, sintaxis y administración) antes de pasar a crear las primeras páginas web compuestas de todo tipo de elementos (texto, imágenes, tablas, vídeos, hipervínculos, etc.). También se verá cómo crear formularios, utilizar componentes de interfaz Spry (tecnología Ajax), sacar partido de las bibliotecas de objetos y de las plantillas. Existe un capítulo dedicado a la optimización del código para los estándares de la web en el que se incluye también la incorporación de HTML 5 y CSS 3. El libro finaliza con la publicación del sitio en el servidor.

Introducción

1. Internet en la actualidad
2. El World Wide Web Consortium y los estándares
3. Los programas de creación de sitios web
4. Objetivo del libro

Interfaz de creación

1. El entorno del sistema
2. La pantalla de inicio
3. Los espacios de trabajo
4. Los paneles
5. Los paneles importantes
6. Las barras de herramientas
7. La barra de estado
8. El entorno de creación

Definir el sitio local y remoto

1. El sitio local y el sitio remoto
2. Crear el nuevo sitio
3. El control de la versión
4. La configuración avanzada
5. Administrar los sitios creados
6. Elegir un sitio local

La visualización de las páginas

1. La visualización de las páginas en los navegadores
2. Las vistas clásicas
3. La vista en vivo de páginas estáticas
4. La vista en vivo de páginas dinámicas
5. Los vínculos en la Vista en vivo
6. Inspeccionar la página
7. Las propiedades de los contenedores
8. Mostrar un sitio para diferentes tipos de pantallas

Hojas de estilos CSS

1. Los estándares de la web
2. Cómo utilizar los estilos CSS
3. Crear estilos en el documento activo
4. Crear estilos en un archivo CSS
5. Administrar el vínculo de una página HTML a un archivo de hojas de estilos
6. Mover los estilos definidos para una página
7. Aplicar los estilos
8. Administrar los estilos
9. Eliminar los estilos aplicados
10. Las hojas de estilos CSS de Dreamweaver
11. La noción de marco

Crear una nueva página web

1. Crear una nueva página web
2. La configuración por defecto de los nuevos documentos
3. Guardar el nuevo documento
4. Administrar las páginas web creadas
5. Formatear las páginas con las hojas de estilos

Insertar texto

1. Principios generales
2. Utilizar encabezados
3. Utilizar los párrafos
4. Utilizar las citas de párrafo
5. Utilizar texto preformateado
6. Utilizar las listas
7. Conocer el elemento HTML utilizado
8. Las demás posibilidades de inserción de texto
9. Editar texto
10. Insertar una línea de separación

Formatear caracteres con CSS

1. Principios generales
2. Aplicar formato con los estilos clásicos
3. Aplicar formato con los estilos CSS
4. La categoría Tipo
5. La categoría Fondo
6. La categoría Bloque
7. La categoría Cuadro
8. La categoría Borde

Formatear texto con CSS

1. El formato CSS
2. La categoría Tipo
3. La categoría Fondo
4. La categoría Bloque
5. La categoría Cuadro
6. La categoría Lista
7. Aplicación de formato a la barra horizontal

Insertar tablas

1. La utilización correcta de las tablas
2. Insertar una tabla
3. La estructura de la tabla
4. Usar el modo de tablas expandidas
5. Ordenar una tabla

Formatear tablas con CSS

1. El código HTML y CSS para las tablas
2. Aplicar formato a la tabla
3. Dar formato a la leyenda
4. Aplicar formato a las celdas

Insertar imágenes

1. Los formatos de imagen
2. La ruta de acceso a las imágenes
3. Insertar imágenes
4. Modificar las imágenes insertadas
5. El formato HTML

Formatear imágenes con CSS

1. Las propiedades CSS utilizadas
2. La alineación
3. Las otras propiedades
4. Un ejemplo más completo

Insertar formularios

1. Utilizar formularios
2. La vista en vivo de formularios
3. Insertar el formulario
4. Los objetos de introducción de datos
5. El campo oculto
6. Los objetos botón de opción y casilla de verificación
7. El menú y la lista
8. El campo de selección de archivo
9. Los botones de gestión del formulario
10. Ejemplo de formulario
11. La validación de los formularios con los widgets Spry
12. El widget de campo de texto de validación de Spry
13. El widget de área de texto de validación de Spry
14. El widget de casilla de verificación de Spry
15. El widget de selección de validación de Spry
16. El widget de contraseña de validación de Spry
17. El widget de confirmación de validación de Spry
18. El widget de grupo de opciones de validación de Spry

Formatear formularios con CSS

1. Las hojas de estilo
2. Aplicación de formato a los campos de texto
3. Aplicar formato a los menús
4. Aplicar formato a los botones
5. Aplicar formato al formulario
6. Aplicar formato a los widgets Spry
7. Utilizar el panel Propiedades para dar formato a los mensajes de error

Insertar vínculos

1. Los vínculos
2. Los vínculos en una misma página
3. Los vínculos a otra página del sitio
4. Crear vínculos externos
5. El menú de salto
6. La barra de menús de Spry
7. Verificar los vínculos en una página
8. Verificar todos los vínculos del sitio
9. Utilizar imágenes para crear vínculos

Formatear vínculos de texto con CSS

1. Los estilos específicos para los vínculos
2. La creación de estilos específicos
3. La caché de los navegadores
4. La barra de menús de Spry

Elementos multimedia

1. Elementos multimedia en la web
2. Insertar un vídeo de Flash
3. Insertar una animación Flash
4. Los demás elementos multimedia

Componentes de interfaz de Spry

1. Los componentes de interfaz de Spry
2. El panel que puede contraerse
3. El acordeón
4. Los paneles en fichas
5. La información sobre herramientas
6. Los Widgets de Ajax

Aplicar formato con las CSS

1. Hojas de estilo para aplicar formato
2. Crear estilos para las etiquetas <div>
3. Mostrar las propiedades de las etiquetas
4. Un primer ejemplo de formato con cajas flotantes
5. Un segundo ejemplo de formato con cajas flotantes
6. Los elementos en posición absoluta
7. Los ejemplos de formato de página de Dreamweaver

Biblioteca de activos

1. Utilización de la biblioteca de activos
2. Los activos de imágenes
3. Los activos de colores
4. Los activos de vínculos externos (URL)
5. Los activos de animaciones Flash (SWF)
6. Los activos de scripts
7. Los activos de bibliotecas
8. Las plantillas de documento

Páginas según los estándares de la web

1. ¿Por qué utilizar los estándares?
2. La referencia del código HTML
3. Visualizar el código en la página
4. Limpiar el código fuente HTML
5. Validar el código en función de los navegadores
6. Convertir al formato XHTML
7. Los nuevos estándares

Publicación del sitio

1. El sitio local y el sitio remoto
2. Insertar metadatos
3. Administrar los archivos locales del sitio
4. Mostrar los servidores local y remoto
5. La publicación en el servidor remoto
6. Recuperar archivos del servidor
7. Sincronizar los archivos
8. Generar un informe del sitio

índice