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
Estructura
Cabecera o header
La cabecera es la parte superior de la página web. Aquí suele incluirse la información básica de la empresa o marca y es consistente en todo el sitio, es decir, se repite en cada página de la web por la que navegas.
Elementos que se incluyen en el header
Logo de la empresa
El menú de navegación
Un cuadro de búsqueda
Una pequeña descripción de la web
Cuerpo o body
Esta es la parte de la web que alberga el contenido principal de tu página. Esta parte sí es diferente en cada página de tu sitio. No será el mismo contenido el que incluyes en tu página de contacto que en la página principal.
Pie de página
El pie de página o footer es la parte inferior de una página web. Al igual que la cabecera, se repite y es consistente en cada página.
En el footer podemos encontrar los siguientes elementos:
Menú simplificado
Información de contacto
Botones de redes sociales
Logo de la empresa
Enlace a la política de privacidad
Elementos
Texto
El texto es el elemento más significativo de cualquier sitio Web porque los usuarios navegan por la Web fundamentalmente en busca de información expresada en hipertexto.
Imagenes
Las imágenes constituyen un elemento esencial para ofrecer información visual del contenido y mostrar un diseño atractivo y personal.
Nombre de dominio
Todos los sitios web tienen una dirección única que se compone de números y conecta con el servidor que guarda los datos del sitio web; esta dirección se llama IP (Internet Protocol) y tiene diferentes composiciones, sus números son algo parecido a: “10.255.255.255“.
Uno de los principales objetivos del dominio es facilitar la memorización de la dirección de una computadora o un sitio web. Esto porque, si no fuera así, tendríamos que memorizar una gran secuencia de números para poder navegar en internet.
Hipervínculos
Un hipervínculo, es una conexión directa entre dos espacios virtuales en el mundo digital. Es la forma más rápida que existe en internet de llegar de un punto a otro.
Esta conexión es creada a través de tags, que les asignan a dos elementos atributos unidireccionales:
punto de origen o ancla: es el punto de partida, en los textos generalmente están en azul y subrayados;
punto de destino: es aquel que etiquetamos como llegada, El lugar al que queremos dirigir al navegante.
La conexión inmediata del hipervínculo, es lo que hace que su uso sea tan frecuente.
Espacio web
El espacio web es el espacio de almacenamiento que un proveedor (provider) de dominios y packs de alojamiento (hosting) pone a disposición de sus clientes.
Este espacio de almacenamiento se configura en los servidores del centro de cómputos del proveedor en cuestión. Los clientes tienen acceso a este espacio de almacenamiento tras iniciar sesión y pueden depositar allí los programas y datos que se necesitan para el funcionamiento de los blogs, páginas web, tiendas en línea, etc.
Banner
Un banner es una pieza de publicidad digital que combina imágenes, texto y en ocasiones sonido y elementos interactivos, que se introduce en páginas web para dar visibilidad a una marca, empresa o campaña. Normalmente, el objetivo de un banner es que el usuario haga clic en él para dirigirlo a una página promocional.
Sonidos
Un elemento cada vez más importante. La comercialización de nuevos dispositivos digitales móviles como el iPhone ha potencializado este elemento.
Además de incorporar sonido en la página Web puede descargar de ellas archivos de audio para sus dispositivos móviles.
El formato MP3 es el más conocido y más usado por su calidad y nivel de compresión.
Video
Mientras Internet es cada vez más asequible, confiable y veloz, los programas de edición de video se hacen más cercanos a los usuarios.
Ahora es más fácil realizar un video desde una cámara digital o un teléfono móvil con cámara incorporada y que termine subiendo a la Web para ponerlo al alcance de todos.
Marcos o frames
son una especie de recuadro independiente en el que puede cargar una página Web.
De esta forma es posible dividir una página Web en diferentes partes o ventanas, cada una con sus propios bordes y barras de desplazamiento, cargando dentro de cada una de ellas una página web externa independiente.
Formulario
Zona para introducir datos o comentarios. Una plantilla o página con espacios vacíos para llenarse con alguna finalidad.
También se utiliza para referirse al conjunto de campos solicitados por un determinado programa, los cuales se almacenan para su manipulación y uso posterior.
Partes de una página web en función de su contenido
Inicio o Home
Aquí se incluye la información más relevante de tu empresa, ya que es en la que tienes que proyectar tu marca y mostrar a tus visitas a qué te dedicas
Contacto
El teléfono, la dirección y los horarios son tres elementos básicos que deben estar sí o sí en todas las páginas de contacto y, como no, también en la cabecera y en el footer. Además:
Formulario de contacto
Da a tus clientes la posibilidad de contactar contigo las 24 horas del día y esto transmite muy buena imagen.
Dirección de correo profesional
Productos y servicios
Información más detallada de los productos que vendes o los servicios que ofreces la incluyas en una página específica.
Blog
Si hay una parte fundamental en cualquier tipo de página web, esa es la sección del blog.
Política de privacidad
Generalmente se ubica en el pie de página o footer, así como en los avisos de cookies o cuando incluyes algún formulario de registro o suscripción.
