estructura de una página web

ESTRUCTURA DE UNA
PÁGINA WEB
ESTRUCTURA DE UNA PÁGINA WEB
Uno de los aspectos más importantes de las estructura de una página web es decidir
dónde posicionaremos los menús de navegación y enlaces a otras páginas web y dónde
posicionaremos el contenido que van a consultar los navegantes. Existen diversos tipos
de estructuras estándares de páginas web que especifican la posición de los menús de
navegación y el contenido, manteniéndose esta estructura y diseño durante toda la
navegación por el sitio web.
Sin que sea sorprendente, los menús de navegación acostumbran a posicionarse en los
márgenes de la página, dejando los contenidos en el centro. Por defecto, las estructuras
estándares posicionan los menús de navegación arriba o en los laterales, pero también
existen otras posibilidades:
ESTRUCTURA DE UNA PÁGINA WEB
Cabecera (Imagen Institucional)
780 * 300 px
Menú de Navegación
Imágenes
Palabras
Cotenidos
Menú de
Navegación
Pié de Página
Logos y Texto
12
ESTRUCTURA DE UNA PÁGINA WEB
ESTRUCTURA DE UNA PÁGINA WEB
Identificación Institucional
Menú de
Navegación
Anuncios
Logo
Institucional
Marquesina
Menú de
Navegación
Hiperenlaces
Cotenidos
ESTRUCTURA DE UNA PÁGINA WEB
Bloque de navegación a la izquierda:
Permite presentar muchos menús o enlaces, pues cada línea puede ser un enlace (por ejemplo, el
menú de navegación de esta guía). Tampoco supone mucho problema que los menús se extiendan
fuera de la pantalla, porque el usuario puede visualizarlos con la barra de desplazamiento vertical.
Este método es ideal si los menús son administrables, pues el diseño no se verá muy afectado si
aumentan o disminuyen el número de enlaces.
ESTRUCTURA DE UNA PÁGINA WEB
Bloque de navegación arriba:
Ideal si el sitio web no tiene demasiadas secciones. Los menús se sitúan en línea y ocupan mucho
espacio. Es fácil si los menús se despliegan con otros submenús (es más fácil la navegación que
si los submenús se abren lateralmente)
ESTRUCTURA DE UNA PÁGINA WEB
Bloque de navegación derecha:
Las mismas ventajas que el menú a la izquierda pero menos usado.
ESTRUCTURA DE UNA PÁGINA WEB
Combinación de los anteriores:
Si tenemos muchos enlaces a presentar, siempre podemos utilizar cualquier combinación de los
anteriores (arriba e izquierda; izquierda y derecha; arriba, izquierda y derecha;…), sobre todo
si los menús se pueden agrupar en dos o tres grandes grupos.
ESTRUCTURA DE UNA PÁGINA WEB
Pie de página
El pie de página acostumbra a tener una gran importancia en las estructuras de los webs actuales,
donde se pueden repetir los menús de navegación (para que el usuario no deba subir por la
página), situar los enlaces al aviso legal, copyright, redes sociales: facebook, RSS, twitter o los
datos de dirección y contacto.
ESTRUCTURA DE UNA PÁGINA WEB
Página principal
Es un caso especial, para la cual no existe una estructura estándar, en la mayoría de sitios web, la
página principal no se diseña para presentar contenido, y más bien se imagina como escaparate de
la empresa, en el que también se presentan los menús o enlaces a las diferentes páginas o
secciones del web.
ESTRUCTURA DE UNA PÁGINA WEB
ESTRUCTURA DE UNA PÁGINA WEB
CRITERIOS GENERALES
1. Elegir los fondos
2. Dejar claro el conjunto de sitio de la página abierta y como se puede
llegar a otros lugares. Indicar:
a) dónde esta
b) cómo llegar al lugar
c) Confirmación de que se está en el buen camino
3. Cuidar la página inicial
4. Diseñar la página con una información clara
5. Facilitar herramientas para imprimir el texto o guardarlo en la Web con
facilidad
6. Fechar las páginas. Facilita su actualización
7. Los hiperenlaces
a) Palabras o frases destacadas en distintos color o subrayadas,
también puede ser gráficos
b) b) Documentos que pueden estar situados en el mismo ordenador u
otro de cualquier parte del mundo
c) c) Cuando se hace clic sobre uno de ellos y aparece en la pantalla
el documento que hacia referencia,
ESTRUCTURA DE UNA PÁGINA WEB
TRABAJO DE CAMPO
CRITERIOS
Con la información suministrada por el facilitador de la materia durante los
dos encuentros académicos. Elabora un prototipo enfocado a tus hobbies,
tomando en cuenta los aspectos esenciales para estructurar una página
web. Diseña en la Hoja Blanca el Prototipo Web