diagramas

11
Diseño de un Sitio Web Comercial: La Estética Cuenta

Upload: lili70vil

Post on 17-Aug-2015

108 views

Category:

Education


0 download

TRANSCRIPT

Page 1: Diagramas

Diseño de un Sitio Web Comercial: La Estética Cuenta

Page 2: Diagramas

Estructuras Estándares o Entre los aspectos de mayor relevancia en las estructura

de una página web es decidir dónde se posicionará los menús de navegación y los enlaces con otras páginas web y dónde ubicaremos el contenido que van a consultar los usuarios.

o Existen varios 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.

Page 3: Diagramas

1. DIAGRAMA DE ELEMENTOS VISUALES

Bloque de Navegación a la izquierda:

Page 4: Diagramas

Bloque de Navegación Arriba

Page 5: Diagramas

Bloque de Navegación a la Derecha

Page 6: Diagramas

Combinación de las Anteriores:

Page 7: Diagramas

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.

Page 8: Diagramas

2. DIAGRAMA DE ELEMENTOS INFORMATIVOS

Page 9: Diagramas

3. DIAGRAMA SOCIAL NET

Normalmente se encuentran inmersos en el área de navegación o al pie de página

Page 10: Diagramas

Diseñando la Estructura

Conociendo las estructuras web más utilizadas, ya podemos empezar a dibujar la estructura específica de nuestra página web, dibujando y posicionando a nuestro gusto los bloques de menús, contenido, gráficos, y los sub-bloques dentro de cada uno de los anteriores.

Page 11: Diagramas

Ejemplo de diseño de la Estructura: