Índice

Adaptación a las diferentes pantallas

Desde hace ya mucho los internautas han dejado de usar únicamente la pantalla de su ordenador: los sitios web se visitan y consultan desde la pantalla del ordenador, pero también desde el smartphone y la tableta.

Es por tanto conveniente tener en cuenta esas diferentes pantallas incluso al concebir las maquetas del sitio. Es los que se conoce como Responsive Web Design en inglés, una de cuyas traducciones es diseño reactivo.

El diseño reactivo es una recomendación oficial del W3C con las Media Queries CSS3 (http://www.w3.org/TR/css3-mediaqueries/), las consultas multimedia en Dreamweaver.

¿Cómo se usan las consultas multimedia? Es bastante sencillo. Deberá definir un diseño, una composición específica para todos los anchos de pantalla que pudieran utilizarse. Deberá definir reglas CSS de composición y formato si el sitio se ve en pantallas cuyo ancho es superior a X píxeles. Con Dreamweaver se definirán tres series de reglas CSS: para smartphones, tabletas y pantallas.