Antes de lanzarnos a editar una página
web debemos dedicar un tiempo a planificar nuestro
trabajo para asegurarnos de qué vamos a incluir en la web, de dónde
lo vamos a obtener y qué aspecto externo le vamos a dar. Un minucioso
trabajo de planificación reducirá los errores que se producen cuando nos
ponemos a editar una página. Si queremos evitar borrar
y repetir las cosas una y otra vez, convendrá que sigamos los siguientes
pasos:
-
Definir la
audiencia destino. Al crear una web
desearemos que comunique adecuadamente el mensaje y contenidos que quiere
transmitir: publicar los resultados de una investigación, describir una
situación o la inclusión de contenidos diversos. En función de la audiencia destino el diseño de la web será
diferente, por ejemplo si queremos publicar un artículo los
visitantes visitarán la página para leerlo por lo que todo elemento que
adorne excesivamente la página y ralentice su carga será negativo para
nosotros
 |
En una web docente la audiencia destino
serán alumnos y profesores de una asignatura, curso o tipo de estudios.
El material incluido en la web debe ir dirigido a dicha audiencia para
un mejor aprovechamiento. |
-
Establecer
objetivos. Debemos pensar cuáles
son los objetivos de nuestro sitio web: ¿divulgar información? ¿promocionar
una asociación? ¿comercio electrónico? ¿educar? ¿entretenimiento?.
Debemos definir los principales objetivos que
queremos alcanzar que junto con la audiencia destino nos permitirán definir
los contenidos que debemos incluir en el sitio web.
 |
Los objetivos en una web docente pueden ser muy diversos y
dependen de si lo que queremos es una web para educación a distancia o
una web que sirva de apoyo y complemente a la educación
presencial. En el caso de la educación a distancia (teleformación) los
objetivos serán que el alumno supere el curso o asignatura a través de
los contenidos y procedimientos que se establecen en la web. En
estos casos será fundamental el apoyo de una guía de estudio y la
elaboración de materiales didácticos de calidad.
En el caso de que la web docente nos sirva
de apoyo para la clase habitual,
incluiremos contenidos que complementen y amplíen lo visto en clase, con
ejercicios, pruebas de auto-evaluación, tutoría on-line y con
referencias a webs de donde extraer la información para realizar
cualquier actividad relacionada conl a asignatura.
|
-
Organización. Una vez
definidos los objetivos debemos recopilar todo el
material gráfico y escrito que incluiremos en la web. Seguramente
más adelante nos encontraremos que es necesario crear nuevos contenidos,
pero si estamos organizados bastará simplemente con incluirlos donde
corresponda. Una vez definidos claramente los objetivos y disponemos
el material necesario es hora de organizarlo. Cuánto más grande sea el sitio
web, más necesitaremos.
 |
En una web docente incluiremos materiales escritos
(apuntes, exámenes, documentación,...) que debemos recopilar para
organizarlos. Es conveniente que el material adopte un
formato lo más parecido para que se identifique con la web. Igualmente,
debemos decidir si el material será visible on-line o habrá que
descargarlo previamente (se usan normalmente los formatos zip y
pdf) |
-
Crear la estructura de
directorios. Una vez que
hemos organizado nuestras ideas y recopilado el material necesario para la
web, es el momento de organizar los contenidos en un sistema de archivos y
directorios de forma ordenada. A este proceso se le llama mapeado del
sitio web. Este trabajo es una parte esencial
en la planificación del sitio web, ya que nos ayudará a especificar las
trayectorias correctas de los enlaces, imágenes y documentos que vayamos a
incluir en la web.
Para ayudarnos a visualizar la estructura de directorios, es recomendable dibujar una especie de organigrama en
el que vayamos colocando los directorios en función de su importancia desde
un nivel superior a otros inferiores.
|
En una web docente se suelen emplear directorios como
programación de la asignatura, ejercicios, exámenes, material de
consulta, etc.
El esquema sería algo parecido a
esto |
|
|
-
Crear un
guión. Es el momento de hacer un boceto de la página principal y de cada página
que esté enlazada a ésta, incluyendo todos los elementos que creamos
necesarios (texto, imágenes, botones, hipervínculos,...) sin preocuparnos demasiado por los ajustes, es
simplemente un boceto. Es importante recordar que los visitantes de
una web no lo van a leer completamente sino que lo que desean es encontrar
rápidamente lo que les interesa, por lo que habrá que establecer una
estructura adecuada de enlaces entre las páginas. El movimiento de un lado a otro del web debe ser lo más
intuitivo posible para facilitar el trabajo del visitante.
Un sitio web en el que sea difícil encontrar aquello que buscamos será
abandonado rápidamente.
| Para comprobar qué es lo adecuado, lo más
fácil que podemos hacer es echar una mirada a lo que no lo
es. |
| Mira el rato que aguantes la Peor Página en la World Wide
Web por Clay Shirky en http://www.panix.com/~clays/biff |
-
Desarrollo
del aspecto externo. El siguiente paso será la
representación visual del sitio web. Es
esencial la combinación de color, gráficos, tipos y texto que nos ayuden a
expresar lo que queremos comunicar con estilo e impacto. Los
editores de páginas web incluyen recursos que ayudarán a los no
especialistas en diseño a conseguir una estética
adecuada.
¿Qué debemos tener
en cuenta al desarrollar la apariencia de un sitio web?
 |
Espacio y
equilibrio. Cantidad de espacio
que los elementos de la página ocupan, así como la cantidad de espacio
vacío y cómo equilibrar todo esto. Normalmente a los
diseñadores les gusta ver abundante espacio en blanco entre los
elementos, lo cual facilita la legibilidad y no agobia la
vista. |
|
Color. Dependiendo del tipo de web
incluiremos colores brillantes o suaves. En el caso de una web
docente, es preferible colores suaves que faciliten la navegación y
lectura de la documentación |
|
Tipo de
letra. Añade personalidad
al sitio web. Es preferible no incluir muchos tipos de letra en
una página web |
|
Formas. En casi todas
las páginas webs se emplean rectángulos para colocar las cabeceras de
página, titulares,... Pero podemos emplear cualquier otra forma
geométrica que nos ayudarán a crear un sitio con
personalidad |
|
Textura o gráficos de fondo. Hay que
asegurarse de que el texto sea claro y fácil de leer |
|
Consistencia. Emplear por todas las
partes un mismo esquema de colores que facilite la
navegación |