estructura de una pÁgina web€¦ · estructura de una pÁgina web criterios generales 1. elegir...

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:


Cabecera (Imagen Institucional)

Menú de

Navegación

Pié de Página

Menú de Navegación

Cotenidos

780 * 300 px

Imágenes

Palabras

Logos y Texto

12


Identificación Institucional

Menú de

Navegación

Anuncios

Marquesina

Logo

Institucional

Hiperenlaces

Cotenidos

Menú de

Navegación


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.


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)


Bloque de navegación derecha:

Las mismas ventajas que el menú a la izquierda pero menos usado.


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.


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.


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.


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,

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

estructura de una pÁgina web€¦ · estructura de una pÁgina web criterios generales 1. elegir...

Documents