Taller Responsive Web Design

TALLER
Responsive Web Design
con Adobe Dreamweaver CS6
DURACIÓN
8 horas
Fecha : Viernes 16 Noviembre (17-21h) y Sábado 17 de Noviembre (10-14h)
Lugar : MSL Formación ( c/ Marqués de Ahumada, 7 28028 Madrid )
Precio: 125€ ( inscripción anticipada antes del viernes 9 de Noviembre:100€ )
Dirigido a personas que quieran iniciarse en las técnicas de “Responsive Web Design” para poder
aplicarlas a sus proyectos web actuales y futuros.
Para un mejor aprovechamiento del taller es aconsejable tener nociones avanzadas de HTML y CSS.
Introducción
Multimedia flexible
ŰŰ Que es el Responsive Web Design (RWD)?
ŰŰ Técnicas : retícula flexible, multimedia flexible y mediaqueries
ŰŰ Problemas que trata de resolver el RWD.
ŰŰ Cuando debemos aplicar RWD y porqué.
ŰŰ Ventajas e inconvenientes del RWD.
ŰŰ RWD o aplicación móvil a medida.
ŰŰ Principales herramientas para implementar RWD
ŰŰ Convenciendo al cliente.
ŰŰ Convertir imágenes fijas en flexibles.
ŰŰ Trabajo con imágenes de fondo y
la propiedad background-size
ŰŰ Optimizar imágenes para versiones móviles.
ŰŰ Preparar imágenes para retina display
ŰŰ Trabajo con video y elementos iframe.
Retículas flexibles
ŰŰ Entendiendo el concepto de “retícula flexible”.
ŰŰ Convertir un diseño fijo en diseño flexible.
ŰŰ Trabajo con retículas flexibles.
ŰŰ Como crear nuestra propia retícula.
ŰŰ Uso de la propiedad box-sizing
Mediaqueries
ŰŰ Que son las mediaqueries y para que se utilizan.
ŰŰ Sintaxis y orden de las mediaqueries.
ŰŰ Características del dispositivo: anchura,
altura, anchura-dispositivo, altura-dispositivo,
orientación, ratio aspecto, resolución, color.
ŰŰ Breakpoints: para que sirven y como se calculan
ŰŰ Soporte para Internet Explorer
RWD con Adobe Dreamweaver CS6
ŰŰ Nuevo sistema de cuadriculas fluidas
ŰŰ Insertar contenido dependiendo del dispositivo
ŰŰ Añadir mediaqueries adicionales