Ecc dg0952 02. Estructura de las páginas web. elementos que la conforman. Cabecera, cuerpo, footer. Elementos html base. Escuela de la Camara de Comercio. Material de soporte para docencia. Licenciatura en diseño gráfico

1. • DG0952
noveno cuatrimestre
Anatomía de Páginas Web
DG0952
noveno cuatrimestre
Anatomía páginas web

2. • DG0952
noveno cuatrimestre
Anatomía de Páginas Web
Título
Anatomía
Título de la página actualmente desplegada.
Dicho título aparecerá en buscadores como tal.
Influirá en los resultados de búsqueda.
Favicon
Identificación visual para navegación en pestañas y
favoritos guardados

3. • DG0952
noveno cuatrimestre
Anatomía de Páginas Web

4. • DG0952
noveno cuatrimestre
Anatomía de Páginas Web
Descripción
Anatomía
Meta contenido de la página (no se despliega
visualmente dentro de la página). Sin embargo los
buscadores lo mostrarán como descripción de
página, en su defecto los buscadores muestran el
primer contenido que encuentran.
Meta descripción para twitter y facebook.
Palabras clave
Meta Contenido, las palabras clave también son de
referencia para ser encontradas por el buscador

5. • DG0952
noveno cuatrimestre
Anatomía de Páginas Web

6. • DG0952
noveno cuatrimestre
Anatomía de Páginas Web
Header (Cabecera)
Anatomía
Parte superior de la página, generalemente
comprende Branding o Logo de la empresa,
Buscador, Menú de navegación principal.
Branding
Logo, identificación de empresa o servicio. Es el texto
jerárquico de mayor rango en la página.

7. • DG0952
noveno cuatrimestre
Anatomía de Páginas Web

8. • DG0952
noveno cuatrimestre
Anatomía de Páginas Web
Footer (Pié de página)
Anatomía
Final de la página se utiliza para menús auxiliares,
mapas de navegación y textos legales

9. • DG0952
noveno cuatrimestre
Anatomía de Páginas Web

10. • DG0952
noveno cuatrimestre
Anatomía de Páginas Web
Menú principal
Anatomía
Opción constante durante el sitio, va a perfilar
intereses o audiencias
+-7
Menú secundario
Cambiará su repertorio, derivado de la selección del
menú principal.
Los contenidos de un sitio no deben estar a más de 3
clicks de distancia

11. • DG0952
noveno cuatrimestre
Anatomía de Páginas Web

12. • DG0952
noveno cuatrimestre
Anatomía de Páginas Web
Menú Auxiliar
Anatomía
Opciones que ayudan al usuario a interactuar con el
sitio
Rastro de navegación
Indicador de niveles de profundidad, navegable.
O criterio de ordenamiento de la nota vista.

13. • DG0952
noveno cuatrimestre
Anatomía de Páginas Web

14. • DG0952
noveno cuatrimestre
Anatomía de Páginas Web

15. • DG0952
noveno cuatrimestre
Anatomía de Páginas Web
Encabezados
Anatomía
Títulos, dependen de la jerarquía de la nota

16. • DG0952
noveno cuatrimestre
Anatomía de Páginas Web

17. • DG0952
noveno cuatrimestre
Anatomía de Páginas Web
Contenido regular
Anatomía
Textos, imágenes, videos
Contenido relacionado
Contenidos similares que pueden generar interés en
usuarios. Contenido cruzado.

18. • DG0952
noveno cuatrimestre
Anatomía de Páginas Web

19. • DG0952
noveno cuatrimestre
Anatomía de Páginas Web

20. • DG0952
noveno cuatrimestre
Anatomía de Páginas Web
Referencias
http://med.stanford.edu/irt/webauthor/content/
anatomy.html
http://alistapart.com/article/previewofhtml5

21. • DG0952
noveno cuatrimestre
Anatomía de Páginas Web
DG0952
noveno cuatrimestre
Anatomía páginas web