aaaagooa

El esquema de estructura de una página web
La estructura de una página web es el esquema de composición (o maquetación) de la información que aparece en una página. No debe confundirse con la estructura de una web que es un término más amplio y que hace referencia a como se organiza la información en todo el sitio web. Se trata en definitiva de realizar un esquema para situar el título, losenlaces que llevan a otras páginas, el contenido, etc. Este esquema vendrá a ser una plantilla que seguiremos para construir el resto de páginas. Con ello logramos una apariencia unificada para todo el sitio al tiempo que servirá para el propósito de aplicar estilo CSS con más comodidad.
En nuestro glosario XHTML y CSS expusimos unos principios básicos sobre separación entre estilo y estructura deun documento XHTML. Es un aspecto importante pues en lo que sigue se tratará de organizar elementos HTML de una página para luego aplicarles estilo CSS.
Al diseñar la estructura podemos partir de una división en zonas de una página como la siguiente:
CABEZA
BOTONERA
MIGAS


LATERAL
IZQUIERDO
   CONTENIDO   


LATERAL
DERECHO
PIE
Cabeza: Se trata de una barra horizontal dondepondremos el logotipo y nombre el sitio, principalmente.
Botonera: Otra barra que contiene enlaces a otras páginas.
Migas: Este nombre hace referencia a una cadena de enlaces que indicará al usuario donde se encuentra, de tal forma que a medida que navega se añade un nuevo enlace a la cadena. Son como las "migas de pan" del famoso cuento de Hansel y Gretel.
Lateral izquierdo: Donde suelen tambiénalbergarse enlaces, publicidad, noticias, etc.
Contenido: Mayor área destinada al verdadero contenido de la página.
Lateral derecho: Otra zona para más información.
Pie: Donde suelen ponerse los créditos, ayudas, validadores, legislación, etc.
Estas división por zonas se hacía inicialmente usando tablas y también con elementos . Realmente a cada  se le denomina marco de página, pero por extensióndaremos también ese nombre a cada una de las zonas de estructurado de una página. Así podemos definir de una forma particular para estos temas que un marco de página es una zona independiente dentro de la estructura de una página, independencia que se debe contemplar desde el punto de vista de la maquetación, es decir, de cómo se distribuyen espacialmente los distintos contenidos.
Por supuesto quepuede haber páginas sin marcos, donde todo el contenido está en una única zona. La barra de desplazamiento vertical mueve todo al mismo tiempo. Un ejemplo de una página sin marcos puede ser la de la especificación de tablas en HTML 4 de W3C. Todo está contenido en el mismo cuerpo (a excepción de un recuadro vertical en el lateral izquierdo pero que no cambia el concepto de "sin marcos").
Pero laidea general de una página con marcos es mantener el contenido de la página en un marco central y rodearlo con marcos para otros contenidos. Una idea de partida es, como mínimo, mantener siempre visible la cabecera y el lateral izquierdo donde podríamos poner los enlaces (botonera, menú, índice, etc.) al resto del sitio. También puede haber un marco derecho y un pie. En estas zonas suele ponerseotra información como publicidad, avisos, noticias, etc. En nuestro glosario XHTML+CSS recomendábamos no usar tablas ni  para implantar los marcos de página. Este elemento  no es de uso estándar en todos los navegadores. Además puede resultarle difícil a los buscadores encontrar la información que desea cuando hay varios marcos de página. En cuanto a la maquetación con tablas, puede parecer que seobtiene un resultado más "robusto", pero es menos flexible a la hora de modificar la estructura o de dotarla de estilo CSS. Se pueden hacer marcos con el elemento  tal como puede ver en este ejemplo de  para marcos de página de nuestro glosario XHTML y CSS. Pero la forma que recomiendo es usar marcos con CSS, donde en dicho glosario también tenemos un ejemplo de la propiedad {position} para...