1. DISEÑO WEB ADAPTATIVO O
RESPONSIVO
David Stiven Mendieta Barajas
Desarrollo web con Adobe Dreamweaver
Profesora: Luisa Fernanda Franco Pineda
Año 2021
2. QUE ES EL DISEÑO WEB
RESPONSIVE?
• Se trata de una técnica de diseño web que mediante su el uso de estructuras e
imágenes fluidas, así como de mediaqueries en la hoja de estilos CSS
3. DISEÑO WEB Y RESPONSIVE
• Consigue adaptar el sitio web para poder visualizarlo en cualquier dispositivo, ya se
trate de ordenadores, portátiles con diferentes resoluciones de pantalla como
tablets smartphones etc.…
4. IDEA Y PROPÓSITO
• La idea y el propósito del diseño web responsive fue previamente discutida y
descrita por el consorcio W3C en julio del 2008 en su recomendación “Mobile Web
Best Practices” bajo el subtitulo “One Web” …
5. ORIGEN
• Dicha recomendación, aunque especifica para dispositivos móviles, puntualiza que
esta hecha en el contexto de “One Web”, y que por lo tanto engloba no solo la
experiencia de navegación en dispositivos móviles sino también en dispositivos de
mayor resolución de pantalla como dispositivos de sobremesa
6. VENTAJAS
• Con solo una versión de HTML y CSS se cubren todas las resoluciones de pantalla ,
es decir, el sitio web creado estará optimizado para todo tipo de dispositivos :
• Pc
• Tablets
• Teléfonos móviles
• Portátiles
7. MOTIVO DESIGN WEB RESPONSIVE
• Con motivo de la cada vez a tener mayor demanda de dispositivos móviles, la mayor
utilización de estos por parte del usuario medio para visitar todo tipo de sitios web
8. APARTADOS
• Y sobre todo las expectativas de los motores de búsquedas y los navegadores de
que esto suceda de forma natural, a día de hoy se hace no solo recomendable si no
mas bien impredecible la creación o renovación de sitios web para hacerlos
adaptables