ESTRUCTURA DE UNA PÁGINA WEB

Transcripción

1 ESTRUCTURA DE UNA PÁGINA WEB

2 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:

3 Cabecera (Imagen Institucional) 780 * 300 px Menú de Navegación Imágenes Palabras Menú de Navegación Cotenidos 12 Pié de Página Logos y Texto

4

5 Identificación Institucional Menú de Navegación Logo Institucional Anuncios Marquesina Menú de Navegación Hiperenlaces Cotenidos

6 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.

7 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)

8 Bloque de navegación derecha: Las mismas ventajas que el menú a la izquierda pero menos usado.

9 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.

10 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.

11 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.

12

13 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,

14

15 CRITERIOS TRABAJO DE CAMPO 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