Av. de los Castros S/N CDTUC Fase A Módulo 1 39005 Santander, Cantabria
942 760 866
zitelia@zitelia.com

¿Qué es el diseño web responsive?

Inicio/Posicionamiento Web, Web/¿Qué es el diseño web responsive?
Qué es el diseño web responsive

Qué es el diseño web responsive

El diseño web responsive es una técnica cuyo objetivo es la correcta visualización de una página web, independientemente del tamaño de pantalla del dispositivo usado. El sitio debe verse correctamente ya se utilice un teléfono móvil, una tablet o un ordenador con una resolución de pantalla enorme.

Averigua si una página tiene diseño web responsive con tu navegador

Con el navegador habitual se puede averiguar si una página tiene un diseño responsive, para ello basta con cargar la página que se quiere analizar y restaurar la ventana, después ir cambiando el tamaño horizontalmente para ver si la página que se esta viendo se va adaptando.

Para restaurar la ventana pulsar el botón central de la esquina superior derecha de la misma. boton restaurar ventana

El diseño responsive se hace sólo a lo ancho, no a lo alto, ya que para eso esta el desplazamiento (scroll) vertical del navegador.

En las imágenes se explica de forma gráfica.

En cualquier navegador

Se restaura la ventana

Se restaura la pantalla

Ratón en la esquina inferior derecha

Poner el ratón en la esquina inferior derecha de la ventana

Se realiza desplazamiento lateral

Cuando aparezca la flecha doble, con el botón izquierdo del ratón pulsado, se aumenta o disminuye el ancho de la ventana.

Se puede ser más preciso y elegir la resolución de pantalla desde la que se simula ver una página web, para ello habría que acceder al modo desarrollador desde Google Chrome o Mozilla Firefox, tal y como se observa a continuación.

En Google Chrome

Primer paso en Chrome

Ir a opciones, más herramientas, herramientas para desarrolladores

Segundo paso en Chrome

Se pulsa el icono del télefono móvil

Tercer paso en Chrome

Ahora se puede elegir la resolución que se quiera o seleccionar un dispositivo de la lista

Para Mozilla Firefox

Primer paso en Firefox

Acudir a opciones, desarrollador

Segundo paso en Firefox

Hacer click en “vista de diseño adaptativo”

Tercer paso en Firefox

Elegir una resolución para probar cómo se adapta un sitio web

Conclusiones

El objetivo ha sido explicar de forma sencilla qué es el diseño responsive. Hay que tener en cuenta que el mundo de los dispositivos móviles es un mercado en auge. Disponer de una web adaptable a móviles sirve sobre todo para dar la información de forma ordenada a todos los usuarios, independientemente del dispositivo con el que miren. Por otro lado, también es importante de cara a aparecer bien posicionado en las búsquedas de Google.

¿Tienen tus páginas favoritas un diseño web responsive?

Cuéntanos tu experiencia

Deje su comentario

Este sitio usa Akismet para reducir el spam. Conoce cómo se procesan los datos de tus comentarios.

Uso de cookies

ZITELIA utiliza procedimientos automáticos de recogida (Cookies) para reunir información personal como puede ser el tipo de navegador o sistema operativo, página de referencia, ruta, dominio ISP (Proveedor de Internet), etc. todo ello con el fin de mejorar los servicios prestados. Las Cookies nos ayudan a adaptar esta página web a sus necesidades personales. Puede configurar su programa navegador de manera que le advierta de la presencia de cookies antes de aceptarlas o, directamente, configurarlo para que las rechace automáticamente, en cuyo caso puede que no tenga acceso a todos los servicios de este sitio web. El botón de “ayuda” de su navegador le indicará cómo hacer esto. Aquí disponemos de nuestra política de cookies e información detallada de cómo bloquear cookies en cada navegador, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies

Centro de preferencias de privacidad

Necessary

Advertising

Analytics

Other