DREAMWEAVER MX

Cómo usar este libro

A quién va dedicado este libro

Estructura del libro

Convenios que se utilizan en este libro

Información de soporte

Instrucciones para utilizar los ejemplos



Introducción



1. Comprender Internet

Introducción

Historia y evolución de Internet

Internet y la Web

Los servidores Web

Los navegadores Web

Los sitios Web

IP

URL

Las aplicaciones más importantes de Internet

La interactividad de la Web

Resumen



2. Diseñar para la Web

Introducción

Antes de empezar a utilizar el programa

De diseñador tradicional a diseñador Web

Fundamentos del diseño Web

El código HTML

DHTML, CSS y JavaScript

Dreamweaver: editor visual, editor HTML

Dreamweaver MX

Resumen



3. La Interfaz de Dreamweaver

Introducción

Los espacios de trabajo de Dreamweaver

Cómo seleccionar el espacio de trabajo

El espacio de trabajo de Dreamweaver 4

El espacio de trabajo de Dreamweaver MX

El Estilo del Codificador

Los menús y la barra de herramientas

La ventana del documento

La Vista de Diseño

La Vista de Código

La Vista de Diseño y Código

La Regla, la Cuadrícula y las Ayudas visuales

La barra de estado de la ventana del documento

Los paneles de Dreamweaver

La barra Insertar

El panel Inspector de Propiedades

El Grupo de paneles

El Panel Sitio

El panel Activos

El Panel Historial

Personalizar el espacio de trabajo

Resumen



4. Definir un sitio Web

Introducción

Estrategias

Conceptos generales

Definir un sitio

Asistente para la definición del sitio

El panel Sitio

La barra de herramientas del sitio

Crear archivos y carpetas

Crear el mapa del sitio

Definir la página principal del sitio

Vincular páginas

Ejemplo

Resumen



5. Crear páginas Web

Introducción

Crear un nuevo documento

Abrir un documento

Las propiedades del documento Web

Título del documento

Configurar el esquema de colores

Algunas consideraciones sobre los colores en la Web

Los márgenes

Codificación del documento

Guardar un documento

Vista previa en el navegador

Ejemplo

Resumen



6. Trabajar con texto

Introducción

Insertar texto

Trabajar con texto de otras aplicaciones

Cortar y Pegar

Diferencias con los procesadores de texto

Caracteres especiales

Salto de línea

Espacio indivisible

Insertar fechas

Formatos de texto

Algunas consideraciones sobre el formato de texto

Tipo de fuente

Color

Tamaño de fuente

Estilo de fuente

Formatos de párrafo

Encabezados

Alineación

Listas

Reglas horizontales

Estilos HTML

Ejemplo

Resumen



7. Usar el color

Introducción

Color en la Web

Colores seguros para el navegador

Teoría del uso del color

Modelos de color

Modelo de color RGB

Modelo de color CMYK

Tono, valor y saturación

Colores complementarios

Colores análogos

Monocromía

Colores fríos y colores cálidos

Colores para el sitio

Definición de colores en Dreamweaver

Color de fondo

Color del texto

Comprobar el color

Efectos de color con Photoshop: Tono-Saturación

Resumen



8. Utilizar imágenes

Introducción

Guardar imágenes para la Web

Optimizar las imágenes

Seleccionar el formato adecuado

Formatos de archivo

Formato de mapa de bits

Formato vectorial

Los formatos para la Web

Tamaño de las imágenes

Introducir y manipular imágenes

Imagen de fondo

Insertar imágenes en la página

Arrastrar las imágenes

Tamaño de las imágenes en Dreamweaver

Alinear las imágenes

Alineación de imágenes y textos

Ejemplo de alineación con textos

Bordes

Asignación de nombres a las imágenes

Rodear imágenes con texto

Añadir espacios alrededor de la imagen

Alinear una imagen con respecto a otra imagen

Introducir textos gráficos

Marcador de posición de imagen

Álbum de fotos

Resumen



9. Crear Hipervínculos

Introducción

Conceptos Generales

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 usando el URL

Crear vínculos con ayuda del botón Examinar

Crear vínculos arrastrando el cursor

Crear vínculos utilizando el punto de fijación

Crear vínculos con imágenes

Crear un vínculo a un correo electrónico

Abrir vínculos en una nueva ventana

Eliminar vínculos

El color de los vínculos

Estrategias

Ejemplo

Resumen



10. Las tablas en la Vista Estándar

Introducción

Las tablas en Internet

La Vista Estándar y la de Disposición

Las tablas convencionales

Trabajar en la Vista Estándar

Insertar una tabla

Trabajar con filas, columnas y celdas

Seleccionar

Añadir y eliminar filas y columnas

Cambiar el tamaño

Combinar y dividir celdas

Formato de tablas

Configurar las propiedades de tabla

Configurar las propiedades de celdas, filas y columnas

Aplicar diseños predefinidos

Añadir contenido a una tabla

Ordenar los datos de una tabla

Importar datos

Ejemplo

Resumen



11. Disposición de la página

Introducción

Las tablas y las capas

La Vista de Disposición

La categoría Disposición de la barra Insertar

Trabajar en la vista de Disposición

Dibujar una celda de disposición

Dibujar una tabla de disposición

Tablas anidadas

Trabajar con celdas y tablas de disposición

El formato de celdas y tablas de disposición

Reajuste automático del tamaño

Las columnas de ancho fijo

Las columnas autoampliables

Imágenes de Espaciador

Las capas

Crear capas

Trabajar con capas

Modificar las propiedades de capas

Capas anidadas

El panel Capas

La visibilidad de las capas

El orden de apilamiento de las capas

Convertir las capas en tablas

Evitar el solapamiento de capas

Ejemplo

Resumen



12. El uso de marcos y conjuntos de marcos

Introducción

Marcos y conjuntos de marcos

Crear un conjunto de marcos

Insertar y dividir marcos

Trabajar con marcos y conjuntos de marcos

El panel Marcos

El Inspector de propiedades de marcos

El Inspector de Propiedades del conjunto de marcos

Insertar contenido en los marcos

Añadir páginas existentes a un conjunto de marcos

Crear nuevas páginas en los marcos

Guardar marcos y conjuntos de marcos

El uso de vínculos

Eliminar marcos

Crear contenido alternativo

Ejemplo

Resumen



13. Trabajar con formularios

Introducción

Crear un formulario

El formato de los formularios

Los objetos de formulario

Insertar objetos de formulario

Campos de texto

Propiedades de los campos de texto

Casillas de verificación

Modificar las propiedades de las casillas de verificación

Botones de opción

Las propiedades de los botones de opción

Menús y listas desplegables

Configurar listas y menús

Los menús de salto

Los campos de archivos

Los botones Enviar, Restablecer y otros

Las imágenes

Los campos ocultos

Las etiquetas

Enviar el formulario

Ejemplo

Resumen



14. Animación e interactividad

Introducción

El movimiento en el sitio

Imágenes de sustitución

Insertar imagen de sustitución

Los GIF animados

Insertar un GIF animado

Mapas de imagen

Interacción con Flash

Botones Flash

Insertar el botón Flash

Texto Flash

Añadir texto Flash

Animaciones Flash

Mensaje en la barra de estado

Resumen



15. Panel Activos

Introducción

El panel Activos

Activar el panel Activos

Inserción de un elemento

Los favoritos

Imágenes favoritas

Colores favoritos

URL favoritos

Resumen



16. Plantillas y bibliotecas

Introducción

Las plantillas

Crear una plantilla

Añadir elementos a una plantilla

Crear regiones editables en la plantilla

Crear una región opcional dentro de la plantilla

Salvar la plantilla

Usar las plantillas

Edición de plantillas

Editar una plantilla

Renombrar una plantilla

Borrar una plantilla

Separar un documento de su plantilla

Las bibliotecas

Crear una biblioteca

Insertar una biblioteca en una página

Editar una biblioteca

Resumen



17. Las hojas de estilo CSS

Introducción

Tipos de CSS

Las herramientas de Dreamweaver para editar CSS

Crear hojas de estilo personalizadas

Redefinir etiquetas HTML

Usar selector CSS

Crear hojas de estilo externas

Exportar estilos

Vincular a hojas de estilo externas

Aplicar estilos

Editar estilos

Compatibilizar con navegadores antiguos

Resumen



18. Fireworks MX

Introducción

Interacción Fireworks-Dreamweaver

Optimizar y exportar archivos

Crear GIF animados con Fireworks

Pasos para crear un GIF animado

Reproducir la animación

Tiempo de cada fotograma

El bucle

Exportar GIF Animados

El panel Optimizar

Vista de animaciones en el navegador

Resumen



19. Probar el sitio

Introducción

Comprobar los navegadores

Comprobar la accesibilidad

Validar páginas

Comprobar los vínculos

Revisión de archivos huérfanos

Hacer informes del sitio

Resumen



20. Publicar y gestionar el sitio

Introducción

Colocar el sitio en la Red

Obtener el Dominio

Definir sitio remoto

Transferencia por FTP

Definir sitio remoto

Conectarse al servidor

Transferir archivos con sincronización

Conclusión



Apéndice A. Instalar Dreamweaver

Requisitos del sistema

Instalar el software

Instalar Macromedia Studio MX

Instalar Macromedia Dreamweaver MX



Apéndice B. Novedades de Dreamweaver MX



Índice Alfabético

Realizar páginas web está en auge entre los profesionales de la informática. Existe una hornada de técnicos dispuestos a mostrar sus habilidades creativas y el fenómeno parece imparable...



Dreamweaver es un editor profesional para la creación de sitios web que pueden visualizarse desde todos los navegadores y plataformas. Posee potentes herramientas para convertir toda su potencial creativo en un espléndido sitio web, usando el ordenador personal y una única aplicación, sin necesidad de escribir ni una sola línea en lenguaje de código.



Si posee buenos textos, imágenes, iconos, vídeos, sonido y animaciones, mejorados con efectos, rollovers, applets y plugins, Dreamweaver MX le proporciona un entorno excepcional para la creación de sitios web. Partiendo de la inserción básica de elementos, este libro profundiza en el manejo de las herramientas del programa de forma original, desde la definición del sitio hasta su comprobación y mantenimiento.