Páginas Web: definición y estructura


pagina web definicion y estructuraLas páginas web por definición son documentos que pueden contener textos, imágenes, vídeos y, en resumen, contenidos digitales y/o aplicaciones que pueden ser visualizados por un usuario web desde un dispositivo remoto a través de un navegador web. Para ejemplificar lo que que son las páginas web, imaginemos que queremos escribir un libro, este supuesto libro debe contener una portada o página inicial, un índice o menú, diferentes capítulos o páginas principales y los datos del autor o la página de contacto. Así que cuando entro en la página principal de un sitio web (conjunto de páginas web), es como si fuera la portada de un libro, desde donde puedo acceder a las páginas principales de sitio web navegando por el menú.

En términos genéricos, una página web se puede estructurar en varias partes:

  • Cabecera (header)
  • Cuerpo (body)
  • Pié de Página (footer)

Estructura Básica de una Página Web

pagina web estructura

Cabecera o Header: la cabecera se encuentra en la parte superior de la página web, generalmente contiene información relativa a la temática del sitio web. Suele contener el Logo, un título o eslogan, información de contacto y el menú para navegar por las páginas principales. Muchos diseñadores también incluyen un buscador.

Cuerpo o Body: en el cuerpo encontraremos el contenido más relevante para esa página en particular. Puede ser de cuerpo entero o con una barra lateral. Las barras laterales generalmente se usan para poner contenido complementario y para mostrar accesos a otras páginas relevantes.

Pié de Página o Footer: en el footer generalmente encontraremos información de contacto, un menú a las páginas más relevantes, links a otras webs y en general contenido complementario referente a la temática del sitio web.

Estructura tipo Web

Estructura tipo Blog

Estructura tipo Weblog

12 thoughts on “Páginas Web: definición y estructura

  1. Pingback: Qué es Google?: El índice de Internet | Curso Web 2.0

  2. Pingback: SEO y SEM Diferencias: Gratis o de Pago | Curso Web 2.0

  3. Pingback: Qué es un Navegador Web o Browser? | Curso Web 2.0

  4. Pingback: Qué es una Wiki? Colaborar en Comunidad | Curso Web 2.0

  5. Pingback: Qué es la Web 2.0? | Curso Web 2.0

  6. Pingback: Qué es un Mapa del Sitio o Sitemap de una web? | Curso Web 2.0

  7. Pingback: Qué es un Widget o Badge web? Ejemplos | Curso Web 2.0

  8. Pingback: ¿Qué es y quién usa WordPress.com? | Curso Web 2.0

  9. Pingback: Qué es un usuario web? Tipos y Funciones | Curso Web 2.0 Online

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s