Partes de una Web: Estructura y Contenido

Categorias: Diseño Web

Partes de una web: estructura y contenido

Cuando entras a una web, entras a una web y ya está, pero si te fijas hay partes en una web que contienen una estructura y un contenido.

¿Está todo en ese sitio y en ese orden por algún motivo? Por supuesto que sí, la mayoría de los sitios web mantienen una estructura para que sea más amigable para el usuario y le sea más fácil la navegación.

¿Te has preguntado por qué miras el logotipo en la parte superior de la web y la dirección en la parte inferior? ¡Vamos a verlo!

 

¿Qué es la estructura de una web?

Cuando hablamos de la estructura de una web, nos referimos a la forma en que se organizan y se presentan los diferentes elementos del sitio web.

La estructura de una web puede variar bastante dependiendo del tipo de página web que estés creando, pero existen algunos elementos básicos que se encuentran en la mayoría de las páginas web, los cuales son:

Como puedes ver hemos lo hemos puesto también en inglés y es que en la mayoría de los sitios lo encontrarás así, pero en realidad se trata de lo mismo.

Si te dicen: » Añade esta etiqueta en el header», se refieren a la cabecera o encabezado.

Encabezado o Header

El encabezado es la parte superior de la página web, que generalmente contiene el logotipo y un menú de navegación del sitio web.

El encabezado es una parte fundamental de la estructura de una web, ya que es lo primero que ve un usuario al acceder al sitio y a partir de ahí pueden dirigirse a lo que le interesa o empezar a navegar por los menús.

Además del logotipo y el menú de navegación, que son los elementos más comunes, se pueden añadir otros elementos al header según el tipo de web que se esté creando, por ejemplo:

Estos son solo algunos ejemplos, pero hay muchos más elementos que se pueden añadir al header de una web según las necesidades y preferencias de cada proyecto web.

Lo importante es que el header sea claro, funcional y atractivo y que transmita la identidad y guíe al usuario al acceder a la web.

 

Cuerpo (Body)

El cuerpo o body de la página web es el área principal donde se muestra el contenido de la web.

Aquí es donde se encuentran los textos, imágenes, videos y otros elementos que conforman el contenido del sitio web.

Si se trata de un sitio web de noticias en el cuerpo encontrará las noticias destacadas o separadas por secciones.

Si se trata de una tienda online, es donde el usuario verá el escaparte de la tienda con los productos y si se trata de un portfolio, las muestras que se quieran exponer.

En el cuerpo de la web será donde más trabajemos en la web, cambiando artículos, publicando post o añadiendo productos, así que suele ser la parte más dinámica de la web.

 

El pie de página es la parte inferior de la página web y generalmente contiene información adicional sobre el sitio web, como la información de contacto, los enlaces a las redes sociales y la política de privacidad.

Además de los elementos que hemos mencionado, como el contacto, las redes sociales o la política de privacidad, hay otros que se pueden añadir al pie de página para mejorar la experiencia del usuario y la imagen de la marca.

Estos son algunos ejemplos de elementos que se pueden añadir al pie de página de una web, pero no son los únicos ni los obligatorios.

Lo importante es adaptar el footer a las necesidades y objetivos de cada web, teniendo en cuenta el público al que se dirige y el mensaje que se quiere transmitir.

 

¿Qué es el contenido de una web?

¿Qué es el contenido de una web?

El contenido de una web se refiere a todos los elementos que se utilizan y se quieren añadir en el sitio para que los usuarios pueden verlos o acceder.

Puede incluir texto, imágenes, videos, gráficos y otros elementos multimedia.

El contenido es el rey y una parte fundamental de una web, ya que es el sitio en donde usuarios interactúan con el sitio web y encuentran la información que necesitan.

Como podrás imaginar, el contenido que puedes añadir en una web dependerá mucho de la propia web, cuál sea su objetivo o para qué se ha creado.

Si se trata de un blog estará lleno de posts, con imágenes y mucho texto, pero si se trata de una tienda online, lo que encontraremos son los productos, con sus fotos, explicaciones, etc….

Estos son los elementos más comunes que puedes encontrar en el contenido de una web:

 

Cosas a Tener en Cuenta

Ahora ya sabes qué partes conforman las partes de una web y qué elementos más comunes puedes encontrar en el contenido.

Por supuesto, esto no tiene por qué ser así al 100%, pero si puedes usarlo como referencia o como punto de partida para crear tu proyecto web.

Recuerda que en Hostinet podemos ofrecerte hosting web para que puedas alojar tu proyecto online, ya esté empezando y sólo necesites lo más básico, como si necesitas servidores VPS con un montón de recursos disponibles.

  • SSD 12´99 / mes
  • SSD 54´99 / mes
  • SSD 259´99 / mes
  • SSD 5012´99 / mes
  • SSD 7514´99 / mes
  • SSD 12´99/mes
  • SSD 54´99/mes
  • SSD 259´99/mes
  • SSD 5012´99/mes
  • SSD 7514´99/mes
    • Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.
    • Almacenamiento en disco dura ultra rapido SSD
    • El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.
    • La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.
    • Cada dominio alojado muestra un contenido único y diferente del resto
    • Tras evaluación de nuestro equipo de migraciones y nuevas altas de Hosting
    • Cuentas de correo gestionables a través de POP, IMAP y servicio Webmail
    • Todo lo que necesitas para sacar partido a tu Host
    • Bases de datos MySQL disponibles para su uso en cada alojamiento web
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.
    • Elige la versión de PHP que necesites
    • Certificado SSL autofirmadoCertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUI
    • Migramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a Hostinet
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.
    • Aparcando un dominio secundario en el alojamiento de nuestro dominio principal conseguimos que ambos dominios resuelvan indistintamente con la misma página que tenemos colgada.
    • Cuentas de correo gestionables a través de POP, IMAP y servicio Webmail
    • Tus buzones de correo y mails limpios de virus y con un potente filtro antispam
    • Espacio por cuenta de correoSujeto al espacio en disco del plan de hostingSujeto al espacio en disco del plan de hostingSujeto al espacio en disco del plan de hostingSujeto al espacio en disco del plan de hostingSujeto al espacio en disco del plan de hosting
    • Centro de datos en Madrid (España)
    • Opcion de contratación de IP dedicadaPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUI
    • Certificado SSL autofirmadoCertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUI
    • Opción de contratación de certificados SSL Wildcard. Se requiere Ip dedicada.Puedes contratar tu certificado SSL desde solo 99.95 € al año AQUIPuedes contratar tu certificado SSL desde solo 99.95 € al año AQUIPuedes contratar tu certificado SSL desde solo 99.95 € al año AQUIPuedes contratar tu certificado SSL desde solo 99.95 € al año AQUIPuedes contratar tu certificado SSL desde solo 99.95 € al año AQUIPuedes contratar tu certificado SSL desde solo 99.95 € al año AQUI
    • Opción de contratación de certificados SSL Extended Validation (EV). Se requiere Ip dedicada.Puedes contratar tu certificado SSL desde solo 195.00 € al año AQUIPuedes contratar tu certificado SSL desde solo 195.00 € al año AQUIPuedes contratar tu certificado SSL desde solo 195.00 € al año AQUIPuedes contratar tu certificado SSL desde solo 195.00 € al año AQUIPuedes contratar tu certificado SSL desde solo 195.00 € al año AQUIPuedes contratar tu certificado SSL desde solo 195.00 € al año AQUI
    • Opción de contratación de certificados SSL Organization Validation (OV). Se requiere Ip dedicada.Puedes contratar tu certificado SSL desde solo 525.00 € al año AQUIPuedes contratar tu certificado SSL desde solo 525.00 € al año AQUIPuedes contratar tu certificado SSL desde solo 525.00 € al año AQUIPuedes contratar tu certificado SSL desde solo 525.00 € al año AQUIPuedes contratar tu certificado SSL desde solo 525.00 € al año AQUIPuedes contratar tu certificado SSL desde solo 525.00 € al año AQUI
    • Con nuestra herramienta WebFácil construye tu página web en solo 5 pasos.
    • Con la herramienta de instalación Softaculous tan solo deberás elegir la aplicación deseada y con tan solo un par de clicks y de forma totalmente automatizada tendrás tus herramientas favoritas instaladas en tu Host.
    • Bases de datos MySQL disponibles para su uso en cada alojamiento web
    • Supeditado al espacio total del alojamientoSupeditado al espacio total del alojamientoSupeditado al espacio total del alojamientoSupeditado al espacio total del alojamientoSupeditado al espacio total del alojamientoSupeditado al espacio total del alojamiento
    • ¿Quieres realizar desarrollos con Python? En Hostinet innovamos dia a dia en tu beneficio y por ello te presentamos como última novedad en todos nuestros servidores Web la posibilidad de desplegar tus aplicaciones con Python directamente desde el cPanel de tu Hosting.
    • ¿Quieres desarrollar tus aplicaciones con Ruby? En Hostinet te presentamos como última novedad en todos nuestros servicios de Hosting Web la posibilidad de desplegar tus aplicaciones con Ruby on Rails directamente desde el panel de control cPanel.
    • El fichero .htaccess permite modificar diferentes variables en la configuración de nuestra cuenta de alojamiento en el servidor.
    • El módulo mod_rewrite permite crear direcciones URL alternativas a las dinámicas generadas por la programación de nuestros sitio web (blog, foro, portal…), de tal modo que sean más legibles y fáciles de recordar
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web. Soporte en español por personal de Hostinet.
    • Completa recopilación de tutoriales sobre Hosting y Dominios
    • 30 dias para probar tu servicio de Hosting y si no te convence el servicio... te devolvemos el dinero!!
    • Copia diaria incremental realizada por HostinetCopia diaria incremental realizada por HostinetCopia diaria incremental realizada por HostinetCopia diaria incremental realizada por HostinetCopia diaria incremental realizada por Hostinet
    • Podrás hacer tus copias de seguridad desde tu panel de alojamiento webPodrás hacer tus copias de seguridad desde tu panel de alojamiento webPodrás hacer tus copias de seguridad desde tu panel de alojamiento webPodrás hacer tus copias de seguridad desde tu panel de alojamiento webPodrás hacer tus copias de seguridad desde tu panel de alojamiento webPodrás hacer tus copias de seguridad desde tu panel de alojamiento web
    • Precios para nuevas altas. Contratación anual.Precios para nuevas contrataciones. Contratación anual.Precios para nuevas contrataciones. Contratación anual.Precios para nuevas contrataciones. Contratación anual.Precios para nuevas contrataciones. Contratación anual.Precios para nuevas contrataciones. Contratación anual.Precios para nuevas contrataciones. Contratación anual.