Estructura de una pgina web

Estructuras estndares
Uno de los aspectos ms importantes de las estructura de una pgina web es decidir dnde posicionaremos los
mens de navegacin y enlaces a otras pginas web y dnde posicionaremos el contenido que van a consultar los
navegantes. Existen diversos tipos de estructuras estndares de pginas web que especifican la posicin de los
mens de navegacin y el contenido, mantenindose esta estructura y diseo durante toda la navegacin por el sitio
web.
Sin que sea sorprendente, los mens de navegacin acostumbran a posicionarse en los mrgenes de la pgina,
dejando los contenidos en el centro. Por defecto, las estructuras estndares posicionan los mens de navegacin
arriba o en los laterales, pero tambin existen otras posibilidades:

Bl oque de navegaci n a l a i zqui erda:
Permite presentar muchos mens o enlaces, pues cada lnea puede ser un enlace (por ejemplo, el men de
navegacin de esta gua). Tampoco supone mucho problema que los mens se extiendan fuera de la pantalla,
porque el usuario puede visualizarlos con la barra de desplazamiento vertical. Este mtodo es ideal si los mens son
administrables, pues el diseo no se ver muy afectado si aumentan o disminuyen el nmero de enlaces.
Ejemplo de bloque de navegacin a la izquierda: guiadiseo.com

Bl oque de navegaci n arri ba:
Ideal si el sitio web no tiene demasiadas secciones. Los mens se sitan en lnea y ocupan mucho espacio. Es fcil
si los mens se despliegan con otros submens (es ms fcil la navegacin que si los submens se abren
lateralmente)
Ejemplo de bloque de navegacin arriba: http://www.apple.es

Bl oque de navegaci n derecha:
Las mismas ventajas que el men a la izquierda pero menos usado.
Ejemplo de bloque de navegacin a la izquierda: http://www.narfstuff.co.uk

Combi naci n de l os ant eri ores:
Si tenemos muchos enlaces a presentar, siempre podemos utilizar cualquier combinacin de los anteriores (arriba e
izquierda; izquierda y derecha; arriba, izquierda y derecha;), sobre todo si los mens se pueden agrupar en dos o
tres grandes grupos.
Ejemplo de combinacin de bloques: http://www.apple.es

Pi e de pgi na
El pie de pgina acostumbra a tener una gran importancia en las estructuras de los webs actuales, donde se pueden
repetir los mens de navegacin (para que el usuario no deba subir por la pgina), situar los enlaces al aviso
legal, copyright, redes sociales: facebook, RSS, twitter o los datos de direccin y contacto.

Ejemplos de pie de pgina:
Ejemplo de pie de pgina: http://bristolarchiverecords.com
Ejemplo de pie de pgina: http://yuruinspires.com
Ejemplo de pie de pgina: http://splitdadiz.com
Ejemplo de pie de pgina: http://www.mecannical.com
Ejemplo de pie de pgina: http://bitsamppixels.com
Otros ejemplos web de pies de pgina: http://www.javajan.com/news.php?id=205-guia

Pgi na pri nci pal
La pgina principal es un caso especial, para la cual no existe una estructura estndar. Aunque la pgina principal
tambin se puede estructurar de un modo estndar, en la mayora de sitios web, la pgina principal no se disea
para presentar contenido, y ms bien se imagina como escaparate de la empresa, en el que tambin se presentan
los mens o enlaces a las diferentes pginas o secciones del web.

Ejemplos de pgina principal:
Ejemplo de pgina principal: http://www.coullon.com
Ejemplo de pgina principal: http://www.luhsetea.com
Ejemplo de pgina principal: http://dotmick.com
Ejemplo de pgina principal: http://gnosh.co.uk
Ejemplo de pgina principal: http://wearecupcup.com
Ejemplo de pgina principal: http://www.mcfarlanechangemanagement.com.au