El diseño web "Responsive" es una característica que permite al sitio web adaptarse al tamaño de la pantalla del visitante
, la traducción de "responsive" al español podría ser: Acoplable, Ajustable, Sensibles, Adaptable, que reacciona...
En lo personal me gusta "Acoplable", aunque no sea la traducción más precisa. Se aceptan sugerencias, mientras tanto usaremos "Responsive" en este artículo.
Características de un sitio web con diseño "Responsive":
Una de las principales características, es que permite que el sitio web se "acople" al tamaño de la pantalla del visitante, tanto en monitores grandes, como en tabletas o ipads y también en dispositivos móviles.
¿Substituye una plantilla "Responsive" a una versión para móviles?
No necesariamente. Recordemos que algunas plantillas permiten mostrar contenidos diferentes
dependiendo si el visitante accede al sitio con móvil o con pantallas normales, de tal forma que se optimiza el contenido si un visitante usa un móvil.
Pero si deseamos que se muestre el mismo contenido a todos los tamaños de las pantallas de los visitantes, entonces si podemos usar una plantilla "Responsive".
Cómo construir un diseño Responsive para un sitio web
Forma 1 si usas html:
Si vas a crear tus sitios a mano, conviene que revises este tutorial.
Forma 2: Si usas Joomla:
Te recomendamos las siguientes plantillas responsive gratuitas. Te compartimos el QR COde para que puedas ver directamente en tu teléfono móvil el redimensionamiento de la pantalla.
Nombre de la | Link para descarga | QR Code para visualizar |
JoomlArt Elastica | http://www.joomlart.com/joomla/templates/ja-elastica |  |
GavicK Music Free | http://www.gavick.com/joomla-templates/free-responsive-joomla-template,91.html |  |
Gavick Meet gavern | http://www.gavick.com/joomla-templates/meet-gavern,93.html |  |
En caso de que no puedas leer los códigos arriba ostrados con tu celular, te recomendamoslas siguientes:
