sitio-responsivo

Que es un sitio web responsivo

0 21

Un sitio web responsivo es aquel que se adapta a la resolución de cualquier dispositivo, ya sea una pc de escritorio, una tablet o un teléfono celular, la pantalla puede ir desde 27 pulgadas hasta media pulgada, todo esto se da bajo un mismo código html y css.

Los sitios responsivos son una tendencia en el diseño Web que se ha ido consolidando debido al incremento de los dispósitivos moviles, la tendencia es irreversible y llegara el momento en que los dispositivos mobiles tengan mayor peso que las computadoras de escritorio.

Un sitio responsivo no implica tener varios códigos html, la idea es que un solo código responda a la demanda de resolución de los diferentes equipos, actualmente no resulta conveniente tener 2 o más páginas con el mismo contenido, ya que para los buscadores son 2 url diferentes y esto divide las visitas y afecta el ranking de las busquedas que hacen los usuarios.

El tener sitios que envien al usuario a una diferente versión del sitio estuvo de moda durante algún tiempo, sin embargo mantener 2 sitios con el mismo contenido implica mayor tiempo e inversión de recursos.

El diseño web responsivo es una solución que está basada en el concepto de cuadrículas adaptables (Grids) asi como imagenes y videos adaptables a diferentes resoluciónes, el concepto del pixel casi desaparece dando dar lugar a terminos de porcentajes y cuadrículas que cambian de posición generalmente de derecha a abajo.  Es decir si una columna no cabe en la resolución de la pantalla, en automaticó se colocara por debajo del resto del contenido, esta experiencia pasara desapercivbida para el usuario del dispositivo mobil.

Cuando un usuario visita un sitio Web responsivo, el sitio percibe las características de resolución del dispositivo y automáticamente “responde”. Reorganiza las cuadrículas y adapta las imágenes y herramientas de navegación del sitio.

La prueba más sencilla para determinar si un sitio web es responsivo es cambiar el nivel de Zoom del navegador, si en este momento se encuentra leyendo esto desde una Pc de escritorio haga la prueba de cambiar el zoom, en algunos navegadores se acepta la tecla < Ctrl+ la rueda de desplazamiento del mouse>  El efecto se aprecia mejor en la página de incio de este sitio http://www.computacioncuantica.com

Sitio web responsivo

Sitio web responsivo

 

Sitio web responsivo

Sitio web responsivo

Sitio web responsivo

Sitio web responsivo

Sitio web responsivo

Sitio web responsivo

Otro buen ejemplos de un SITIO WEB responsivO:

http://www.rinconvegetariano.com

admin

Quince años trabajando en empresa privada, 10 años construyendo sitios web e intranets, 5 años de experiencia en Seo ahora soy Micro Empresario y Bloguero, administro a manera de Hobby varios sitios web: http://www.8juegosgratis.com http://www.achegames.com http://www.aquehoraeselpartido.net http://www.computacioncuantica.com http://www.homedecorationweb.com http://www.kesane.com http://www.ositobimbo.com http://www.practihogar.com http://www.rinconvegetariano.com http://www.skesit.com http://www.travelmexiconice.com http://www.viajesmexicotours.com

View all contributions by admin

Leave a reply

Your email address will not be published. Required fields are marked *