En esta etapa ya se puede comenzar a estructurar en un plano todos los aspectos que serán parte del sitio. Es decir un
esbozo con el "MAPA" o estructura inicial.
El MAPA DE UN SITIO WEB se trata de un gráfico con cada una de las "secciones" del sitio y sus respectivos
contenidos, en donde, se parte de la raíz (la home-page) para continuar con todas las ramas con que cuenta.
A este plano se le suele llamar "estructura o mapa de navegación", y es una de las primeras y más importantes tareas
del diseño del sitio web!!!, Es como el guión de una película.
/1 TIPOS DE ESTRUCTURAS WEB
1.A JERÁRQUICA
La estructura jerárquica, es la típica estructura de árbol, en el que se parte de la raíz, home page o página de inicio,
en donde se establecen las diferentes secciones que contendrá el sitio.
El ingreso a una sección conduce a una lista de subtemas que pueden o no dividirse.
Este tipo de organización permite al lector conocer en qué lugar de la estructura se encuentra, e ir descendiendo a
mayor contenido jerárquico de información.
1.B LINEAL
Esta estructura es la más simple de todas, el modo de recorrerla es típica de lectura de libro, es decir una
secuencialidad que va de un principio a un fin, siguiendo el recorrido de página en página. La estructura línea es
muy útil cuando quieran brindarle al usuario un camino fijo y en el cual ustedes son los guías. De este modo se
impide que la lectura se vaya hacia otras páginas o sitios. Este tipo de estructura es válida para cursos de aprendizaje
(como éste) o tours de visita guiada.
Este tipo de estructura es una mezcla de las dos anteriores.
Los temas y subtemas están organizados de una forma jerárquica, pero uno puede leer todo el contenido de una
forma lineal si se desea.Esto permite organizar el contenido de forma jerárquica, pero al mismo tiempo se puede acceder a la información de
manera lineal como si se leyera un libro con sus distintos capítulos.
1.D RED
La estructura de red es una organización en la que en apariencia no hay ningún orden establecido. Las páginas esta
interconectadas unas a con otras sin jerarquía y sin seguir una linealidad.
Es un tipo de organización que permite mayor versatilidad al momento de la construcción, pero es más peligrosa en
tanto si no está bien detallada la señalización que informe al lector dónde se encuentra, se puede perder o no
encontrar lo que busca.
Tengan en cuenta siempre al momento de construir el mapa, la idea de que la información
relevante, central, importante de un sitio, no debe estar a más de dos links, del usuario.
Es decir, que el navegante pulsando dos veces el botón del mouse, debería encontrar lo que
busca.
/2 MAPA DEL SITIO
Seguramente ese mapa, que hoy se ve en una página web en Internet, habrá sido planificado de modo incipiente, en
el principio del proyecto, y con esa estructura definida, fueron construyéndose las páginas.
/3 ESTRUCTURA DEL DIRECTORIO LOCAL (sitio local)
Cuál es el modo más conveniente de organizar las carpetas, subcarpetas y archivos de un sitio web en el directorio
local de sus computadoras. (En el "módulo diseño" lo llamarán SITIO LOCAL) Ésta es una tarea primordial en el
desarrollo y mantenimiento posterior del sitio.
Tengan en cuenta que un sitio web es un conjunto de documentos vinculados a través de links (como vimos en el
mapa), por lo que organizar esos documentos en el sistema local (nuestra PC) desde el principio, es fundamental al
momento de desarrollar y editar (o comenzar a diseñar) el sitio.Si los documentos elaborados (la página de inicio y los otros archivos con los contenidos) no corresponden a una
determinación jerárquica, puede que acumulen una cantidad enorme de archivos en una misma carpeta, que luego
dificultará la administración del mismo.
Es conveniente crear una carpeta en la PC destinada exclusivamente a alojar todos los componentes de la estructura
del sitio web (carpetas, sub-carpetas, archivos.htm, imágenes, etc.), y a partir de allí ir creando y editando todas las
páginas finales del sitio.
Decíamos que la estructura jerárquica puede ser:
A) Home page
B) Categorías (directorios de contenidos)
C) Elementos (imágenes, sonidos, películas, etc.)
A partir de este ejemplo, podemos puntualizar a modo de sugerencia en la organización de la estructura web que...
1-
Dentro de la carpeta base (o raíz del sitio en el sistema local), se ubicará la HOME-PAGE y se podrán construir
carpetas y sub-carpetas con las respectivas categorías que tendrá el sitio. Así, podrán organizar los archivos que
correspondan a distintas categorías o jeraquías (por ejemplo, eln el sitio del video-club, en la carpeta "estrenos"
podrán poner todos los archivos de cada uno de los estrenos).
2-
Pueden construir una carpeta para "imágenes" en donde pondrán todo lo referido a las imágenes del sitio (elementos
como: fotos, gráficos,etc.), cosa que les resulte más fácil localizar en el momento de insertarlas en una página.
Pueden también construir una que diga "botones" para todos los botones que serán parte del sitio, etc.
3-
Recuerden que los nombres de las carpetas, subcarpetas y archivos para la web, deben estar escritos en minúsculas,
sin separar palabras, sin usar acentos, y sin otros carácteres especiales. Estas especificaciones corresponden a lo que
se denomina "usar nombres multiplataformas". Y ésto significar, que sus nombres sean reconocidos por los
diferentes sistemas operativos que pueden tener los servidores: Windows, Linux, Unix, etc. En el caso de nombrar a
un archivo -sea de texto, imagen, sonido, etc.- o carpeta o sub-carpeta, es decir, cualquier elemento componente del
sitio web, de modo "incorrecto" = "sin nombres multiplataformas", seguramente (pero seguramente!) no funcionarán
los links y/o no se cargarán las imágenes en la pantalla del navegador.En la siguiente imagen, podemos ver un gráfico con la estructura de carpetas, subcarpetas y archivos de un sitio web
en desarrollo, visto desde el sistema local (nuestro PC)
No hay comentarios:
Publicar un comentario