Main menu

Diseño web Responsive

El diseño web "Responsive" es una característica que permite al sitio web adaptarse al tamaño de la pantalla del visitanteJoomla Responsive Template, 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

Joomla template responsive web design

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
Plantilla Responsive

Link para descarga

 QR Code para visualizar
el sitio en tu móvil

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:


Android https://play.google.com/store/apps/details?id=la.droid.qr&hl=es

Blackberry http://appworld.blackberry.com/webstore/content/13962/

Iphone http://itunes.apple.com/mx/app/lector-qr/id368494609?mt=8