Inicio > Crear web desde cero > Maquetar el contenedor general con CSS

Maquetar el contenedor general con CSS

En esta lección de maquetación aprenderemos a maquetar el contenedor general de nuestra pagina web

Contenedor general

La primer capa que tendremos que crear es un contenedor general al que le aplicaremos un ancho y alto fijo para todo el sitio Web.

Para este ejemplo lo haremos con estas medidas:

  • Ancho: 900 pixeles
  • Alto: 400 pixeles

Sabiendo esto podemos ponernos manos a la obra :)

A este DIV lo llamaremos "contenedor", y sería algo asi:

#contenedor {
       width: 900px;
       height: 400px;
}


Ahora abrimos el archivo HTML (index.html) y comenzamos a armar las capas, por ahora solo tenemos que llamar a la capa "contenedor", así:

<html>
<head>
<title>Maquetando con estilos CSS</title>
<link href="estilos.css" rel="stylesheet" type="text/css">
</head>
<body>
        <div id="contenedor">
               
       </div>

</body>
</html>

Ya tenemos el contendor general, ahora maquetaremos la cabecera.