Antes de empezar a diseñar el sitio web hay que organizarlo y para ello hay que tener claro cuál va a ser el propósito del sitio web, sus contenidos y la audiencia potencial de la que dispondrá. Lo que va a determinar la estructura de la web van a ser en gran medida los contenidos; ellos nos deben indicar cual de los siguientes tres tipos de estructura es el más adecuado:
Estructura de árbol o jerárquica: A partir de una página de bienvenida o portal (raiz) se abren unas secciones (ramas) que a su vez contienen múltiples páginas web (hojas)
Estructura lineal: a partir de una página de bienvenida o portal se suceden las siguientes páginas una tras otra como si se tratara de un libro.
Estructura en red: Las páginas que forman el sitio web se enlazan unas con otras según sus contenidos en una especie de red en la que no se aprecia ningún tipo de jerarquía.
La elección del tipo de estructura va a determinar también el emplazamiento de los archivos y directorios. Esto nos permite organizar la web de una forma lógica facilitando mucho el trabajo del diseñador, pero también es algo que afecta al visitante ya que sólo por la dirección de la página que visita puede hacerse una idea de dónde está.
Para simplificar las cosas es recomendable usar en los nombres de archivo y de carpeta sólo letras minúsculas, sin caracteres especiales y sin espacios en blanco, además de elegir nombres cortos y representativos.
¿Con marcos o sin marcos?
Es otro dilema que afecta a la estructura de la web y que hay que decidir al principio ya que va a tener consecuencias tanto para el diseñador como para el visitante.
Supongamos una web con la siguiente estructura: Un marco superior con el título principal (nombre del centro, localidad, ...), un marco a la izquierda con la barra de navegación y un gran marco principal donde se cargan las páginas que se llaman desde dicha barra. Esta estructura tiene las siguientes ventajas:
El título y la barra de navegación, por muy complejos que sean, se cargan una sola vez y después permanecen en su marco acelerándose mucho la descarga de las demás páginas.
Si hay que modificar un enlace, sólo hay que hacerlo en la página del marco de navegación y no en todas las páginas como si cada una llevara la barra en sí misma.
Las páginas se diseñan de una manera mucho más rápida porque no llevan ni título ni barra de navegación.
Frente a estas ventajas tenemos dos inconvenientes:
La dirección de cada página no se corresponde con lo que se observa en pantalla ya que si tecleamos una dirección concreta (por ejemplo la página del departamento de filosofía), nos aparecerá sin los marcos de título y barra de navegación y el visitante no sabrá dónde ha entrado. Por otro lado, si tecleamos la dirección de la página de marcos, se carga la presentación del sitio web y no la página de filosofía.
Los visitantes que quieran agregar una página a favoritos no podrán hacerlo por la misma razón: o guardan la página aislada o guardan la presentación sin la página.
Si optamos por una página sin marcos, tampoco hay que renunciar a las ventajas antes citadas ya que hay dos posibles soluciones:
La barra de navegación común a todo el sitio web se pone en un javascript (en un archivo adjunto .js) y cada página lo manda cargar al principio, en la sección <head>. Después de la primera carga, ya lo tendremos en caché y no hará falta volverlo a descargar. Desde el punto de vista del diseñador, cuando haya que cambiar un enlace, sólo se cambia en el archivo .js
Dreamweaver tiene la opción de crear plantillas de diseño. Un cambio en la plantilla se actualiza automáticamente en todas la páginas que se han creado a partir de ella.
|
