Descripción de curso

Dreamweaver se ha convertido con los años en un referente en la edición de páginas web hasta el punto en que se ha consolidado como la primera opción profesional para el desarrollo de sitios web.

¿Qué aprenderás en este curso?

Con este curso aprenderás a trabajar a nivel profesional con Adobe Dreamweaver CS5 para la realización de contenidos web. Aprenderás a crear, administrar y visualizar un proyecto web utilizando las múltiples opciones de creación de contenidos, a la vez que conoces la filosofía de maquetación de HTML, optimizando así una web compatible con los principales navegadores existentes.
Crea proyectos web ricos en contenido multimedia con la inserción de imágenes, archivos swf y flash vídeos, aportando así mayor profesionalidad a tus proyectos.
Aprende cómo publicar un sitio web y gestionar los archivos de forma fácil y sencilla desde tu ordenador.
Descubre cómo utilizar la tecnología AJAX de una forma rápida e intuitiva sin saber nada de código fuente.

¿A quién va dirigido?

Curso dirigido a profesionales del diseño gráfico y del diseño web que necesiten crear proyectos profesionales, así como a particulares y estudiantes que quieran conocer en profundidad el programa de Adobe Dreamweaver CS5.

Conocimientos previos

Se requieren conocimientos medios del sistema operativo MacOS o Windows.

Cursos relacionados

Curso Adobe Flash CS5 básico
Curso Adobe Photoshop CS5 básico

Contenido del curso

Conceptos básicos
Internet y la WWW, Navegadores y editores de páginas web, principales lenguajes de edición de páginas web, lenguajes cliente, lenguajes servidor, nuevos lenguajes, tipos de contenidos, contenidos estáticos , contenidos dinámicos, el concepto de sitio web, diseño WYSIWYG, edición de código.

Entorno de trabajo en Adobe Dreamweaver CS5
Modos de visualización, vista de código, vista diseño, vista partida, vista en vivo, código en vivo, paneles principales, barra de aplicación, barra de inserción, panel de Propiedades, panel de Archivos, panel de CSS, panel de elementos PA, otros paneles, modificar el espacio de trabajo, agrupar y desagrupar paneles, fijar paneles, mover grupos de paneles, cambiar la visualización de los paneles, guardar espacios de trabajo, modificar y eliminar espacios de trabajo, alternar entre espacios de trabajo, ayudas visuales, la cuadrícula, modificar aspecto de la cuadrícula, reglas y guías, modificar y bloquear guías,

Creación y administración de sitios web
Concepto de sitio web, diferencia entre sitio web local y remoto, control del sitio web mediante la ventana Sitio, tipos de archivos en Adobe Dreamweaver CSS, plantillas en XHTML con CSS

Creación de una página web
Configuración general de la página web, inserción de texto, Tipos de estructuras de párrafo, Inserción de imágenes, integración con Adobe Photoshop CS5, uso de mapas sensitivos, inserción de vínculos a una URL, a una página del sitio web, a una dirección de correo electrónico, a un marcador o anclaje, vínculos entre imágenes, creación de tablas,

CSS en Adobe Dreamweaver CS5
Concepto de hojas de estilo, Asociar hojas de estilo a documentos, panel CSS, CSS desde el panel de propiedades, tipos de selectores, propiedades en CSS, modelo de caja, aplicar estilo a vínculos, aplicar estilo a una tabla, maquetación en CSS, maquetación con float, maquetación absoluta, maquetación por capas,

Inserción de elementos multimedia
Inserción de elementos Flash, inserción de etiquetas META, el framework de Spry, lenguajes que componen AJAX, archivos creados por Adobe Dreamweaver CS5, inserción de widgets de Spry, widget panel contraible, widget acordeón, widget paneles en fichas, widget barra de menús, otros widgets, los efectos de Spry.

Aprende a crear una hoja de estilo externa CSS y vincularla a las paginas que componen tu sitio web y consigue modificar una propiedad de una marca HTML en todas las paginas con
solo modificar el archivo externo. Descubre Dreamweaver CS5 como aplicativo óptimo para creación de códigos CSS, comprobación de compatibilidad de navegadores, así como su publicación e implementación en los archivos de tu sitio Web.

CSS nivel avanzado
Duración 20h

Fundamentos de XHTML y CSS
¿Qué es el CSS?
El W3C
Introducción de XHTML
▪ Doctype
▪ XHTML estricto y XHTML de transición

Aplicación de Estilos
¿Dónde se escribe el código CSS?
▪ CSS en línea
▪ CSS en la página
▪ CSS externo
Reglas CSS y selectores
▪ Selector universal
▪ Selector de etiqueta
▪ Selector de ID
▪ Selector de clase
▪ Agrupación de selectores
▪ Pseudo-clases

Grillas y cuadrículas
Uso de reticulas
La grilla 960
Grilla tipográfica

Creación de perfiles
▪ CSS para impresión
▪ CSS para móviles
▪ CSS para iPhone
▪ CSS para IE y otros navegadores

Sintaxis
Escritura abreviada de CSS
Unidades de medida
Creación de plantillas (layouts)
Tipos de layouts de páginas web
▪ Diseño absoluto
▪ Diseño líquido
▪ Diseño híbrido
Layouts en Dreamweaver CS5
Web semántica

CSS3
Estilos especiales para Mozilla y Webkit

Validaciones
Validar XHTML
Validar Accesibilidad
CSS web Advisor y validadores online
Comprobación con navegadores. Simuladores
Uso de Device Central

Trucos (hacking)
Técnicas de hacking con Firebug y Safari Inspector
Uso de filtros (opacity, blur, glow, shadow)
Hacks en CSS
Hacks para IE
Cambio dinámico de hojas de estilo

Práctica
Desarrollo de una plantilla en versión web / impresión / móviles
Uso de librerias jQuery (Slider, Tabs, Filtering Blocks)
CSS (scroll/follow sidebar, remote linking, técnicas para backgrounds)