Diseño y desarrollo Web con Dreamweaver CS5

Dreamweaver se ha convertido en un clásico del diseño Web. Sus excelentes herramientas, que permiten desarrollar desde sencillas páginas hasta complicados sitios profesionales, han convertido esta aplicación en la más influyente del sector. Este libro se p con muy buen criterio, expresivas imágenes y un amplio concepto práctico. Aprenda a crear y editar contenido recurriendo a un diseño visual o a un entorno de código. Cada capítulo incluye instrucciones detalladas paso a paso, archivos y consejos útiles para que aproveche al máximo el programa desde el primer momento. Un grupo de instructores y expertos certificados por Adobe le guiará para conocer las claves del éxito. Pensada a partir del desarrollo de ejemplos prácticos, que pueden descargarse de la Web de Anaya Multimedia, esta obra deja traslucir las excelencias del staff de Adobe en cuanto a técnica y proyección de contenidos.

INTRODUCCIÓN Requisitos previos Requisitos del sistema Requisitos del sistema para Dreamweaver CS5 Windows Macintosh Empezar a trabajar con Dreamweaver CS5 Windows Macintosh Restablecer el espacio de trabajo de Dreamweaver Cómo descargar los ficheros de la página Web de Anaya Alojar los sitios Web CAPÍTULO 1. EMPEZAR A TRABAJAR CON DREAMWEAVER CS5 Empezar a trabajar ¿Qué es Dreamweaver? Herramientas de diseño y composición Gestión de sitios Web y protocolo de transferencia de archivos Entorno de código y editor de texto ¿Quién utiliza Dreamweaver? Vista general de las características Vista en vivo Archivos relacionados Navegador de código Objetos inteligentes de Photoshop Cómo funcionan los sitios Web Un flujo de trabajo sencillo Nombres de dominio y direcciones IP Servidores y alojamientos Web La función de los navegadores Web Introducción a HTML Estructura y atributos de las etiquetas Estructura de un documento HTML Colocar imágenes en HTML Colores en HTML Reglas para distinguir mayúsculas y minúsculas y espacios en blanco Jerarquía de etiquetas XHTML 1.0 Transitional ¿Cuál es la diferencia? Examinar el código Un vistazo a la pantalla de bienvenida Crear, abrir y guardar documentos Crear documentos nuevos Explore por sí mismo Preguntas de repaso Respuestas CAPÍTULO 2. CONFIGURAR UN NUEVO SITIO Empezar a trabajar Crear un nuevo sitio Web Opciones avanzadas para crear sitios Web Añadir páginas Guardar una página en un sitio Web Definir propiedades de la página Vistas de trabajo Un examen más profundo del panel Archivos Visualizar archivos locales Seleccionar y editar archivos Explore por sí mismo Preguntas de repaso Respuestas CAPÍTULO 3. AÑADIR TEXTO E IMÁGENES Empezar a trabajar Tipografía e imágenes en la Web Añadir texto Introducción a los estilos Previsualizar páginas en un navegador Web Comprender los hipervínculos Crear hipervínculos Hipervínculos relativos y absolutos Establecer un vínculo con una dirección de correo electrónico Crear listas con viñetas Utilizar el panel Insertar texto Insertar imágenes Resolución de las imágenes Formatos de las imágenes Crear una página sencilla de una galería Enlazar imágenes Utilizar marcadores de posición de imágenes Editar imágenes Ajustar el brillo y el contraste Cambiar el tamaño de las imágenes Actualizar imágenes Explore por sí mismo Preguntas de repaso Respuestas CAPÍTULO 4. APLICAR ESTILO A LAS PÁGINAS CON CSS Empezar a trabajar ¿Qué son las hojas de estilo en cascada? Un poco de historia antigua: cuando las etiquetas recorrían la Tierra La aparición de CSS Cómo crear reglas CSS en Dreamweaver Utilizar el panel Estilos CSS Directamente desde el inspector de propiedades En la vista Código Trabajar con el Navegador de código Comprender las hojas de estilo Hojas de estilo en línea Hojas de estilo internas y externas Comprender por qué se denominan en cascada Crear y modificar estilos Crear un estilo de clase con el inspector de propiedades Crear y modificar estilos en el panel Estilos CSS Formato de texto avanzado con CSS Mejorar la apariencia de la página con selectores contextuales y pseudoclases Aplicar estilo a los hipervínculos Etiquetas Div y selectores ID de CSS Hojas de estilo internas y externas Adjuntar una hoja de estilo externa a una página Modificar hojas de estilo adjuntas Crear un nuevo archivo .css (hoja de estilo externa) Adobe Device Central Explore por sí mismo Preguntas de repaso Respuestas CAPÍTULO 5. CREAR DISEÑOS DE PÁGINAS CON CSS Empezar a trabajar El modelo de cajas de CSS Nociones básicas sobre márgenes, relleno y bordes en CSS Revisar el elemento Revisión del selector ID Crear un contenedor centrado para la página Lograr diseños compatibles con múltiples navegadores Posicionamiento absoluto y relativo Colocar contenido con Div PA Crear una sección de encabezado con Dibujar Div PA Añadir una sección de introducción a la página Añadir imágenes al diseño Integración con Photoshop Añadir las zonas de contenido principal y barra lateral Añadir contenido y estilos adicionales Configurar márgenes y bordes Anular los márgenes predeterminados en CSS Añadir bordes a los elementos Preparar el diseño para el futuro Ventajas e inconvenientes de los diseños CSS colocados de forma absoluta Explore por sí mismo Preguntas de repaso Respuestas CAPÍTULO 6. DISEÑO DE PÁGINAS AVANZADO Empezar a trabajar Diseños con elementos div PA y diseños con la propiedad float Crear una imagen flotante Crear columnas con HTML y CSS Crear la estructura HTML con elementos div Configurar el ancho de las columnas y hacerlas flotantes Utilizar la propiedad Clear Crear una barra de navegación basada en una lista Cambiar el diseño y el tamaño de las columnas Crear la apariencia de columnas con una altura igual Compatibilidad con los navegadores Añadir código para IE 6 Aplicar los retoques finales Crear diseños más sofisticados Explore por sí mismo Preguntas de repaso Respuestas CAPÍTULO 7. TRABAJAR CON TABLAS Empezar a trabajar Utilizar tablas en el diseño Web Importar datos de una tabla Seleccionar los elementos de una tabla Modificar el tamaño de una tabla Modificar la estructura de una tabla Crear una tabla Aplicar formato y estilo a una tabla en HTML Aplicar formato y estilo a las tablas con CSS Estilos CSS avanzados para las tablas Controlar la alineación de celdas, el relleno y los bordes con CSS Crear estilos de filas alternativos con CSS Reutilizar CSS para otras tablas Ordenar los datos de las tablas Explore por sí mismo Preguntas de repaso Respuestas CAPÍTULO 8. PERFECCIONAR EL FLUJO DE TRABAJO Empezar a trabajar Personalizar paneles y grupos de paneles Utilizar la ficha Favoritos del panel Insertar Cambiar el tamaño de la ventana del documento Utilizar guías Utilizar cuadrículas El selector de etiquetas Cambiar entre documentos en fichas y en cascada Zoom Explore por sí mismo Preguntas de repaso Respuestas CAPÍTULO 9. AÑADIR CONTENIDO FLASH, DE VÍDEO Y DE SONIDO Empezar a trabajar Conseguir un contenido Web interesante Insertar películas Flash Añadir vídeo Flash Video Vídeo QuickTime y Windows Media Insertar sonido Insertar contenido Silverlight en Dreamweaver Explore por sí mismo Preguntas de repaso Respuestas CAPÍTULO 10. MAXIMIZAR EL DISEÑO DEL SITIO WEB Empezar a trabajar Crear elementos de página modulares Introducción a los fragmentos de código El panel Fragmentos Crear nuevos fragmentos de código Introducción a los elementos de biblioteca Modificar y actualizar elementos de biblioteca Introducción a las plantillas Crear una nueva plantilla Trabajar con regiones editables Crear páginas nuevas a partir de plantillas Modificar plantillas Regiones repetidas Puesta en funcionamiento de las regiones repetidas Comando Separar de plantilla Explore por sí mismo Preguntas de repaso Respuestas CAPÍTULO 11. TRABAJAR CON CARACTERÍSTICAS DE EDICIÓN DE CÓDIGO Empezar a trabajar Trabajar con código Acceder al código con Quick Tag Editor Insertar etiquetas con el selector de etiquetas Insertar y editar comentarios Trabajar en la vista Código Modificar el espacio de trabajo en la vista Código Barra de herramientas Codificación Contraer y expandir etiquetas y bloques de código Validar el código Resaltar y corregir el código no válido Generar un informe Aplicar formato al código Sangrías Explore por sí mismo Preguntas de repaso Respuestas CAPÍTULO 12. CONSTRUIR FORMULARIOS WEB Empezar a trabajar Formularios en la vida (Web) diaria Cómo funcionan los formularios Construir un formulario de contacto Insertar la etiqueta Configurar las propiedades del formulario Añadir elementos al formulario Añadir campos de texto Añadir casillas de verificación Añadir botones de opción Añadir grupos de opciones Añadir listas y menús Añadir un área de texto Añadir un campo para cargar un archivo Crear botones Enviar y Restablecer Aplicar estilo a los formularios con CSS Adjuntar estilos externos Configurar un color de fondo Aplicar estilo a los elementos del formulario Aplicar el estilo .label Procesamiento y validación de formularios Un vistazo al panel Comportamientos Configurar un evento o un elemento que desencadena la acción Vista previa del comportamiento botón Validar los campos del formulario Cambiar el orden de los comportamientos en el campo de un formulario Verificar el contenido de un campo Explore por sí mismo Preguntas de repaso Respuestas CAPÍTULO 13. TRABAJAR CON LA ESTRUCTURA SPRY Empezar a trabajar Introducción a los widget Spry Estructura de Spry para AJAX ¿Qué es AJAX? Un vistazo al proyecto Barra de menús de Spry Personalización de los widget de Spry con CSS Paneles en fichas de Spry Acordeón de Spry Panel que puede contraerse de Spry Trabajar con widget de datos de Spry ¿Qué es XML? Crear un conjunto de datos XML de Spry Añadir un widget de datos de Spry: lista de repetición de Spry Aplicar estilo y mejorar los widget de datos Explore por sí mismo Preguntas de repaso Respuestas CAPÍTULO 14. GESTIONAR EL SITIO WEB: INFORMES, OPTIMIZACIÓN Y MANTENIMIENTO Empezar a trabajar Trabajar con el panel Archivos Crear una conexión remota Ver archivos en un servidor Web remoto Transferir archivos hacia y desde un servidor remoto con los botones Obtener archivo(s) y Colocar archivo(s) Proteger y desproteger archivos y Design Notes Proteger y desproteger Proteger y desproteger archivos Utilizar Design Notes ¿Qué podemos poner en Design Notes? Compartir Design Notes Ver las notas de Design Notes en el panel Archivos Probar la integridad del sitio Utilizar el Verificador de vínculos Comprobar los vínculos en todo el sitio Generar informes de sitios Entender los resultados de un informe Tratar un elemento de la lista Guardar informes Compatibilidad con navegadores CSS Advisor Optimizar las páginas para su publicación Visibilidad del motor de búsqueda y optimización del motor de búsqueda Añadir títulos a los documentos con la etiqueta Describir imágenes con texto alternativo Publicación del sitio Lista de aspectos que hay que comprobar en un sitio Web Cargar el sitio Web Obtener ayuda y utilizar las guías de referencia El panel Referencia Qué hacer a continuación Los grupos de enfoque Recursos sobre el diseño de sitios Web Explore por sí mismo Preguntas de repaso Respuestas CAPÍTULO 15. UTILIZAR HERRAMIENTAS HEREDADAS: MARCOS Y TABLAS Empezar a trabajar Sitios heredados Cómo funcionan los marcos Ventajas e inconvenientes de los marcos Usos frecuentes de los marcos Crear conjuntos de marcos Seleccionar marcos Seleccionar conjuntos de marcos El panel Marcos Configurar las propiedades de un conjunto de marcos Propiedades de los bordes Dimensiones del marco Configurar las propiedades de los marcos Configurar el color de fondo de un marco Dividir un marco Arrastrar el borde de un marco Especificar el contenido de un marco Asignar destinos a los marcos Vínculos con páginas Web externas Utilizar _top para sustituir un conjunto de marcos Añadir contenido Utilizar un diseño con tablas Tablas o CSS Insertar una tabla Seleccionar tablas Modificar tablas Configurar los bordes de una tabla Combinar celdas Anidar una tabla dentro de una fila Especificar el ancho de las columnas Añadir contenido a las tablas Añadir otra tabla Aplicar formato a las tablas Explore por sí mismo Preguntas de repaso Respuestas CAPÍTULO 16. CARACTERÍSTICAS NUEVAS EN DREAMWEAVER CS5 Novedades en Dreamweaver CS5 Nueva compatibilidad con CMS Inspeccionar CSS Deshabilitar/Activar propiedad CSS Vista previa de las páginas utilizando Adobe BrowserLab Configuración del sitio y compatibilidad con varios servidores Sugerencias para el código PHP Otras características nuevas Integración de Business Catalyst Subversion Páginas predetermin ALFABÉTICO