MAQUETACION

La maquetacin es una tcnica la cual emplea para definir la estructura general o

el esqueleto de una pgina web con respecto al cuerpo contenido que se desea
mostrar. A partir de html5 para la maquetacin se consideran las siguientes
secciones: header, nav, aside, section, article y footer.
Header (Encabezado)
Es la seccin en la cual se visualiza la informacin que se desea que forme parte
del encabezamiento de la pagina: Razon social,Logo
Dicha etiqueta presenta el siguiente formato:
<header>
Informacin de Encabezado
</header>
Dnde : Informacin de Encabezado es toda la informacin que se desea mostrar
Ejemplo:
<header>
Almacn los tres elefantes
Bueno, bonito y barato
Vistenos para tener el gusto de atenderlo
</header>
Nav (Navigation=Navegacin)
Es la seccin en la cual se incluye el men principal de navegacin de la pgina
web, que contiene las principales opciones hacia las cuales se desea establecer
los diferentes enlaces.
Dicha etiqueta presenta el siguiente formato general
<nav>
Men de navegacin
</nav>
Ejemplo:
<nav>
<ul>
<li>Quienes somos</li>
<li>Plato fuerte</li>

<li>Men del da</li>

<li>Domicilios</li>
<li>Promociones</li>
<li>Contacto</li>
</ul>
</nav>
Aside ( Aun lado)
Es la seccin la cual se localiza a un lado de la pgina y que contiene informacin
de segundo plano (informacin que no es de gran importancia para la pgina)
como: Sitios de inters, Sitios relacionados. Bsquedas, etc. Es opcional.
Ella presenta el siguiente formato:
<aside>
Informacin de segundo plano
</aside>
Ejemplo:
<aside>
Guia de restaurantes
Como llegar a ella
Sucursales
Guia turstica de narilo
</aside>
Section (secciones)
Esta etiqueta se emplea para definir las diferentes secciones del contenido de la
pgina, por cada una de ellas deber por lo menos existir un articulo (article)
Article (Artculo)
Es la seccin donde se incluye el diferente contenido de la pgina.. Una pgina
puede tener varios artculos
Estas dos etiquetas se deben encontrar juntas y presentan el siguiente formato:
<section>
<article>
Articulo 1
</article>
<article>
Articulo 2
</article>
<article>

Articulo 3
</article>
</section>
Footer (Pie de pgina)
ES la seccin en la cual se incluye la informacin que se visualiza en la parte
inferior de la pgina. Generalmente se coloca, la direccin, el telfono, derechos
de autor, licencias de funcionamientos, Opinin.
Ella presenta el siguiente formato
<footer>
Informacin de pie de pgina
</footer>
Ejemplo:
<footer>
Carrera 25 No. 10-20
Telefono 7256839 Pasto Nario
Estamos para servirle
</footer>
En consecuencia la distribucin general de una pagina web quedara determinada
de la siguiente manera:

Header(Encabezado)

Nav(men de navegacin)

Aside
Section (Secciones con sus respectivos artculo)

Footer(Pie de p{agina)

(Barra lateral)