Maquetación web con HTML5 y CSS3

Escrito por: Ulises Gascón

Mar 17, 20162 min read

Maquetación con estándares W3C, desarrollo responsive, animación HTML5.

Con este Curso especializado en maquetación web con HTML5 y CSS3 aprenderás desde cero a desarrollar con éxito cualquier proyecto web basado en tecnologías HTML5, incluyendo aquellos que requieren ser "responsive" para adaptarse eficazmente a cada dispositivo.

En el curso los alumnos aprenderán, además de las distintas técnicas de maquetación web siguiendo estándares W3C, todos los secretos de la creación de animaciones, transiciones y transformaciones utilizando CSS, algo vital para la creación de banners aplicables al mundo mobile y de esos elementos de interfaz que ayudan a mejorar la experiencia del usuario.

👾 Ediciones

🧐 Temario

Organización del desarrollo de un proyecto web

Tipografía aplicada al diseño interactivo

Maquetación web según estándares HTML5 y CSS3

  • Terminología y sintaxis
  • Elementos estructurales de HTML5 y su valor semántico
  • El modelo de caja y cómo ubicar elementos
  • Funcionalidad y aplicación de propiedades CSS3
  • Fondos y degradados usando CSS3
  • Creación y modificación de estilos CSS3 de listas ordenadas, desordenadas y de definición
  • Diseño y creación de formularios
  • Datos tabulados con tablas
  • Transiciones, transformaciones y animaciones CSS3
  • Tipografías con @font-face
  • Media-queries de CSS3. Creación de páginas web basadas en principios de responsive design
  • Sprites y trabajo con imágenes en formato data-URI

Principios de desarrollo basado en mejora progresiva

Particularidades de las interfaces táctiles en el diseño de interacción

Geolocalización con HTML5

Audio y vídeo con HTML5

Canvas

Detección de capacidades del navegador

  • Polyfills
  • Modernizr

Compatibilidad entre navegadores

Optimización del rendimiento del sitio web

Técnicas SEO

Desarrollo de interactividad con jQuery

  • Introducción a la programación con jQuery
  • Modificación y animación de propiedades CSS
  • Control de la visibilidad de los elementos
  • Eventos
  • Integración de plugins jQuery

Integración de capa social

  • “Me gusta” de Facebook
  • “+1” de Google
  • “Pin it” de Pinterest
  • “Retweet” y “Follow us” de Twitter