Curso de CSS + JQuery

Aprendé CSS a fondo. Para los que todavía maquetan con tablas o para los que ya maquetan con CSS y necesitan perfeccionarlo o ejercitarlo. Además: JQuery, novedades CSS 3.0 y HTML 5.

Para diseñadores y estudiantes de diseño con conocimientos básicos de HTML o Dreamweaver

Programa 2012

• 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.

Compartir