curso _Responsive Web Desing (RWD)
Diseño
Temario
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
-
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.
-
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,...)
-
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
-
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
-
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.
-
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,...)
-
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
-
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.
Si ya te has registrado
Accede con tus credenciales para no tener que rellenar toda la información de nuevo.
Si aún no te has registrado
Crearemos un acceso después de inscribirte en el curso para para facilitarte la gestión.
Inscripción al curso
Responsive Web Desing (RWD)
Diseño