Índice

El contenedor general

1. Insertar la caja <div>

Para el contenedor general usaremos el elemento <main>.

Cree un nuevo documento y guárdelo.

El punto de inserción parpadea al principio de la página web.

En el menú Insertar o en el panel Insertar, seleccione HTML y después Main.

images/21OWT-04.png

Aparece la ventana Insertar panel principal.

En la lista desplegable Insertar, deje En punto inserción. Queremos insertar el elemento allí donde parpadea el punto de inserción.

En el campo Class, no escriba nada.

En el campo ID, no escriba nada, determinaremos el elemento por su nombre.

images/21OWT-05.PNG

Haga clic en Aceptar.

Dreamweaver inserta el elemento <main> en la página.

images/21OWT-06.PNG

En la barra de estado podrá ver que el elemento ha sido insertado <main>.

images/18C21-006.png

Dreamweaver inserta automáticamente en el elemento un contenido textual de ejemplo <main>, elimínelo.

2. El estilo CSS del contenedor

Procederemos ahora a dar formato al elemento <main>.

En el menú Ventana, seleccione Diseñador de CSS si es preciso.

En la pestaña Fuentes, añada una fuente de tipo Definir en página.

En la pestaña @Medios, seleccione GLOBAL.

En la pestaña Selectores, añada el selector main.

images/21OWT-07.png

En la categoría Diseño, indique un valor de 960 píxeles para la propiedad width.

Para la propiedad margin, en los lados izquierdo y derecho, indique el valor auto. Esto permitirá una apariencia ...