Please enable JavaScript.
Coggle requires JavaScript to display documents.
Elementos y estructuras de los sitios WEB - Coggle Diagram
Elementos y estructuras de los sitios WEB
Header
Imagen de la marca
Logotipo, el nombre de la compañía o ambos. Esto dependerá en gran medida de la interfaz de navegación.
<img></img>
Menú de opciones
Generalmente se presentan de forma breve y pueden ser desplegables.
<select>
<option>
</option>
</select>
Botones de acción
Generalmente indican el idioma y la ubicación o funcionan como botones de suscripción o de prueba.
<button></button>
Body
Banners
Se utilizan para resaltar información clave, promociones o anuncios importantes.
<section></section>
Herramientas de navegación
Facilitan la exploración del sitio, incluyendo barras y menús de navegación que permiten a los usuarios moverse de manera intuitiva entre las secciones.
<aside></aside>
Textos y multimedia
Incluye el contenido esencial, como texto explicativo, imágenes atractivas y multimedia interactiva para mejorar la experiencia del usuario.
<p></p>
<source></source>
Elementos emergentes
Se utilizan estratégicamente para proporcionar información adicional sin abrumar la página principal, incluyendo ventanas emergentes con detalles importantes, notificaciones relevantes o encuestas para obtener retroalimentación.
Modal
<div></div>
Footer
Legales
Es uno de los elementos más importantes que en muchos casos es obligatorio presentar a los visitantes. Sin embargo, no a todas las personas les interesa.
<footer></footer>
<p></p>
Datos de contacto
Suelen aparecer en el pie de la página por los mismos motivos que los avisos legales: para ser localizados fácilmente por el visitante.
<a></a>
<span></span>
<textarea></textarea>
Colaboradores o patrocinadores
Existe información de tu empresa que no se incluye en el menú principal porque no está dirigida a los usuarios comunes, sino que se dirige a otras empresas, proveedores, colaboradores o especialistas.
<a></a>
<span></span>
<img></img>
<a></a>
Menú alterno
En muchos casos las empresas no trabajan solas. Al adjuntar el sello, logotipo o nombre de las organizaciones con las que colaboran con tu marca, das mayor credibilidad a la empresa y generas confianza en el visitante.
<select>
<option>
</option>
</select>