Crear un sitio con Responsive Web Design Parte-1

El diseño web adaptativo, o responsive web design, es una técnica que pretende simplificar el modo de realizar un mismo sitio web para diferentes dispositivos adaptándose perfectamente al ancho de cada pantalla. Como  características los layouts e imágenes son fluidos y se usan media-queries de CSS3. - See more at: http://webysocialmedia.es/2012/que-es-responsive-web-design-o-diseno-web-adaptativo/#sthash.B5Uc5g5e.dpuf

El diseño web adaptativo, o responsive web design, es una técnica que pretende simplificar el modo de realizar un mismo sitio web para diferentes dispositivos adaptándose perfectamente al ancho de cada pantalla. Como  características los layouts e imágenes son fluidos y se usan media-queries de CSS3.

Las media queries

Las media queries son sentencias del CSS que nos permiten hacer declaraciones que solo se apliquen en nuestros diseños si se cumplen ciertos requisitos que nosotros declaramos. Estas media queries se pueden aplicar básicamente en dos posibles puntos de la web.Al llamar al archivo css, indicando en cada uno las condiciones para cargarlo.El propio archivo CSS, formando un apartado donde incluir fragemntos de css a aplicar

Las media queries son realmente potentes y permiten salirse del responsive design para cubrir aspectos muy diversos de nuestras webs. Seguidamente incluyo unos links para que puedas informarte sobre ellas ya que no quiero complicar este post con explicaciones de cosas que luego no vamos a usar.

Resoluciones y media queries para para los principales móviles, tablets y monitores - See more at: http://www.destacaimagen.com/diseno-y-maquetacion-web-smartphones-y-tablets/#sthash.YGjuaEad.dpuf

Resoluciones y media queries para para los principales móviles, tablets y monitores

Principales ventajas de una web optimizada para moviles y tablets.

1. Diseño adaptado a nuestra pantalla
2. Comodidad a la hora de navegar y leer textos al no tener que usar el zoom.
3. Contenido más directo, los elementos irrelevantes se eliminan.
4. Mayor impacto visual.

Principales ventajas de una web optimizada para moviles y tablets

• Diseño adaptado a nuestra pantalla
• Comodidad a la hora de navegar y leer textos al no tener que usar el zoom.
• Contenido más directo, los elementos irrelevantes se eliminan.
• Mayor impacto visual.

- See more at: http://www.destacaimagen.com/diseno-y-maquetacion-web-smartphones-y-tablets/#sthash.Q3fbbVud.dpuf