1.1. Estructura de un sitio web

Una página web no tiene sentido por sí sola. Cuando en lenguaje coloquial nos referimos a la página web de una empresa o de una institución estamos hablando de un conjunto de páginas llamado sitio web.
Icono IDevice Actividad
Las páginas que componen una estructura común, es decir, comparten un diseño y un mismo dominio, forman un sitio web (website en inglés).

 

La portada o página de entrada se denomina página principal y se suele llamar index o inicio. A partir de esta página, el resto suele compartir el mismo diseño.

El primer paso será decidir la estructura del sitio web:
Estructura jerárquica o de árbol.- a partir de una página principal o raíz se entra en el resto, que dependen de ésta. Se establecen niveles y subniveles para enlazar las páginas. árbol
Estructura lineal.- a partir de una página de presentación, el resto se suceden una tras otra como un libro.
lineal
Estructura en red.- las páginas que componen el sitio web se enlazan unas con otras formando una red, sin una jerarquía aparente. red

 

Img 7, 8 y 9. web-arbol, web-lineal, web-red.

Imágenes de producción propia
Icono de iDevice AV - Actividad de Espacios en Blanco
¿Qué tipo de estructura elegirías para diseñar un sitio web en cada uno de estos casos?
  • Presentación de una empresa :
  • Enciclopedia virtual:
  • Portal de educación a distancia:
  

Una segunda decisión, ya dentro del diseño interno de cada página, será el uso de plantillas para situar al usuario y facilitar la navegación. Estas plantillas se denominan marcos.

 

Icono IDevice Actividad

Los marcos o frames son una composición visual que divide la pantalla en zonas independientes. Una página web realizada con marcos está compuesta por páginas web sencillas cuya información se repite en el resto de páginas del sitio web en forma de plantilla. Por tanto, un cambio en un marco supone la actualización automática del resto del sitio web.


El uso de marcos cuando el diseño se realiza con un lenguaje HTML puede resultar más complejo en cuanto a la sintaxis. Sin embargo, cuando el diseño se realiza con una herramienta el uso de marcos facilita el trabajo sustancialmente.

 

Ambas formas de trabajo serán tratadas en el siguiente apartado.

Icono de iDevice AV - Reflexión

Observa las páginas que sueles visitar habitualmente y, especialmente la que aparece a continuación. Piensa que información contiene cada sección o marco.

pantalla epa
Img 10. Pantalla de acceso a la EPA de Castilla-La Mancha
« Anterior | Siguiente »