ETAPA 1. PLANIFICACION

Antes de crear la Web es interesante realizar una cierta planificación previa. Se trata de pensar y decidir por anticipado una serie de cuestiones fundamentales:

1. Para qué es la Web. Qué personas serán los visitantes de la Web.
2. Qué quiero comunicar. Qué contenidos colocaré en la Web.
3. Qué estructura o partes tendrá la página. Cómo organizo el contenido de la Web.
4. La estética. Qué colores, tipo de letra, tipo de imágenes... . Las mejores Web mantienen una misma estética o identidad visual en todas las páginas del sitio. Cómo coloco el contenido, qué colores e imágenes.

1. Para qué es la Web. Lo primero es pensar en los visitantes. Ver la Web desde la perspectiva de un visitante medio o mejor desde el punto de vista de los visitantes más novatos.

1. Una cuestión fundamental es la usabilidad. Es decir que la página sea fácil de utilizar por el usuario. Algunos aspectos fundamentales de la usabilidad son:
   1. Que la página aparezca en poco tiempo. Por tanto las páginas no tienen que ser muy pesadas. Hay que mantener las páginas con pocos Kilobites incluyendo las imágenes y otros elementos.
   2. Fácil de leer. Lo normal es que intentemos que la página sea fácil de leer. Por lo tanto, hay que seleccionar un tipo de letra y sobre todo un color del fondo de la página que facilite la lectura. Debemos evitar, salvo imperativo estético las páginas con fondos negros o de colores brillantes que dificultan la lectura.
   3. Explicar desde el principio que podemos encontrar en una Web. Colocar en la portada explicaciones sencillas de los contenidos de la Web. Explicar lo que podemos encontrar en la Web y clasificar los contenidos de forma clara. Y explicar, la gente sabe leer pero no es adivina (por lo menos no todos).
   4. Estructura clara de la información. Ordenar la información en diferentes secciones y construir una estructura interna de navegación sencilla. Una buena costumbre es colocar enlaces a la portada o página principal y a las diferentes secciones desde las diferentes páginas. Por ejemplo en la parte superior de esta página se encuentra el enlace a la portada "Inicio" y al temario del curso.
   5. Enlaces significativos. Definimos de manera clara cada enlace, proporcionando información sobre lo que nos encontraremos al pulsar el enlace. Por ejemplo es mejor que que el enlace se denomine "Curso de Dreamweaver" que "Curso 1". Y mejor si se llama "Curso de Creación de paginas Web con Dreamweaver" por si el visitante no conoce el programa Dreamweaver.
   6. Que la página se pueda ver con los distintos navegadores y los distintos tipos de acceso a Internet. Por lo menos diseñar la página para que se vea sin problemas con los navegadores más utilizados. Un error frecuente es el de los programadores que emplean un navegador muy avanzado o poco conocido y construyen una página que ellos ven bien pero muchos mortales no pueden ver..
2. Qué contenidos. Para ser ordenados y productivos suele ser importante planificar los contenidos que colocaremos en la Web. Necesitaremos ciertos textos e imágenes para construir la página. Hay que tener en cuenta que las fotografías y contenidos suelen tener derechos de autor. Existen páginas donde podemos obtener imágenes de forma gratuita.
3. Qué estructura tendrá la Web. Tenemos que decidir:
   1. La estructura de las páginas. Decidir cómo colocaremos el contenido, cómo lo repartimos entre las distintas partes de la página. Normalmente las páginas se estructuran en una serie de filas y columnas. Por ejemplo la siguiente portada de eresmas.com muestra una cabecera o parte superior donde va el anuncio (que pone haz clic aqui en este momento) la marca eresMas, la fecha y la entrada para usuarios. El cuerpo de la portada está dividido en tres columna dos estrechas a los lados y una central mucho más ancha. La columna de la izquierda está encabezada por la palabra consulta.
   2. Las secciones principales de la Web. Cómo ordenar las páginas de nuestro sitio en diferentes secciones.
   3. El esquema de navegación. Los enlaces que pondremos entre las páginas del sitio y el sistema de enlaces, botones o barra de navegación que usamos. Por ejemplo AulaFacil emplea unas flechas al final de la página que pulsandola conducen a la siguiente lección, así como enlaces a otras páginas.
4. La estética. Una buena práctica cuando vamos a construir una página es visitar las más importantes del mismo tema. Si observamos las mejores páginas veremos que siguen unos ciertos patrones estéticos. Las mejores páginas suelen utilizar pocos colores distintos y los combinan de manera armoniosa. Tenemos que decidir los colores distintivos de nuestra Web. Al comenzar un error típico es emplear un número excesivo de colores y una combinación inadecuada. Por ejemplo en la portada de eresmas.com, tal como se muestra en la imagen superior, se utilizan básicamente dos colores, un naranja y un tono celeste. Y decidimos el tipo de letra y el tamaño. Por ejemplo muchos portales emplean tipos de letra pequeños y ciertos tipos de letra como verdana.

Lección anterior

Próxima clase