Responsive Web Design (RWD)

Ipartek servicios informáticos
Precio

Gratis

Esta tecnología pretende que con un único diseño web, todo se vea correctamente en cualquier dispositivo. El diseño web adaptable es una filosofía de diseño y desarrollo cuyo objetivo es adaptar la apariencia de las páginas web al dispositivo que se esté utilizando para visitarlas.

Duración

10 Días

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

Impartición

Curso subvencionado en BILBAO (Vizcaya)

Sedes

BILBAO
Febrero 2019

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

Más cursos relacionados de Diseño web

Trainingtutor

Accesibilidad web

Trainingtutor - Curso subvencionado para trabajadores online
1. DISCAPACIDAD 2. ACCESIBILIDAD WEB. BENEFICIOS DE LA ACCESIBILIDAD WEB. 2.1. Limitaciones: visuales, Motrices, auditivas, cognitivas. 2.2

Gratis
Euroconsulting Servicio de Prevención Ajeno SL

Accesibilidad Web

Euroconsulting Servicio de Prevención Ajeno SL - Curso subvencionado para trabajadores online
1. DISCAPACIDAD. 2. ACCESIBILIDAD WEB. BENEFICIOS DE LA ACCESIBILIDAD WEB. 2.1. Limitaciones: visuales, Motrices, auditivas, cognitivas. 2.2

Gratis
Dicampus

Programación Web con software libre

Dicampus - Curso subvencionado para trabajadores online
"1. INTRODUCCIÓN A LA PROGRAMACIÓN WEB 1.1. Posibilidades para desarrollar una aplicación en entorno Web. 1.2. Presentación del Entorno

Gratis
GRUPO ATU

Diseño web con flash animaciones 1

GRUPO ATU - Curso subvencionado online
INTRODUCCION, ENTORNO DE TRABAJO, ADMINISTRACION DE DOCUMENTOS, TRABAJAR CON PROYECTOS, IMÁGENES, ANIMACIONES

Gratis
Enclave Formación

Dreamweaver: diseño de páginas web

Enclave Formación - Curso subvencionado para trabajadores online
1. INTRODUCCIÓN A DREAMWEAVER 1.1. Introducción 1.2. Modos de visualización del Entorno de Trabajo 1.3. Definición de un sitio web 1.4. Mapa

Gratis
Ver más