¿Qué es Responsive Web Design?

Si como sistema de gestión de contenidos (CMS) acabas de instalar, por ejemplo Joomla, tu siguiente paso sería descargar una plantilla Joomla ya creada para este CMS o bien diseñar tu una a tu propio gusto.

El caso es que en muchas de estas plantillas Joomla (las hay tanto gratuitas como de pago) habrás visto que pone lo de "Responsive Web Design (RWD)" y seguramente te estarás preguntando ¿Y esto que significa? Pues bien, con este artículo te lo vamos a resolver para que ya no tengas ninguna duda sobre lo que significa. Aunque antes de ello te recomendamos que le eches un vistazo al Top 10 Sites para Descargar Plantillas de Joomla GRATIS que publicamos ayer y en cuya primera posición puedes comprobar que la plantilla Purity III es "Fully Responsive".

A lo que vamos, si le echamos un vistazo a la Wikipedia para ver que es el Responsive Web Design puede que no nos enteremos de mucho si no entendemos la lengua de Shakespeare, así que lo mejor es buscar su significado en español. Lo cual nos deja Diseño Web Adaptativo.

Según la Wikipedia:

El diseño web adaptable o adaptativo, conocido por las siglas RWD del inglés Responsive Web Design, es una filosofía de diseño y desarrollo cuyo objetivo es adaptar la apariencia de las páginas web al dispositivo que se esté utilizando para visualizarla. Hoy día las páginas web se visualizan en multitud de tipos de dispositivos como tabletas, teléfonos inteligentes, libros electrónicos, portátiles, PC, etcétera. Además, aún dentro de cada tipo, cada dispositivo tiene sus características concretas: tamaño de pantalla, resolución, potencia de CPU, capacidad de memoria, entre otras. Esta tecnología pretende que con un solo diseño web, se tenga una visualización adecuada en cualquier dispositivo.

A modo resumen de lo que cita la Wikipedia diremos pues que Responsive Web Design es la manera en la que está diseñada un site de forma que este pueda adaptarse a cualquier dispositivo, independientemente de su resolución, ya que por ejemplo tabletas, PCs o teléfonos móviles (smartphones) usan resoluciones muy diferentes unos de otros.

Como es de suponer tener que hacer varias versiones de una web para que esta encaje en según que dispositivo es muy costoso; por eso lo mejor es contar con un diseño o plantilla ya creada que sea compatible con el Responsive Web Design. Esto supone matar varios pájaros de un tiro; reduciendo costes, y lo más importante de todo que nuestra web pueda ser visualizada desde todo tipos de dispositivos.

La ventaja de tener un Diseño web Adaptativo es que la dirección web (URL) de nuestro site siempre será la misma con lo que sin duda conseguiremos un mejor posicionamiento web bajo los principales buscadores, ahorrándonos así ciertos problemas que suelen envolver los re-direccionamientos.

Las búsquedas a través de dispositivos móviles son diferentes a las que se pueden llevar a cabo desde un PC por lo que tener una versión móvil de tu site es bueno y con Responsive Web Design todavía mejor. Ten en cuenta que en cuanto más dispositivos pueda mostrarse correctamente tu web más visitas podrás recibir. De hecho, miles de webs son visitadas a diarios desde el teléfono móvil. Hagamos pues todo lo posible para adaptar la nuestra ¿no? Se puede optar por contratar un desarrollador o agencia que lo haga por nosotros, pero para nada una opción muy recomendada ya que puede resultar bastante cara teniendo en cuenta las especificaciones que deseemos. Para Joomla, por ejemplo, hay plantillas gratuitas que son Responsive Web Design como la que hemos puesto al principio del artículo (Purtity III).

Puede que te estés preguntando: "¿Cómo funciona el responsive web design?"

Te comentamos que básicamente se centra en que lugar de tener que crear un site especifico para cada dispositivo puedas crear solo uno usando CSS3 media queries y un layout con imágenes flexibles. Gracias a ello podrás conseguir que tu página web detecte desde qué clase de dispositivo está accediendo cada usuario y muestre la versión más optimizada para ese dispositivo en cuestión, reorganizando así los elementos de la página web e incluso "acortando" algunos de ellos, es decir, mostrando menos imágenes, menos textos, redistribuyendo las columnas (5, 4 o 3) etc ect. Por ejemplo, una web a resolución de PC (1028×768 px) tendría 5 columnas, para una tableta (800×600 píxeles) necesitaría 4 columnas, y en el caso de un teléfono móvil inteligente (smartphone) cuyo ancho suele ser entre 320 y 480 píxeles serían 3 columnas.

En Hostinet muchos de nuestros clientes usan la técnica de Responsive Design para la creación y el diseño de su propia página web. Están muy contentos de que su página web se pueda ver bajo cualquier dispositivo, independientemente de su resolución.


En Hostinet podemos ofrecerte siempre el mejor Hostig Joomla para tu proyecto a un precio increíble.

  • Hosting especializado en Joomla con discos SSDJoomla 1desde4´38€ / mes
  • Hosting especializado en Joomla con discos SSDJoomla 2desde5´54€ / mes
  • Hosting especializado en Joomla con discos SSDJoomla 3desde8´34€ / mes
  • Hosting especializado en Joomla con discos SSDJoomla 1desde4´38€/mes
  • Hosting especializado en Joomla con discos SSDJoomla 2desde5´54€/mes
  • Hosting especializado en Joomla con discos SSDJoomla 3desde8´34€/mes
    • Almacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSD
    • El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.
    • La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.
    • Ideado para sacar el máximo partido a tu JoomlaIdeado para sacar el máximo partido a tu JoomlaIdeado para sacar el máximo partido a tu JoomlaIdeado para sacar el máximo partido a tu Joomla
    • Tras evaluación de nuestro equipo de migraciones
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Elige la versión de PHP que necesites
    • Certificado SSL autofirmadoCertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUI
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM, .INFO, .NET, .ORG ó .EU.
    • Migramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a Hostinet
    • Ideado para sacar el máximo partido a tu Joomla
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Hosting específicamente preparado para sacar el máximo rendimiento a tu JoomlaHosting específicamente preparado para sacar el máximo rendimiento a tu JoomlaHosting específicamente preparado para sacar el máximo rendimiento a tu JoomlaHosting específicamente preparado para sacar el máximo rendimiento a tu Joomla
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM, .INFO, .NET, .ORG ó .EU.
    • Cada dominio alojado muestra un contenido único y diferente del resto
    • Aparcando un dominio secundario en el alojamiento de nuestro dominio principal conseguimos que ambos dominios resuelvan indistintamente con la misma página que tenemos colgada.
    • Cuentas de correo gestionables a través de POP, IMAP y servicio Webmail
    • Tus buzones de correo y mails limpios de virus y con un potente filtro antispam
    • Centro de datos en Madrid (España)
    • Opción de contratación de IP dedicadaPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUI
    • Opción de contratación de certificados SSL. Se requiere Ip dedicada.Puedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUI
    • Bases de datos MySQL disponibles para su uso en cada alojamiento web
    • ¿Quieres realizar desarrollos con Python? En Hostinet innovamos dia a dia en tu beneficio y por ello te presentamos como última novedad en todos nuestros servidores Web la posibilidad de desplegar tus aplicaciones con Python directamente desde el cPanel de tu Hosting.
    • ¿Quieres desarrollar tus aplicaciones con Ruby? En Hostinet te presentamos como última novedad en todos nuestros servicios de Hosting Web la posibilidad de desplegar tus aplicaciones con Ruby on Rails directamente desde el panel de control cPanel.
    • El fichero .htaccess permite modificar diferentes variables en la configuración de nuestra cuenta de alojamiento en el servidor.
    • El módulo mod_rewrite permite crear direcciones URL alternativas a las dinámicas generadas por la programación de nuestros sitio web (blog, foro, portal…), de tal modo que sean más legibles y fáciles de recordar
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web. Soporte en español por personal de Hostinet.
    • Completa recopilación de tutoriales sobre Hosting, Dominios y Joomla
    • 30 dias para probar tu servicio de Hosting y si no te convence el servicio... te devolvemos el dinero!!

VN:F [1.9.22_1171]
Rating: 4.5/5 (Votos: 2)

¿NECESITAS AYUDA? Llama a nuestro soporte técnico 946 545 762

De Lunes a Viernes de 08:00 a 20:00 horas.


Contactar