Definir divisiones en el Sitio Web / Html5

Los Div definen las divisiones de un Sitio web, en estas divisiones se coloca el contenido de la página. En este ejemplo se va dividir la página en las siguientes partes:

divisionesCC

Primero colocamos un Div que contenga todos los contenedores internos. Este Div lo nombraremos WrapperIndex. Primero presionamos el botón de “Div” en la lengüeta “insertar”.

insertarDiv01

En la ventana colocamos el nombre del Div en el campo ID:

insetardiv

Luego vamos a crear el Div denominada wraper. Colocamos el cursor dentro de la etiqueta <div id=”wrapperIndex”></div> y repetimos los pasos anteriores.

Para las etiquetas <header>,<nav>,<section> y  <footer> deben utilizar los botones de insertar

bootnesinsertar

Tener en cuenta que los contenedores de #banner y #zonaPost están dentro de <section>.

En el panel del código podremos observar lo siguiente:

<div id=”wrapperIndex”>
<div id=”wrapper”>
<header id=”header”> </header><!–header–>
<nav id=”mainMenu”> </nav><!–mainMenu–>
<section id=”content”>
<div id=”banner”></div>
<div id=”zonaPost”></div><!–zona-post–>
</section><!–content–>
<footer id=”footer”></footer><!–footer–>
</div><!–wrapper–>
</div><!–wrapper-index–>