en un sitio que haga que el navegante se sienta a gusto y pueda encontrar fácil y rápidamente lo que busque. A continuación, se enumeran una serie de etapas que pueden ayudar a conseguir esto:
1 Delimitar el tema.
2 Recolectar información.
3 Agregación y descripción.
4 Estructura de un sitio web y navegabilidad.
5 Estructura y composición de páginas.
6 Ensamble final.
7 Testeo. Compatibilidad con navegadores.
Consejo
Es recomendable no empezar a escribir ninguna línea de código (HTML, CSS, etc.) hasta que se finalicen las primeras etapas de diseño.
3.1. Delimitar el tema
En esta etapa inicial, se define qué es lo que se va a tratar en el sitio web y el contenido que va a añadir (y el que no). Se hace necesario definir los objetivos (tanto primarios como secundarios) que se desean alcanzar con el desarrollo de la página.
En esta fase también es muy importante evaluar correctamente la cantidad de tiempo disponible para elaborar el sitio, que tiene que ser acorde al necesario para desarrollarlo.
Actividades
3. ¿Es recomendable que un sitio web esté dedicado únicamente a un tema muy específico? Razone la respuesta.
3.2. Recolección de información
En esta etapa se obtiene la información que se desea añadir a la página, según las especificaciones de la primera etapa. Una vez recolectada, se hace necesario llevar a cabo un proceso de descarte sobre aquella información que no se considere relevante.
La propia Web es una fuente casi inagotable de información.
3.3. Agregación y descripción
Una vez que se dispone de la información que se alojará en la página, se hace necesario organizarla adecuadamente. En este punto, es muy importante establecer un equilibrio entre la linealidad y la jerarquización.
Recuerde
Además de diseñar gráficamente un sitio web, también es necesario planificar adecuadamente los contenidos de la página, así como estructurar cada uno de los menús, definir la manera en la que el usuario va a interactuar con cada uno de los elementos, etc.
Por un lado, es importante aplicar una clasificación de tipo lineal a aquellos trozos de información que requieren que el usuario que los consulte avance paulatinamente en el conocimiento de algo. Respecto a aquellos fragmentos de información que sean complementarios o que dependan uno de otro, se debería establecer una clasificación de tipo jerárquico, como apartados y subapartados.
Actividades
4. Imagine que trabaja en una empresa de diseño web y le asignan diseñar una página donde se alojará el contenido de un manual de informática. Dicho manual ya existe en formato papel y el trabajo consiste en transformarlo a formato web. Describa brevemente cómo se distribuiría el contenido para que quede organizado adecuadamente.
3.4. Estructura de un sitio web y navegabilidad
Esta fase consiste en definir la manera en la que se enlazan las distintas páginas, según la agregación de contenidos establecida en la etapa anterior.
Se podrían añadir:
1 Ayudas para la navegación.
2 Enlaces que permitan la jerarquización establecida.
3 Hipervínculos entre elementos que pertenezcan a un mismo nivel jerárquico.
Una vez definida la estructura y navegabilidad del sitio web, el desarrollador ya puede empezar a implementarla con los lenguajes de programación correspondientes (HTML, CSS, etc.).
3.5. Estructura y composición de páginas
Para estructurar el contenido de cada uno de los documentos web que va constituir el sitio, es fundamental conocer las tres partes fundamentales en las que se suelen estructurar la inmensa mayoría de ellos. Estas son:
1 Cabecera (header).
2 Cuerpo (body).
3 Pie de página (footer).
La cabecera se encuentra ubicada en la parte superior de la página web y, por lo general, contiene información relacionada con la temática del sitio. Las cabeceras suelen constar de:
1 Logo y título.
2 Barra de navegación para acceder a las secciones principales del sitio.
3 Información de contacto (si no va incluido en el pie).
4 A veces, se incluyen campos de texto que funcionan como buscadores de contenido dentro de la propia página.
Ejemplo de cabecera de una web
En el cuerpo se localiza el contenido más relevante de un documento web. En esta parte, se pueden añadir barras laterales, las cuales suelen usarse para incluir contenido complementario y/o para mostrar links a otras páginas o secciones.
Ejemplo de cuerpo de una web
Por lo general, en el pie de página se puede encontrar información de contacto, menús que direccionan a las secciones más relevantes, links a otras páginas externas y, en general, contenido complementario relacionado con el tema de la página.
Ejemplo de pie de página de una web
