PREPARATIVOS PARA CREAR UNA PGINA WEB

Realizado por Ing. Danny Colmenares

@dbcolmenaresp

El diseo de una pgina web requiere de la preparacin y consideracin de una

serie de elementos para la consecucin de una web fcil de navegar y que contenga todo
lo que necesitan los visitantes.

Desde el punto de vista tcnico, una pgina web es un archivo escrito en lenguaje
de enmarcado HTML, guardado en un servidor web al cual tenemos acceso a travs de
Internet. El visitante realiza una solicitud al servidor web con el uso de un cliente web
conocido popularmente como navegador web (Firefox, Chrome, etc.), el navegador enva
dicha solicitud al servidor web con el uso del protocolo HTTP, a los que el servidor web
responde enviando el contenido del archivo HTML solicitado, el cual es interpretado y
traducido por el navegador y muestra el diseo web que conforma la pagina para su
visualizacin por parte del visitante.

La finalidad de un buen diseo de pagina web es obtener una pgina fcil e

intuitiva de navegar, que todos los elementos se encuentren fcilmente dentro del diseo
y que estn todos los elementos necesarios y requeridos por los visitantes.

DEFINICION DEL TEMA

Uno de los elementos de vital importancia al momento de disear nuestra pgina

web es el tema que se va a tratar en la pagina, el tipo de visitante que se espera est
interesado en nuestra pgina y el entorno en el cual se desenvuelve nuestra pgina. Para
realizar este anlisis de manera adecuada, debemos contestar las siguientes preguntas:

Cul es el tema principal que queremos tratar en nuestra pgina web?

El tema debe determinar y orientar de manera clara el contenido que va a estar

disponible en nuestra pgina web, delimitando de esta manera los aspectos tratados.

Cul es el objetivo que se persigue con el diseo de nuestra pgina web?

El objetivo que se quiere conseguir con la construccin de nuestra pgina web

delimita el alcance y la profundidad del contenido que se agregue y el entorno en el que
se va a brindar la informacin contenida en la pgina web. El contenido de una pgina
web puede estar constituido por conceptos bsicos del tema tratado, si la intencin es
indicar alguna referencia bsica y conceptualizar de manera general, o se puede tratar el
tema de manera detallada, con el apoyo de elementos multimedia como pueden ser
audios, videos e imgenes para apoyar el tema y referencias a otros sitios que traten de
manera ms profunda los temas tratados. En cuanto al entorno en el que se desenvuelve
nuestra pgina web, puede ser este para la divulgacin de informacin al pblico general,
compartir informacin tcnica detallada de un tema especfico o presentar el contenido de
algn objetivo en un entorno educativo determinado.

Cul es el tipo de visitantes que esperamos en nuestra pgina web?

El tipo de visitantes que esperamos en nuestra pgina web nos indica el tipo de
lenguaje que se va a utilizar en la pgina web, si est dirigida al pblico en general, se
debe utilizar un lenguaje claro y fcil de entender, si se espera la visita de personas con
un alto nivel tcnico y con estudios universitarios o en entornos educativos, se debe
utilizar un lenguaje ms acorde con este tipo de pblico.

Es de inters el tema seleccionado al tipo de visitantes esperado?

El nivel de inters de los visitantes en el contenido y el tema tratado en nuestra

pgina web se determina por la relevancia que dicho contenido tiene para los objetivos y
la finalidad con la que el visitante ingres inicialmente a la pgina y la utilidad que el
visitante encuentre de este contenido.

Debe nuestra pgina web seguir algunas normas de diseo para su construccin o es de
libre construccin?

En caso de estar nuestra pgina web inmersa en un entorno educativo, es

necesario tomar en consideracin ciertas normas para identificar de manera adecuada la
institucin en la cual se enmarca.

DISEO DEL GUION

Un guion es un documento que permite determinar de manera previa y bsica la

estructura del contenido, el orden de navegacin y los aspectos visuales que se van a
usar en nuestra pgina web, con el fin de dotarla de orden y unin en el contenido. Esta
estructura preliminar es importante debido a la estructura no lineal que caracteriza a las
pginas web.

La utilidad de los guiones en el diseo de una pgina web radica en que una vez
definidos, podemos empezar a trabajar sobre el contenido y el diseo grafico de la misma
siguiendo una ruta definida que nos permite enfocarnos en los aspectos de la pagina sin
distraernos en cuestiones de la estructura y coherencia de los contenidos que vamos
agregando.

EL GUION LITERARIO

Una historia lineal en su forma ms bsica se compone de un inicio, un nodo o

serie de nodos o trama y un final.
 Inicio Nodo Final

En el caso de las pginas web, dada su estructura no lineal, puede tener un inicio,
varios caminos o tramas que se pueden seguir y varios finales dependiendo del camino
seguido.

Inicio Nodo Final

Nodo Final

Nodo Final

METAFORA

Esta estructura de pginas web quiere romper con la monotona presentando el

contenido de una manera que sea familiar a los visitantes, bien sea una secuencia
determinada, una disposicin especifica de los grficos u otro elemento similar que
presente el contenido de una manera diferente y atractiva.

GUION DE DESGLOSE

En este se descompone el guion literario en mdulos independientes para realizar

su anlisis y relevancia en su uso.

GUION INTERACTIVO

Este guion consiste en representar la estructura de nuestra pgina web como un

rbol de navegacin, el cual arranca de la raz o la pgina de inicio y desde all se
representa las posibles ramificaciones que se pueden seguir de acuerdo con el camino
seguido en los enlaces que se van agregando para presentar el contenido de manera
enlazada.
 Nodo7

Nodo6 Nodo5
Nodo3

Nodo4 Nodo1

Nodo2
Inicio

GUION TECNICO

Una vez determinada la estructura que tendr nuestra pgina web (definimos que
vamos a hacer), es el momento de determinar que herramientas vamos a usar para
plasmar nuestro diseo de manera adecuada y con los elementos considerados durante
el anlisis inicial (determinar cmo se va a realizar la tarea).

Existen diferentes elementos a tomar en cuenta al momento de determinar la

manera cmo vamos a implementar nuestro proyecto, una de las cuales es determinar si
vamos a realizar una serie de publicaciones peridicas y sucesivas que pueden ser
realizadas a travs de un blog, o necesitamos realizar la publicacin de una serie de
materiales y grficos a travs de un manejador de contenidos, si vamos a realizar un
curso educativo podemos utilizar herramientas adecuadas para ello, todo dependiendo del
anlisis inicial que se haga de los objetivos del proyecto.

Esta otra alternativa ms flexible pero mucho ms complicada tcnicamente, la

cual consiste en realizar el montaje de un servidor web y la configuracin del mismo para
que se adapte a nuestras especificaciones y requerimientos de la pgina que estamos
realizando.
REFERENCIAS

Fernndez-Coca, A. Los preliminares necesarios para crear nuestra web. Revista NET
Magazine, ao IV numero 38 pagina 44.