La importancia de la adaptabilidad de los sitios web hacia dispositivos móviles crece día a día de la mano de las nuevas tecnologías y las nuevas conexiones.

El acceso a la web mediante un único dispositivo de escritorio, ya es una historia del pasado. Según estadísticas, son cada vez más los usuarios de internet que navegan desde un celular o un dispositivo de mano.

La importancia de la adaptabilidad de los sitios web hacia dispositivos móviles crece día a día de la mano de las nuevas tecnologías y las nuevas conexiones.

Google, como plataforma de inicio en el recorrido digital del contenido, penaliza la no-aplicación de sistemas adaptables, en sus programas de publicidad online y en su ranking de búsquedas orgánicas.

Pensar en un sitio para cada pantalla o dispositivo mutó a técnicas de adaptación del contenido y la estructura, que dieron origen al concepto “Responsive Design”.

Un nuevo paradigma en la concepción de interfaces multi-dispositivo cambió el desarrollo web, haciéndolo más fácil de codificar, al solo implementar HTML y CSS.

En el curso abordaremos el nuevo paradigma, desde el punto de vista del diseño de interfaces responsivas, la aplicación del código CSS para la optimización del sitio y la implementación de soluciones novedosas, como sistemas de grillas.

Objetivo general

Que los participantes logren adquirir los conocimientos necesarios para la creación de sitios web funcionales y adaptables a distintos dispositivos.

Objetivos específicos

Que los participantes logren

• Profundizar las funcionalidades de HTML5 y CSS3.
• Crear sitios web múltiple plataforma optimizados que garanticen un alto rendimiento.
• Aplicar framework de frontend para desarrollo responsive

Destinatarios

El curso está dirigido a diseñadores web, gráficos, audiovisuales, y multimediales, así como también a programadores web y afines a los entornos digitales que requieran dominar el diseño web responsive.

Temario

Módulo 1: Desarrollo Web Responsive HTML5 y CSS3

Unidad 1 Introducción al diseño web adaptable HTML5 y CSS3

Mobile First. Color y legibilidad. Patrones de diseño. Unidades absolutas y relativas. Propiedad max-width y min-width. Meta-configuración del viewport

Unidad 2 Adaptabilidad múltiple dispositivo

Resoluciones y breakpoints. Propiedad display. Atributo media: Media Queries. Teste denavegadores. Texto optimizado para lectura

Unidad 3 Imágenes Responsive

Imágenes en la web /formatos/compresión. Atributos srcset y sizes .Dispositivo Retina, Imágenes

HD. Elemento picture

Unidad 4 Flexible Box Layout

Recursos adicionales de diseño responsive. FlexBox : Flex container Flex ítems. Definición, propiedades y valores. Alineamiento, distribución y separación

Módulo 2: Framework Responsive

Unidad 1 Bootstrap

Instalación y Funcionamiento. Contenedores y Grid System. Breakpoints. Layout

Unidad 2 Materialize

Google Material Design. Configuración. Grid System

Unidad 3 Foundation

Características. Instalación. Sistema de Grillas. Prototipado

Unidad 4 Foundation

Entorno visual. Scroll Navbar. Plugins. Email responsive