Diseño y desarrollo web adaptativo o responsivo

En este Tutoriales En Linea les traemos este Curso de como crear tu Web Responsive en videos. Siguiendo este curso podrás diseñar tu propio sitio Web Responsive. Antes de ello entendemos que tiene algunas nociones de HTML.

Diseño web adaptativo: Es una técnica de diseño y desarrollo web que mediante el uso de estructuras e imágenes fluidas, así como de media-queries en la hoja de estilo CSS, consigue adaptar el sitio web al entorno del usuario. El diseñador y autor norteamericano Ethan Marcotte creó y difundió esta técnica a partir de una serie de artículos en A List Apart, una publicación en línea especializada en diseño y desarrollo web. Leer Más...

Para ello vamos a utilizar el marco de Bootstrap (Descargar el codigo de muestra) para este curso, además de tener instalado el editor Dreamweaver CC.

Ahora empecemos a crear nuestro sitio web con un diseño adaptativo...

Después de tener descargado lo anteriormente nombrado en nuestro equipo, abrimos el editor Dreamweaver CC. Luego clic en archivo > Nuevo... > Nuevo documento > (Tipo de documento) HTML > (Marco) BOOTSTRAP > CSS de Bootstrap: Usar existente > Elegimos el bootstrap.min.css. en nuestro PC > Diseño: marcamos la opción de incluir un diseño ya creado > Clic en Crear.

Sección del Curso: