Want to make creations as awesome as this one?

Transcript

- de navegación-

En sitios web

Elementos*

Salamaca Sigales Lucy NaomiSánchez López Lucia 612

Una página web es un documento electronico diseñado para ser visualizado en un navegador web. Puede contener texto, imágenes, videos, enlaces y otros elementos multimedia, y se utiliza para presentar información sobre un tema específico, promocionar productos o servicios, o realizar diversas funciones interactivas.

¿QUÉ ES UNA PÁGINA WEB?

Un sitio web es un conjunto de páginas web que están conectadas entre sí y se encuentran alojadas en un servidor web. Este espacio virtual es accesible para cualquier persona con conexión a internet, que lo visite por medio de un navegador web. Se compone de diferentes tipos de contenido, como texto, imágenes, videos y elementos interactivos.

¿Qué es un sitio web?

  • Encabezado
  • Cuerpo
  • Pie de página

Partes de la pagina web

¿Cómo se estructura una página web?

  • Imagen de la marca
Puede ser un logotipo, el nombre de la compañía o ambos.
  • Menú de opciones
Se presentan de forma breve y pueden ser desplegables.
  • Botones de acción
Generalmente indican el idioma y la ubicación o funcionan como botones de suscripción o de prueba. En algunos casos se pueden incluir iconos para carritos de compra.

Elementos

El encabezado es la parte más importante de una página web porque es la carta de presentación de la marca y el primer acercamiento que tienen los visitantes al acceder. Este encabezado debe presentar la información más importante de forma clara. Diseñar un encabezado puede ser complicado, ya que se requiere el balance justo entre mostrar la mayor cantidad de información relevante de la manera más simple.

1. Encabezado

Imagén de la marca

Menú de opciones

Botones de opción

  • Banners: Te permiten incluir anuncios o avisos de forma más desarrollada que en un encabezado, ya sea con promociones, noticias o información de interés. Estos pueden ser móviles e interactivos o automáticos.
  • Herramientas de navegación: Indices para que los usuarios encuentren rápidamente el contenido que buscan.
  • Textos: sirve para ofrecer datos, información y contenidos relevantes a las personas, como blogs y descripciones de productos.
  • Multimedia: con estos recursos se puede ampliar o sustituir la presentación escrita de información. Las imágenes, videos y audios deben aparecer en este apartado.

Elementos

es donde estarán los contenidos. Una vez que el visitante entre al sitio o que acceda a una opción del menú y se desplace hacia abajo encontrará la información solicitada. En este apartado puedes ser tan breve o extenso como quieras. Aunque los visitantes siempre agradecerán la simplicidad. Si tu marca o empresa tiene mucha información por compartir puedes emplear los materiales audiovisuales o elementos móviles o interactivos para hacer más amena la visita.

2. Cuerpo

Banner

TEXTOS

ELEMENTOS EMERGENTES

MOSAICO

MULTIMEDIA

  • Legales: La información legal incluye los avisos de privacidad, los términos y condiciones de uso y de servicios, las responsabilidades adquiridas y, de ser necesario, el llamado a los derechos de autor del sitio.
  • Datos de cotacto : El pie de página puede contener número telefónico, íconos de redes sociales o incluso una opción de servicio y atención al cliente.
  • Colaboradores o patrocinadores.
  • Menú alterno: Suelen incluirse aspectos administrativos como puede ser información para el personal, códigos de ética, manuales de operación, lineamientos para proveedores, kits de prensa, entre otros.

Elementos

Se reserva para presentar información que no es fundamental para los visitantes, pero es indispensable que esté presente. Es por ello que se deja al último y suele aparecer en un formato más discreto.

3. Pie de Página

Menú alterno

Menú de opciones

Datos del contacto

colaboradores o patrocinadores

  • Elemento de regreso a la página de inicio o home.
  • Menú principal situado en la parte superior de la página.
  • Información sobre la ubicación del usuario dentro del sitio: consiste en una línea de texto en la parte superior, bajo el menú de navegación principal, que indica al usuario dónde se encuentra (“migas de pan” o breadcrumbs).

CONSIDERAR

Hay varias consideraciones a tener en cuenta para que el usuario pueda navegar por una web sabiendo en todo momento dónde se encuentra y cómo moverse por el sitio.

  • Menú principal.
  • Widgets.
  • Aside de navegación.
  • Menú de navegación del pie de página o footer.

ELEMENTOS

¿Cuáles son los elementos de navegación que contiene una página web?

Los elementos de navegación son los que nos permiten acceder a todos los contenidos del sitio web

EJEMPLOS