Curso subvencionado presencial
BILBAO (Vizcaya)
Emagister S.L. (responsable) tratará tus datos personales con la finalidad de gestionar el envío de solicitudes de información y comunicaciones promocionales de formación con tu consentimiento. Ejerce tus derechos de acceso, supresión, rectificación, limitación, portabilidad y otros, según se indica en nuestra política de privacidad.
Sedes
Localización
Fecha inicio
Objetivos
El objetivo es adaptar la apariencia de las páginas web al dispositivo que se esté utilizando. 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.
A quién va dirigido
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.
Requisitos
Conocimientos básicos de programación
Temario completo de este curso
TEMARIO:
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.