Dreamweaver | Leccion 2: Maquetacion con Div

Maquetación con DIV

En esta Lección aremos la maquetación de nuestra web con DIV (Aunque también se podría hacer con Tablas es mas recomendable usar DIV siempre que se pueda) para ir añadiéndole cosas en las siguientes lecciones.

Lo primero que tendremos que hacer sera crear unas etiquetas DIV para eso nos iremos al menú insertar, seleccionaremos la pestaña Diseño y clicamos sobre el botón Dibujar DIV PA tal como se muestra en la imagen.

A continuación pincharemos en el área de la web y dibujaremos lo que sera la cabecera, no importa que salga perfecta, luego podremos reajustarla o bien con el ratón o bien desde el Panel de Propiedades.
Para hacerlo con el Panel de Propiedades, hacemos click sobre el borde del DIV que acabamos de hacer para seleccionarlo y en el Panel de Propiedades nos aparecerá lo siguiente:

Donde podremos modificar los margenes, tamaño, color de fondo o incluso poner una imagen de fondo.

Ahora aremos lo mismo para un menú a la izquierda y también aremos otro div para el contenido de nuestra web, de forma que quede así: