KMMX Capacitación acorde a tu pensamiento
PDF Print E-mail

Diseño Web adaptativo con HTML5 y CSS3 (24 horas)

Descripción: Si piensas que necesitas crear una versión "móvil" de tu sitio web estás equivocado. Un diseño adaptativo de páginas web ofrece un diseño que no sólo luce sino también funciona muy bien en smartphones, PC y cualquier tipo de dispositivo. Se adaptará sin esfuerzo al tamaño de pantalla, proporcionando la mejor experiencia de usuario que sea posible.

El alumno aprenderá cómo crear diseños fluidos y adaptativos. Además, amplíará su metodología de diseño Web mediante la aplicación de las últimas y más útiles técnicas proporcionadas por HTML5 y CSS3 comprendiendo los métodos utilizados en las mejores prácticas de escritura y entrega de código conjugando con contenido multimedia.

Dirigido a: Diseñadores y desarrolladores

Nivel: básico - intermedio.

Temario:

1. Introducción a HTML5, CSS3 y Diseño Web Adaptativo

Por qué es importante el diseño adaptativo | Definición de un diseño responsivo | Ejemplos

2. Media Queries: Adaptar diferentes configuraciones de pantalla

Qué son los media queries | Nuestro primer diseño responsivo | Controlar el autoajuste en navegadores | Conocer y controlar los distintos tipos de viewport | Media queries, sólo una parte de la solución

3. Diseño Fluido

Importancia de layouts proporcionales en el diseño fluído | Modificación de un diseño fijo a disposición proporcional | Uso de "ems" en tipografía | Imágenes fluídas | Diferentes imágenes para distintos tamaños de pantalla | Conjugar media queries y grids fluídos | Sistemas de grid con CSS 

4. HTML5 para Diseños Adaptativos

Qué si y qué no, soporte con HTML5 | Semántica en HTML5 | Elementos estructurados | Accesibilidad | Embeber elementos multimedia | Video responsivo | Aplicaciones offline

5. CSS3: Selectores, tipografía y modos de color

Capacidades generales de CSS3 | Prefijos | Nuevos selectores y cómo usarlos | Tipografía personalizada | Nuevos formatos de color y transparencia  

6. Implementar la mejor estética con CSS3

Text shadow | Box Shadow | Background gradients | Backgraunds múltiples 

7. Transiciones, transformaciones y animaciones en CSS3

Transiciones con CSS3 | Transformaciones 2D con CSS3 | Transformaciones 3D con CSS3 y soporte | Animación con CSS3

8. Formularios con HTML5 y CSS3

HTML5 Forms | Soporte en browsers y opciones | Validación | Nuevos input types

9. Resolver los desafíos "Cross Browser" del Diseño Web Adaptativo

Mejora progresiva versus degradación elegante | Modernizr y frameworks de compatibilidad


Precio por participante: $5,800 (IVA incluido)

 

html5_css3