Clase 1: - Introducción
Estándares W3C - Accesibilidad – Web semántica
Ventajas de separar contenido de diseño - Posicionamiento en Google
XHTML 1.0 – Contenido ordenado y jerarquizado
Etiquetas HTML. Valores por defecto. Concepto de bloque y de línea.
CSS 2.1 - Hojas de estilo
Sintaxis CSS: conceptos de regla, declaración, selector, propiedad y valor
Estilos de etiqueta, de id y de clase, aplicación de cada uno. Modelo de caja.
Clase 2: sitio 1 (diseño horizontal, sin columnas)
A partir de un diseño en png, exportar imágenes. Png transparente.
Maquetar la estructura de la página y cabecera. Selector descendente. Herencia.
Clase 3:
Maquetar menu: rollovers con CSS. Botones con imágenes de fondo.
Tipografías especiales.
Clase 4:
Maquetar cuerpo y pie.
Probar en diferentes navegadores. Validar en la W3C.
Extensiones de Firefox para desarrollo web.
Clase 5: sitio 2 (diseño con columnas)
Porpiedades CSS: float y clear
Diferentes combinaciones de columnas con la propiedad float.
Columnas con diseño líquido.
Clase 6 y 7:
A partir de un diseño en png con las imágenes ya optimizadas:
Maquetar la página con diseño fijo.
Clase 8:
Otras propiedades CSS: position (absolute, relative, fixed) overflow, visibility.
Archivos Reset CSS.
Clase 9:
Galeria de imágenes con Jquery.
Clase 10:
Adaptar menú Jquery a nuestro sitio, modificando hoja de estilos css.
Clase 11:
Adpatar diferentes slider Jquery a nuestro maquetado.
Clase 12:
Ejemplos CSS3. Qué es HTML 5?
Clase 13:
Nuevas etiquetas y atributos HTML5. Ejemplos HTML5,
Clase 14:
Pasar de una maquetación XHTML a HTML5.
Laura Chuburu - Diseñadora en Comunicación Visual UNLP - DISEÑO WEB
lchuburu@yahoo.com.ar / Tel: 221 427-5619 / Cel: 221 15 538-8940 / 53 Nº 610 of. 5 (e/ 7 y 8) La Plata - Buenos Aires