Descripción
Aprenda técnicas avanzadas CSS usando márgenes flotantes y márgenes negativos. Descubra como diagramar enteramente una página web empleando elementos flotantes. Entienda como es la interpretación de los CSS por diferentes Browser
REQUISITOS:
Conocimientos básicos o experiencia en el manejo de Dreamweaver CS6, CS5, CS4, CS3 u otra herramienta similar.
DATOS GENERALES: Duración: 24 horas.
Precio: $240.000 CLP p/persona
DESCRIPCION DEL CURSO
OBJETIVO DEL CURSO: Al término del curso el alumno estará en la capacidad de diagramar una página Web utilizando Dreamweaver CS5, empleando las técnicas más usadas, utilizando hojas de estilo CSS y etiquetas DIV. Además creará sitios Web que cumplan con los estándares, con los estilos y diseños empleados por las más importantes empresas del mundo.
TEMARIO DEL CURSO
- Sesión 1: Introducción a CSS y Modos de Navegador
– Estándares y navegadores basados en CSS
– Apariencia gráfica, usabilidad y compatibilidad de browsers
– Soporte CSS de navegadores: IE6/IE7/IE8/IE9, Firefox, Safari, Chrome, en sus versiones nuevas y antiguas.
– Errores clásicos y problemas en diseño avanzado CSS
– Modo Quirck, Modo Estándar, modo Almost Standard, y Standard Box Model
– Estándares para XHTML
– Detección de browser y detección de objetos, tips.
– CSS para browser específicos, hojas de estilo modulares, filtros y CSS hacks - Sesión 2: Advanced CSS Box Models
– Conceptos clave CSS: flujo normal, replaced-element, block-level element, inline element, root element, containing block
– W3C Standard Box Model
– Windows IE Box Models (Ancho)
– Windows IE Box Model (Alto)
– Administrando IE/Win Box Model en CSS
– Forzando el ancho para W3C Standard en IE/Win
– Tan Hack - Sesión 3: Modelo Avanzado Flotante CSS y Dimensiones automáticas
– Problemas típicos de Float con CSS
– Modelo Flotante en diversos navegadores
– Aplicando Clear a un Float dentro de un contenedor
– Float, Content y Overlapping
– Contenido e imágenes que sobrepasan el ancho en contenedores flotantes
– Asignando anchos y altos con auto
– Trabajando con anchos y altos porcentuales - Sesión 4: Posicionamiento avanzado CSS y Offsets
– Tipos de posicionamiento: estático, relativo, absoluto y fijo.
– Bloque contenedor y bloque padre
– Bloque contenedor para elementos absolutos
– Posicionamiento usando Offsets
– Dimensiones mínimas y máximas
– Controles spry avanzados
– Filtros
– Bugs comunes en navegadores y problemas comunes CSS
– Tips y trucos - Sesión 5: Integración
– Integración con Flash
– Integración con Javascript
– Integración con JQuery
– Integración con Facebook, Twitter, Flickr y Youtube
– Aplicando CSS a administradores de contenido
– Introducción a HTML 5
– Introducción a CSS3