Please enable JavaScript.
Coggle requires JavaScript to display documents.
ELEMEMTOS DE UNA PAGINA WEB Y SITIO WEB - Coggle Diagram
ELEMEMTOS DE UNA PAGINA WEB Y SITIO WEB
PAGINAS WEB
Cabecera o header
La cabecera o encabezado hace referencia al fragmento de código <head></head>. Contiene meta información de la página y el menú
EJEMPLO
Menú de navegación
l menú se puede entender como el “mapa” que ayuda a los usuarios a encontrar aquello que buscan. Organiza el contenido
EJEMPLO
Cuerpo
El cuerpo de la página web o contenido es el elemento central del sitio. Este tiene que recoger la información principal de tu marca
EJEMPLO
Pie de página o footer
Es el apartado que se encuentra en la parte inferior de una web. Es común que el contenido se replique en todas los apartados de la página web
EJEMPLO
5.Sidebar o barra lateral
Se encuentra a la izquierda o derecha de la pantalla. Esta sección proporciona una forma rápida y eficiente para mostrar información adicional y enlace.
EJEMPLO
6.Formularios
Los usuarios se ponen en contacto con la marca, las preguntas deben ser cortas y concisas para obtener información útil.
EJEMPLO
SITIO WEB
Encabezado (Header)
El encabezado o header es la sección superior de una página web y normalmente se mantiene constante en todas las secciones del sitio.
EJEMPLO
Barra de navegación (Navbar)
Facilita al usuario encontrar lo que necesita rápidamente, evitando frustraciones.
EJEMPLO
Cuerpo principal (Main Content)
El cuerpo principal es donde reside la mayor parte del contenido de una página. Dependiendo del tipo de sitio (blog, tienda en línea, corporativo, etc).
EJEMPLO
Barra lateral (Sidebar)
a sidebar o barra lateral es opcional, pero se utiliza frecuentemente para mostrar información adicional como:
Categorías y etiquetas.
Artículos relacionados.
Enlaces a redes sociales.
EJEMPLO
Pie de página (Footer)
l pie de página o footer se encuentra en la parte inferior de la página y contiene:
Información de Contacto.
Política de Privacidad y Términos y Condiciones.
Mapa del Sitio y enlaces rápidos.
Enlaces a redes sociales.
EJEMPLO
Banner o carrusel de imágenes
Suele aparecer en la parte superior de la página y se utiliza para mostrar promociones o anuncios destacados.
EJEMPLO