InicioCrear web desde cero › Maquetando una pagina Web con DIVs o Capas (layouts)

Maquetando una pagina Web con DIVs o Capas (layouts)

En esta lección aprenderemos a maquetar una pagina web integramente en CSS y HTML, cada parte de ella explicada paso a paso, con ejemplos prácticos para entenderlo mejor.

A lo largo de este curso de maquetación CSS vimos los conceptos básicos para crear y poder flotar capas entre otras cosas, ahora vamos a tratar de poner en práctica lo que aprendimos para maquetar una pagina con la siguiente estructura:
 

  • Cabecera: acá puede ir un logo o el nombre de tu pagina web
  • Barra lateral: podemos poner un menu vertical con listas HTML
  • Contenido: donde irá el contenido de la web
  • Pie de pagina: podemos poner lo que necesitemos, desde el copyright hasta los enlaces recomendados

La estructura deberá quedar así:
 

Estructura CSS
 
¿Listos? comenzaremos maquetando el contenedor general.
 
Nota: antes de continuar, asegurate de relacionar la hoja de estilos con tu archivo HTML para que todo lo que hagas a lo largo del curso te funcione.