¿Qué quieres aprender?

Responsive Web Design (RWD)

Responsive Web Design (RWD)

Ipartek servicios informáticos

Curso subvencionado presencial

BILBAO (Vizcaya)


Gratis
¿Quieres hablar con un asesor sobre este curso?

Sedes

Localización

Fecha inicio

BILBAO

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

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.

Ver más