Diseño y desarrollo Web con Dreamweaver CS5

Autor:

ISBN: 9788441528796

Editorial: Anaya

Edición: 1

Páginas: 400

Formato: 24x18x2.5

Cant. tomos: 1

Año: 2011

Idioma: España

Origen: España

Disponibilidad.: No Disponible

Gs 345.600
Dreamweaver se ha convertido en un clásico del diseño Web. Sus excelentes herramientas, que permiten desarrollar desde sencillaspáginas hasta complicados sitios profesionales, han convertido esta aplicación en la más infl uyente del sector. Este libro se presenta 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 certifi cados 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

¿Qué hace que un título sea bueno?
Añadir palabras clave y descripciones
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
No hay enlaces disponible
Libros Relacionados