curso _Responsive Web Desing (RWD)

OBJETIVOS

El diseño web adaptable o adaptativo (en inglés, Responsive Web Design) es una técnica de diseño y desarrollo web que mediante el uso de estructuras e imágenes fluidas, así como de media-queries en la hoja de estilo CSS, consigue adaptar el sitio Web al entorno del usuario.

¿Pero cómo sabemos si lo estamos aplicando bien?, necesitamos controlar y saber medir el uso adecuado de esta tecnología, este curso está pensado para que aprendas a evaluar y valorar el trabajo realizado por tus programadores.

DIRIGIDO A

Analistas, jefes de proyecto y responsables que precisen de una actualización de los conocimientos de diseño web y adquirir nuevos conocimientos técnicos sobre cómo medir y evaluar el trabajo realizado por los programadores de front-end.

CONTENIDOS

1. Fundamentos

   • Conceptos comunes
   • Controlar los viewports
   • Comprender las densidades de pantalla
   • Diseñar para múltiples densidades de pantallas
   • Comprender las mediaqueries
   • Crear break points con mediaqueries
   • Usar rejilla fluida
   • Hacer imágenes responsivas
   • Crear formularios responsivos.

2. Preparación

   • Estrategias de diseño responsivo
   • Planificar el diseño responsivo
   • Crear responsive mockups
   • Diseñar para móviles
   • Frameworks de rejilla fluida (Bootstrap,...)

3. Maquetación responsive

   • Preparar el archivo html5
   • Crear contenedores para los contenidos y la maquetación
   • Establecer archivos CSS para todas las dimensiones de pantalla
   • Enlazar las hojas de estilo CSS según los tamaños de pantalla con mediaqueries
   • Permitir que Internet Explorer 7 y 8 entiendan HTML5
   • Configurar la escala de viewport
   • Crear reglas CSS según cada pantalla
   • Selectores CSS avanzados

4. Visualización y rendimiento

   • Testar diseños responsivos
   • Manejar los cambios de orientación
   • Mejorar el rendimiento de un sitio
   • Generación y uso de sprites.

DURACIÓN

20 horas teórico-prácticas.