Dreamweaver CS6 CSS Cascading Styles Sheets

Dreamweaver CS6 CSS Cascading Styles Sheets

DESCRIPCIÓN DEL CURSO
Dreamweaver CS6
CSS Cascading Styles Sheets
Objetivos: El curso de Adobe® Dreamweaver® enfocado a
CSS permite al estudiante conocer en detalle todas las
herramientas y funciones para disenar sitios profesionales
usando Cascading Styles Sheets, JS, CSS3 y HTML5.
Dirigido a: Diseñadores Gráficos, Diseñadores Web,
Diseñadores Interactivos, Programadores y cualquier
profesional que necesite disenar sitios Web con estandares
para multiples dispositivos.
Pre-requisitos: Conocimientos de Windows XP, 7, Mac OS
X, Internet y MS Office. Es requerido tener buenos
conocimientos de Adobe® Dreamweaver®, Adobe®
Fireworks® y HTML.
Duración: 15 horas
El contenido del curso es el siguiente :
TEMARIO
Unidad 1
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
Sintaxis HTML vs. CSS
Sintaxis CSS
Selectores
Clases e IDS
Pseudo-selectores para vínculos
Mezcla de Pseudo-Selectores (A:visited, A:hover,
A:linked, A:focus)
Clases independientes
Propiedades de párrafo
Propiedades de texto
Propiedades para fondos y márgenes
Manejo de listas <ul> con CSS
Documentos .css en Dreamweaver
Sintaxis dentro de Dreamweaver
Uso de la ventana "CSS styles"
Uso de la ventana de parámetros de CSS en DW
Edición de CSS en "current" y "all"
Manera profesional de diagramar textos
(importancia de las etiquetas html para la
manipulación de CSS)
Uso de las librerías CSS
DESCRIPCIÓN DEL CURSO
Dreamweaver CS6
CSS Cascading Styles Sheets
•
•
Fondos optimizados con CSS (mezcla de <div> con
selectores class e inline)
Diagramación sin tablas HTML usando DIV y CSS
Unidad 2: Recortes de Código
•
•
•
•
Importancia de los Recortes de Código
Organización
Creación
Implementación
Unidad 3: Uso de Plantillas (dwt)
•
•
•
•
•
•
•
Creación de Plantillas
Creación de regiones editables
Creación de regiones repetidas
Utilización de las regiones opcionales
Creación de plantillas anidadas
Actualización de contenidos
Edición de plantillas
Unidad 4: Formularios de Sprys
•
•
•
•
•
•
•
Creacion de formularios Spry
Ventajas de los campos de texto Spry
Validacion automática para contenido de campos
(correos, datos numéricos, Enteros, Tarjetas de
Credito)
Cuadros de verificacion de Spry
Spry de Panel Colapsable y Edicion con CSS
Spry de Pestañas y Edición en CSS
Ventajas de los campos de texto Spry
Unidad 5: Navegacion Spry
•
•
•
•
Spry de Pestañas y Edición en CSS
Spry de acordeon y Edicion en CSS
Spry de Menus emergentes y Edicion con CSS
Fondos con imágenes para todos los casos
Unidad 6: Photoshop y Dreamweaver
•
•
PSDs para Dreamweaver con capas
Trabajo dinamico entre Photoshop y Dreamweaver
DESCRIPCIÓN DEL CURSO
Dreamweaver CS6
CSS Cascading Styles Sheets
Unidad 7: Adobe Illustrator y Dreamweaver CS5
•
•
•
Construccion de archivos AI para Dreamweaver
Optimizacion de Slices en Adobe Illustrator
Exportacion HTML a Dreamweaver
Unidad 8: Diseño con DIVs
•
•
•
•
•
Logica del Diseño con Divs
Construcción completa de Sitio Web basado en Divs
Inserción de APs
CSS para Divs en posicionamiento
Estructuramiento de los Divs
Unidad 9: Diseño con Overflow e iFrames
•
•
•
•
Configuracion de un CSS para Overflow
Variables CSS para Overflow
Diferencia entre Overflow e iFrames
Configuración de iFrames