Crear un sitio con Responsive Web Design Parte-2

Esta es la segunda parte de cómo crear una web con Responsive Web Design, iremos paso a paso, primero con teoría, después teoría y práctica.

Hasta llegar en la parte donde tendremos que hacer nuestro diseño de cómo queremos nuestro sitio web, luego realizaremos la estructura HTML seguido dando el estilo con CSS.

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.

Escalar imagen con CSS

En esta nueva aventura aprenderemos como escalar una imagen,  pero no solamente haremos eso sino le daremos un estilo para adornar la imagen.

Vayan buscando una imagen de tamaño de 400px de alto y ancho, háganlo en google y hay un botón que dice herramienta de búsqueda vallan donde dice tamaño y le dan tamaño exacto.

Como enumerar con CSS

Ademas de enumerar con las listas ordenas UL tambien lo podemos hacer de otra manera utilizando solamente CSS pero dejenme decirle que hacerlo con las listas UL es una mala practica porque las listas unicamente se utilizan con texto cortos.

Este tutorial surge por un trabajo que estaba haciendo en la U me pregunte como se podia enumerar dichos titulo o subtitulos de un documento pero utilizando html y css.