Desde los inicios de la World Wide Web, tanto el diseo de las pginas

como de la propia estructura de los hiperdocumentos, ha variado

enormemente. Si al principio, los hipertextos en la Web se limitaban a
plasmar, sobre este nuevo medio, un texto impreso segmentndolo en
pequeos bloques y colocando aqu y all algunos enlaces, en la
actualidad, las pginas web se han convertido en verdaderas obras de
diseo grfico, multimedia e ingeniera informtica. Integracin de bases
de datos, servicios online, inclusin de sofisticadas herramientas de
bsqueda y recuperacin de
informacin, dinamismo, usabilidad e interactividad, stas son las claves
de las pginas web actuales. Ya no importa slo el contenido presentado,
sino su diseo y, sobre todo, su funcionalidad.

En 1997, David Siegel en Tcnicas avanzadas para el diseo de pginas

web distingua 3 generaciones en el desarrollo de las interfaces de la
WWW:
Webs de primera generacin:
o estructura lineal
o eventual insercin de fotografas y lneas de separacin
o baja definicin (proyectados para terminales ASCII en blanco y negro)
Webs de segunda generacin:
o iconos en vez de palabras subrayadas con azul
o men de opciones
o fondos coloreados o con imgenes
o bordes azules alrededor de las figuras interactivas
Webs de tercera generacin:
o hegemona del diseo sobre la tecnologa
o utilizacin de metforas
o uso de un layout tipogrfico y visual para la descripcin de una pgina
bidimensional
o estructura entrada -rea central- salida

Sin embargo, hoy podemos hablar de una cuarta generacin de webs en

las que prima tanto el diseo grfico como la tecnologa.
Los webmasters ya no son slo diseadores grficos, sino expertos
informticos que han de conocer los nuevos lenguajes, dominar las
nuevas herramientas de programacin, conectividad a base de datos,
seguridad, etc. El hipertexto ya no es una coleccin de textos enlazados,
sino un espacio de intercambio de servicios de todo tipo: culturales,
informativos, comerciales, sociales, etc.
Son muchos los factores que hay que tener en cuenta a la hora de
disear un sitio web. Sin embargo, dos factores destacan sobre los
dems: su contenido y el diseo de la interfaz. Los arquitectos de la
informacin se ocupan ahora del diseo centrado tanto en el uso, como
en el usuario para hacerle a ste las tareas lo ms sencillas posibles.

Francisco Tosete Herranz en La experiencia del usuario resume en la

siguiente imagen, en forma de rueda, todas las disciplinas implicadas en
el diseo de sitios web:
arquitectura de la informacin: misin y objetivos estratgicos, clientes y sus
expectativas, estudio sectorial/anlisis competitivo, definicin y organizacin de los
contenidos, interaccin, navegacin, rotulado, bsqueda, prototipado, etc.
diseo de la interaccin: definicin de servicios, definicin de las tareas, diagrama de
interaccin, storyboards, etc.
usabilidad: mtodos de indagacin, mtodos de inspeccin, test de usabilidad, anlisis
de logs, etc.
accesibilidad: directrices y pautas de accesibilidad, test de accesibilidad, etc.
diseo de la informacin/diseo grfico: aspectos y sensacin, diseo de
contenido/pgina, diseo de la interfaz, diseo artstico/creativo, etc.
programacin y tecnologas: hardware/software, estndares web, etc.
 Fuente: Tosete Herranz, Francisco. La experiencia del usuario.
En "Arquitectura de la Informacin para el diseo de sedes
web. http://www.imaginas.net/esquemas.htm#experienciausuario

La World Wide Web ya no se entiende como un macrotexto, sino como

un espacio de relacin y de servicios de todo tipo. Quizs haya triunfado
la visin mercantil de la Web como un hipermercado global para hacer
negocios, pero a la par, se han desarrollado otros servicios con fines
menos crematsticos y con un enfoque centrado en la transmisin de
conocimientos, la puesta en comn y el desarrollo colaborativo para crear
cultura, pensamiento, ciencia, saber y, en suma, conocimiento.

Francisco Tosete fija el proceso de diseo de sitios web, en Arquitectura

de la informacin:
Definicin: abarca aspectos como la definicin de la finalidad del web, objetivos,
expectativas y necesidades de los usuarios, estudio del sector y definicin de audiencias,
identificacin y recopilacin del contenido, definicin de los servicios y funcionalidades.
Estructuracin: engloba todos los aspectos referidos al rotulado y organizacin de
categoras; organizacin del sitio mediante un mapa, esquemas de organizacin y
estructura de directorios; aspectos referentes a la buscabilidad como eleccin del motor de
bsqueda y la poltica de indizacin de contenidos, metainformacin y metaestructuras.
Produccin: abarca las cuestiones referidas al prototipado como el diseo de prototipos y
patrones, al estilo y diseo de la imagen grfica, a los aspectos relacionados con
la usabilidad y accesibilidad. Una vez lanzado el producto, se proceder al seguimiento y
anlisis mediante su posicionamiento en buscadores, feedback y medicin de resultados y
propuestas de rediseo.

Este mismo autor, en Arquitectura de la informacin: fundamentos del

diseo de sedes en la World Wide Web, establece los siguientes
aspectos a tener en cuenta en el diseo de una sede web:
informacin: contenidos.
gestin: estructura, organizacin, esquemas.
disposicin y presentacin: acceso, bsqueda, recuperacin y consultas.

Y, por lo tanto, una sede web tendra que contar son los siguientes
componentes:
definicin de la sede: misin, objetivos y estrategias. Cules son la razones que tiene la
organizacin para producirla? Por qu est aqu el usuario?
gestin de los contenidos: identificacin, recopilacin, seleccin, produccin,
mantenimiento y actualizacin de los contenidos. El contenido es la base de la sede, los
usuarios acceden a la sede por el contenido o por los servicios. Para este autor, la clave
del sitio web est en potenciar los contenidos, debe haber como mnimo un 30% de
espacio en la web dedicado a contenidos.
sistemas de navegacin: para facilitar el desplazamiento por la sede y el acceso a los
contenidos. La Web es interaccin, movimiento, accin, toma de decisiones y asimilacin.
 Un sistema de navegacin evita la desorientacin y el desbordamiento cognitivo. Hay que
dotar al sistema de consistencia, predecibilidad y retroactividad.
sistemas de rotulado: su funcin es representar, describir y transmitir de forma sinttica
los contenidos. Los rtulos deben ser concisos y significativos para que el usuario
comprenda con claridad y rapidez la informacin que hay detrs de ellos para tomar una
decisin. El lenguaje ha de ser prximo al usuario, por eso surge una tensin entre los
lenguajes controlados (lenguajes de clasificacin jerrquicos/ facetados, tesauros) y los
lenguajes naturales. El sistema de rotulado tambin se ocupa de los microcontenidos,
metadatos y marcado.
sistemas de bsqueda: par facilitar la exploracin, el acceso y la recuperacin de
informacin. Permiten expresar las consultas en lenguaje natural y acceder a los
contenidos sin navegar por un gran nmero de seccione intermedias. Son
complementarios y nos sustitutivos de la navegacin. Para disearlos hay que tener en
cuenta las caractersticas del motor de bsqueda (operadores, capacidades de indizacin,
personalizacin, funciones de feedback y ayuda automtica), el tipo de indizacin de los
contenidos y la presentacin de los resultados.

As pues, antes de elaborar cualquier sitio web, es preciso seguir un plan

ordenado. Se pueden establecer las siguientes etapas para el diseo
Web:
Delimitacin del tema: de qu va a tratar el sitio web. Delimitacin de contenidos.
Recoleccin de la informacin: recopilar y seleccionar la informacin que se va a incluir.
Agregacin: hacer un balance equilibrado entre linealidad y jerarquizacin. Creacin de
pginas, nodos, secciones y subsecciones.
Estructuracin de los contenidos: unin de los diferentes nodos y pginas teniendo en
cuenta la jerarquizacin y ordenacin de los contenidos. Creacin de nodos de
metainformacin sobre otros nodos y enlaces que permitan la estructuracin horizontal y
vertical. Creacin de la pgina inicial y de las pginas principales. En esta etapa se
definen tanto las estructuras jerrquicas y horizontales, como las taxonomas y esquemas
de clasificacin.
Creacin de los sistemas de navegacin y bsqueda: creacin de pginas gua,
ayudas a la navegacin, tablas de contenido, ndices, sumarios, mapas de navegacin,
glosarios, pginas de bsqueda, uso de iconos y barras de navegacin, utilizacin de
metforas, etc. accesibles desde cualquier otra pgina del sitio web.
Diseo y estilo grfico: estilos y formatos textuales, coherencia grfica, diseo de fondos
y distribucin de los elementos dentro de la pgina, inclusin de material multimedia,
cantidad y tamao de las imgenes, etc. Dar homogeneidad y coherencia a todo el sitio
web. Utilizar metforas orgnicas, funcionales y visuales.
Ensamblaje final: ltimos enlaces, diseo de portadas y estilos grficos, logotipos,
enlaces sobre autora, contacto, fechas de creacin o de actualizaciones, etc.
Evaluacin y test de uso: comprobacin del funcionamiento, vnculos y pginas
rotas, usabilidad, accesibilidad, ltimos ajustes, etc.

En el diseo de una sitio web, podemos distinguir 2 aspectos

diferenciados:
Diseo de la interfaz: para guiar al usuario por medio de un sistema visual e informativo
adecuado. Para ello hay que disponer la interaccin con metforas, imgenes y conceptos
que puedan transmitir significados a travs de la pantalla del ordenador. Se debe elegir un
modelo y conservar la integridad, uniformidad y coherencia de ese diseo a lo largo de
todo el hiperdocumento. El diseo de la interfazgrfica engloba conceptos y nociones
 provenientes de diferentes campos y disciplinas como el diseo grfico, la informtica, los
sistemas audiovisuales, la psicologa cognitiva, ergonoma, etc.
Diseo de las pginas: disposicin de los elementos dentro de las pginas para ser
vistos en pantalla, esquemas de contenido, tipografa, rotulado, ttulos, disposicin de las
imgenes y del contenido multimedia, equilibrio entre el contenido textual y grfico, y la
sensacin visual, etc.

El proceso de diseo del sitio web abarca muchos y diferentes aspectos

como son:
Estructuracin del conocimiento: delimitar el mbito disciplinar, corpus de conocimiento
y tema sobre el que vamos a tratar de acuerdo con el fin perseguido: informar, investigar,
educar, vender, etc. La estructuracin del conocimiento en la web permite convertir la
tradicional estructura secuencial en una estructura multisecuencial, por tanto, se atender
pues ms a las relaciones entre conocimientos que a la informacin aislada.
Estructuracin de la informacin: para ello se debe fragmentar la informacin
en nodos que posteriormente se organizarn estableciendo distintas categoras que
atiendan a diferentes aspectos: relaciones jerrquicas, cronolgicas, secuenciales,
espaciales, etc. Adems de los nodos, se precisa la creacin de metanodos con
informacin sobre otros nodos: sumarios, ndices, tablas de contenido, etc. Para esta fase
es muy til la utilizacin de mapas conceptuales, no slo para el diseo, sino con el fin de
integrarlos dentro del propio hipertexto a modo de mapa de navegacin junto a
otras herramientas de navegacin. Una de las ventajas que ofrece el hipertexto es la
posibilidad de organizar la informacin de ms de una forma, dejando al usuario la eleccin
de en qu modo acceder a ella, por lo tanto, se pueden conjugar varios criterios de
organizacin y ofrecer al usuario distintas formas de acceso para que elija la forma que le
sea ms cmoda o la ms adecuada para los fines que persigue. La web permite una
estructuracin de la informacin modular y descentralizada que por medio de
los enlaces se podrn conexionar a otros mdulos, atendiendo a diferentes perspectivas.
Planteamiento general del diseo: hay que utilizar criterios de accesibilidad, plantearse
el tipo servicios y funcionalidades que se van a ofrecer y con qu fin, y cmo se van a
presentar al usuario, es decir, disear su usabilidad. La finalidad del sitio web debe
condicionar la interfaz para adaptarse a las expectativas del usuario (un sitio de ocio no
puede tener un diseo serio, poco atractivo y aburrido), pero la interfaz debe ser, ante todo,
funcional.
Organizar la informacin: hay que dotar al sitio de una buena organizacin para que el
usuario pueda localizar lo que busca de la forma ms fcil, clara e intuitiva posible. Se
deben crear tablas de contenido, ndices, diferentes secciones con ttulos significativos,
etc. Hay que simplificar el contenido y no mezclar varios temas en una misma pgina,
jerarquizar la informacin no slo dentro del propio hipertexto, sino dentro de la propia
pgina colocando la informacin ms importante en las ramas superiores o en la parte
superior de la pgina dejando la informacin complementaria o ms detallada para el final
o para las ramas ms bajas, agrupar las opciones importantes en la misma pgina, no
ampliar el nmero de opciones en cada nivel hasta la extenuacin. La organizacin de la
informacin debe anticiparse en todo momento a los deseos del usuario y a las tareas ms
frecuentes para que el usuario llegue antes a ellas.
Tipos de informacin e interfaz de usuario: disposicin de la pgina en
la pantalla (utilizacin de marcos o frames, distribucin de los contenidos, colores, fondos,
presencia de logotipos, etc.); elementos textuales (determinar la amplitud de cada uno de
ellos, seleccin de la informacin, palabras clave, enlaces, formatos y estilos de letra);
seleccin y elaboracin de grficos; inclusin y uso de audio, vdeo y animaciones;
seleccin de iconos, botones, barras de mens; presencia de campos de ayuda para la
orientacin del usuario, etc.
Interrelacin entre la informacin: estructuracin de los nodos de texto, audio, vdeo e
interconexin de todas estas morfologas para convertir el hipertexto en hipermedia;
 establecimiento de enlaces entre documentos, partes de documentos, fragmentos de
informacin, etc. dentro del propio documento y fuera de l.
Creacin de un sistema de navegacin: que posibilite una navegacin simple, intuitiva,
consistente, transparente y flexible. Se trata de interrelacionar la informacin y la interfaz.
Se pueden elaborar una gran nmero de herramientas que ayuden a la navegacin en
forma de botones, barras de navegacin, uso de metforas, mapas sensibles, FAQ o
Preguntas ms frecuentes (Frequently Asked Question) que faciliten la navegacin y la
hagan comprensible. Todas estas herramientas son imprescindibles si se trata de
documentos largos y complejos en los que el peligro de prdida del contexto aumenta
cuando el usuario se aleja de la pgina principal y se adentra por las ramas inferiores de
una estructura profunda o demasiado amplia.
Creacin de un sistema de bsqueda y recuperacin: Para ello es necesario el uso de
herramientas de representacin de la informacin (metadatos, mtodos de indizacin, etc.),
formas de presentacin de las consultas y los resultados, y otras herramientas de
recuperacin y bsqueda tanto de la informacin interna como externa. Se pueden
incorporar motores de bsqueda para que rastreen dentro del propio documento y/o en
toda la World Wide Web.

No vamos a analizar aqu de forma pormenorizada cmo se crea una

pgina web, ya que existen en la Web un gran nmero de manuales que
lo explican de forma detallada, sin embargo, s abordaremos 2 aspectos
fundamentales para la creacin de pginas, por un lado, el diseo de la
estructura y, por otro, el diseo la pgina propiamente dicha.

Diseo de la estructura

En la Web no existe una metodologa concreta para

crear hiperdocumentos o sitios web completos. Por el contrario, existen
multitud de estructuras organizativas tanto en lo visual como en lo
conceptual, que pueden provocar una gran desorientacin al usuario. Es
por eso, que a la hora de elaborar un hipertexto se deben establecer una
serie de reglas para que el sistema sea coherente (visual y
cognoscitivamente), y para que no se produzca duplicacin de
informaciones o reiteracin de esfuerzos a la hora de recopilar o introducir
la informacin, y de crear la red hipertextual. Como la macroestructura
comn de informacin debe constituirse a partir de una serie de
microestructuras, stas deben construirse siguiendo unas reglas mnimas
que favorezcan su articulacin en la estructura global. Por lo tanto, las
reglas deben establecer:
Los tipos de documentos que pueden entrar a formar parte del sistema
Los datos de identificacin del documento: ttulo, autor, descripcin, localizacin, fecha de
introduccin, fecha de la ltima consulta, nivel de acceso, etc.
 El formato de introduccin del texto: estructuracin del texto, posicin de las pginas,
modelo grfico utilizado, etc.
El tipo de relacin entre los documentos: normas que indican qu documentos pueden
relacionarse, lugares dentro del documento en donde se deben encontrar esas relaciones
(en todo el documento o en una parte del mismo), presentacin visual de enlaces, etc.
El acceso a los documentos: recomendaciones para el uso del hipertexto en la bsqueda
de informacin, etc.

Los editores web actuales permiten automatizar una serie de tareas que
antes constituan una afanosa labor, como la creacin automtica de
tablas de contenido y herramientas de bsqueda, creacin de barras de
navegacin y exploracin o botones con enlaces de trayectoria vertical y
horizontal (de pginas primarias a secundarias y viceversa, de orden
secuencial anterior-siguiente-arriba, etc.) siguiendo el rbol y jerarquas
establecidas en la estructura, etc. Un aspecto clave y fundamental es la
facilidad que ofrecen estos editores para organizar los archivos y
carpetas del sitio web y para construir la propia estructura del sitio y
los enlaces entre documentos, ofreciendo esquemas visuales generales
de todo el conjunto de nodos y sus relaciones jerrquicas y horizontales,
o esquemas parciales de parte de esa estructura jerrquica y/o en red.
Slo hay que seleccionar la carpeta o archivo elegido, arrastrarla y
soltarla sobre el lugar que queramos que ocupe en el rbol que
representa la estructura de nodos, y ya tenemos creada de forma
automtica la red jerrquica y sus relaciones, los enlaces estructurales y
de trayectoria, etc.

Por otro lado, los editores web tambin facilitan otras labores al ofrecer
plantillas de diseo general de sitios web y "esqueletos" completos de
estructuras y modelos para webs personales, webs de presencia
corporativa, webs de discusin, webs de proyectos, webs de soporte al
cliente, webs de colaboracin en grupo, etc. Utilizando dichas plantillas,
slo tenemos que introducir el contenido y aadir o quitar las pginas que
falten o sobren a lo largo y ancho de la estructura propuesta. Los editores
actuales tambin suelen incluir una serie de herramientas y
complementos que facilitan otras labores complejas o tediosas para el
diseador web, como asistentes para interfaz de bases de datos,
inclusin de contadores, barras de vnculos, efectos dinmicos,
subprogramas java, controles ActiveX, etc.

Diseo de la pgina

Es importante tener en cuenta que la unidad bsica de informacin de un

documento hipertextual no es la pgina, sino la pantalla.

As pues, el diseo de la pgina y la disposicin de los elementos dentro

de ella para ser vistos en pantalla, son uno de los aspectos principales a
la hora de disear el hiperdocumento. Las pginas deben tener un
esquema ordenado y legible de un vistazo. He aqu dos ejemplos de
disposicin de pgina, la imagen de la izquierda muestra una pgina
ilegible y desordenada, mientras que la imagen de la derecha, que sigue
un esquema ordenado, facilita la navegacin y comprensin del
contenido.
 Fuente: Universidad de Zaragoza. Manual de Estilo
WWW. http://wzar.unizar.es/cdc/manual/M_2_8.1.html

En el encabezamiento de los documentos es imprescindible que

aparezca el ttulo destacado y el uso de grficos sensibles o botones de
cabecera que indiquen los recorridos posibles para orientar la
navegacin.

Fuente: Universidad de Zaragoza. Manual de Estilo

WWW. http://wzar.unizar.es/cdc/manual/M_2_7.html

Tambin es corriente la utilizacin de un logotipo u otro sello grfico que

identifique la imagen institucional u oficial, comercial, etc. del sitio web.

En el diseo de las pginas hay que tener en cuenta una serie factores
como: enlaces locales y ayudas a la navegacin, encabezamiento de
documentos, tipografa (contraste visual, esquema y diseo de pginas,
tipos de letras, establecimiento de ttulos y subttulos, etc.). Creacin de
pies de pgina con informacin sobre el autor, e-mail de contacto,
enlaces a otras pginas relacionadas, fechas de creacin y actualizacin,
etc.

En este sentido, tambin los editores web actuales facilitan la labor de

ofrecer un diseo de pginas homogneo y coherente para el sitio web
ya que ofrecen diferentes modelos y estilos de plantillas para todo un
sitio web o para pginas concretas: pginas principales, pginas de
bsqueda, formularios, pgina de preguntas ms frecuentes, tablas de
contenido, pgina con diseo a dos columnas, etc., o realizan otras
labores de forma casi automtica, como poner al da las pginas si se
utiliza un sistema modular de actualizacin para tratar un conjunto
enorme de pginas que puedan actualizarse de forma conjunta.

Fuente: Universidad de Zaragoza. Manual de Estilo WWW.

http://wzar.unizar.es/cdc/manual/M_2_3.html

Los documentos hipertextuales destinados a ser ledos mediante

la pantalla de un ordenador tienen su propio lenguaje. En muchos casos,
se convierte en una prctica comn convertir un texto en hipertexto, por
medio de la simple traslacin de un texto a lenguaje HTML y la particin
del texto secuencial completo en bloques de texto ms pequeos que
pasan a convertirse en nodos y que se conectan unos a otros mediante
unos enlaces que siguen ms o menos la misma estructura lineal que
tena el texto primitivo.
Hay que tener en cuenta que el texto impreso en papel necesariamente
presenta una disposicin para la lectura secuencial, mientras que el
hipertexto permite otro tipo de disposicin: la lectura multisecuencial y
que esta posibilidad o facultad de lectura se lleva a cabo por medio del
establecimiento de otro tipo de estructuras que le diferencian del texto
tradicional. El hipertexto en la Web implica una nueva manera de
presentar el texto y el conocimiento que nada tiene que ver con el texto
lineal.

Al transferir textos impresos a hipertexto, la primera operacin que hay

que realizar es convertir un texto completo en pequeos bloques de texto
(o nodos) que luego uniremos en mltiples trayectos o recorridos
mediante los enlaces. Sin embargo, este es slo un primer paso. El
diseo de un hipertexto es una labor muy compleja. Los editores de
pginas web que, en realidad, son sistemas de gestin de hipertextos,
nos facilitan esta labor.

Por supuesto que existen tipos de documentos, en los cuales no tiene

ningn sentido separar el texto en bloques de nodos ms pequeos para
ser puestos en la red. Una novela de intriga se debe leer empezando por
el principio y siguiendo, de forma secuencial, hasta el final. La tecnologa
hipertextual se debe aplicar con algn fin coherente. Es muy til para las
obras de consulta y referencia, los artculos y textos cientficos,
manuales, etc. Estas obras impresas ya contienen bsicamente todo lo
que tambin necesita el hipertexto: captulos, prrafos, contenido, ndices
de palabras claves, referencias bibliogrficas, etc. Estas obras no se leen
pgina a pgina y el hipertexto permite hojear los bloques de informacin
ayudado por la estructura de navegacin y las bsquedas directas.

Un buen hipertexto tiene que ofrecer al usuario una estructura de

navegacin fcil de manejar, la fragmentacin de la informacin en
bloques debe tener sentido en s misma y la estructuracin de los
bloques de informacin por medio de los enlaces deber ser coherente
conceptualmente. El autor de un sitio web debe ofrecer al usuario toda la
estructura y la infraestructura necesaria para facilitar la exploracin, la
navegacin y las bsquedas mediante un lenguaje de fcil comprensin y
utilizacin por el lector.

El diseo de la pgina principal es clave ya que es el primer sitio al que

accede el usuario y esta primera impresin, tanto en relacin al diseo
como a la informacin en ella ofrecida, condicionar al usuario para que
sienta o no la necesidad de adentrarse en el sitio.
Pgina principal de Virtual Tourist. Ofrece un buen diseo acorde con el tema, contenidos y
servicios ofrecidos (mapa mundi navegable, directorio, acceso a los servicios, foro), junto a
unos excelentes sistemas de navegacin y bsqueda. http://www.virtualtourist.com/

Tambin es un aspecto clave a tener en cuenta que, en la Web, el lector

puede convertirse en lector activo, y pasar de ser lector a ser usuario si
se incluyen las herramientas adecuadas para que este
usuario interacte no slo con los contenidos, sino con el propio autor del
sitio web (por medio de un formulario, un e-mail de contacto, etc.), o con
otros usuarios a travs del establecimiento de un foro o una discusin en
lnea, un chat dentro del propio sitio web, etc.

Y, por supuesto, una vez creado un sitio web, lo ms importante es darlo

a conocer. Esta labor se realiza dando de alta el sitio en los principales
buscadores e incluyendo metadatos para que los principales robots y
agentes indicen nuestras pginas.

En resumen, los webmasters actuales deben aunar diferentes disciplinas

a la hora de disear un sitio web, ya que la aproximacin al diseo del
sitio se debe hacer, entre otras, desde mltiples perspectivas:
cognoscitiva, conceptual, ergonmica (caractersticas del diseo, la
dotacin fsica y el software lgico), funcional (qu servicios queremos
ofrecer, etc.) y teniendo en cuenta ciertas condiciones
de accesibilidad, usabilidad, diseo grfico, diseo de la interaccin, etc.

Como dato curioso, podemos consultar la Gua de estilo para hipertexto

en lnea escrita por Tim Berners Lee en los primeros das de la World Wide
Web: Style Guide for online hypertext (http://www.w3.org/Provider/Style/) En esta
Gua, se definen trminos como websmaster, la convencin
"www.xxx.com", y unos puntos bsicos que hoy todava son vlidos. El
documento no ha sido actualizado siguiendo los desarrollos del
lenguaje HTML y otros lenguajes, por lo que est desactualizado en
muchos mbitos, pero precisamente por esta razn, se considera un
documento histrico.

Y al igual que las pelculas cinematogrficas, las webs tambin tienen

sus oscars, pues la International Academy of Digital Arts and
Sciences convoca anualmente los premios Webby Awards a lo mejor de la
World Wide Web, que premian la excelencia en el diseo web, la
creatividad y la funcionalidad: http://www.webbyawards.com/webbys/index.php

A continuacin se ofrecen una serie de enlaces y referencias de sitios

web sobre Diseo Web (manuales, programacin, documentacin,
artculos, servicios, etc.), en espaol:
Desarrollo Web: http://www.desarrolloweb.com
Maestros del Web: http://www.maestrosdelweb.com
Programacin: http://www.programacion.com
Web Experto: http://www.webexperto.com
Tejedores del Web: http://www.tejedoresdelweb.com

Ya hemos precisado la confusin terminolgica que surge cuando con el trmino

hipertexto podemos referirnos a 3 conceptos distintos:

el modelo terico de organizar la informacin de forma multisecuencial

las herramientas o programas informticos para crear, modificar o consultar un documento
hipertextual
el documento digital con funciones hipertextuales

Para hablar con rigor, deberamos reservar el trmino hipertexto slo para la
primera de estas acepciones, esto es, para referirnos al modelo abstracto y terico
de esta nueva manera de estructurar la informacin.
Cuando nos refiramos a los programas informticos de creacin y modificacin de
hipertextos sera mejor emplear el trmino sistemas de gestin de hipertextos
(SGH). Dentro de estos sistemas, hay algunos especficos para generar y
gestionar hipertextos, sin embargo, otros muchos sistemas con otras
funcionalidades distintas, se han adaptado para posibilitar la edicin hipertextual,
como es el caso de la mayora de los procesadores de texto actuales, que
permiten la inclusin de enlaces hipertextuales.

En cuanto a la plasmacin concreta de la utilizacin de la tecnologa hipertextual

en un documento digital, lo correcto sera hablar de documento hipertextual y, con
ms rigor aun, utilizar el trmino hiperdocumento, si nos referimos al conjunto de
documentos que forman parte de una red hipertextual concreta.

Otra confusin terminolgica muy habitual es utilizar la voz documento

digital como sinnimo de documento hipertextual. Si bien todos los documentos
hipertextuales son digitales -precisan de la tecnologa informtica y de los bytes
0/1-, no sucede lo contrario ya que es posible un documento digital que no sea
hipertextual (p.e. un documento sin enlaces elaborado con un procesador de
textos o una hoja de clculo).

Los documentos hipertextuales pueden darse en entornos cerrados, esto es,

pueden ser creados, modificados y consultados en un sistema de gestin de
hipertextosindependiente, por lo que slo es posible visualizarlos, crearlos y
modificarlos si tenemos ese programa en nuestro ordenador o formamos parte de
una Intranet que cuente con este tipo de herramientas, o pueden darse en un
entorno abierto como sucede cuando dichos documentos se integran en la Web.

En el contexto tecnolgico de la Web y de la red Internet, un hiperdocumento se

identifica con un lugar Web (tambin llamado sitio o site Web) y las herramientas
que sirven para gestionar los hipertextos de la Web seran los editores de HTML y
los navegadores.

Los navegadores son los programas informticos que nos permiten la

visualizacin y consulta de los documentos hipertextuales y adems, tienen la
funcin de gestionar la conexin de nuestro ordenador a la red Internet.

Cuando hemos tratado el tema de la estructura hipertextual, identificamos que un

hipertexto se compone de 3 elementos bsicos: nodos, enlaces y anclajes. En el
mbito de la Web, los nodos son llamados pginas, y son los documentos
individuales que forman un hiperdocumento o sitio web.

La tecnologa Web est abierta al formato fsico de los hiperdocumentos ya que

los documentos de la Web estn en formato ASCII que cualquier editor de textos
puede generar. Por el contrario, los programas o herramientas independientes
para generar hipertextos poseen un formato propietario que imposibilita generar o
modificar los documentos si no contamos con dicho programa.
Como se ha afirmado anteriormente, fsicamente un documento Web est en
formato ASCII, sin embargo, el diseo grfico y tipogrfico de un documento Web
y lo que es ms importante, su estructura hipertextual, estn determinados por las
etiquetas del lenguaje HTML. Por lo tanto, un documento Web, posee un formato
fsico ASCII y un formato lgico HTML.

Las morfologas de los documentos hipertextuales no se limitan al simple texto,

sino que tambin incluyen imgenes, sonidos o vdeo. En este sentido, se habla
con ms propiedad de hipermedia, aunque el trmino hipertexto se suele entender
en un sentido amplio, englobando todas estas morfologas adems del simple
texto.

Las posibilidades que ofrece la Web, para almacenar y distribuir de forma casi
universal e inmediata un inmenso e ilimitado corpus de documentos, han
conducido a que Internet, y ms concretamente la Web, se haya convertido en una
especie de biblioteca total donde cualquiera puede crear sus propios documentos
y tener acceso al resto. Adems, en la Web se concretan las potencialidades del
hipertexto al tratarse de una red abierta que permite conectar, sin lmites, todos y
cada uno de los documentos existentes en la red de redes. El documento
hipertextual parece ceirse ms a unas coordenadas espaciales que a unos
lmites temporales.

El nacimiento del hipertexto y, sobre todo, el desarrollo y extensin de la World

Wide Web que ha popularizado de manera definitiva la navegacin hipertextual,
han revolucionado el campo de la Documentacin introduciendo nuevos
parmetros y consideraciones en todos y cada uno de los procesos tcnicos del
tratamiento documental: anlisis del
documento, descripcin, catalogacin, clasificacin, indizacin, resumen
documental, etc. y han repercutido de manera notable en todos los aspectos
relacionados con el acceso, bsqueda y recuperacin de la informacin, llegando
hasta el punto de tener que redefinir nuevos conceptos para conceptos tan
antiguos como los de documento, autor, lector, editor, etc. o tener que crear
conceptos nuevos tales como metadatos, buscadores, Web semntica,
bibliotecas digitales, publicaciones electrnicas, libros on line, etc.

El desarrollo y explosin de la Web, parecen haber tambaleado los firmes

cimientos de la ciencia documental consolidados a lo largo de muchos aos de
teora y prctica documentales. Y los procesos de estandarizacin y
normalizacin llevados a cabo en el mundo del documento impreso, se han
mostrado claramente insuficientes para que estos modelos puedan ser
trasladados al universo del documento hipertextual sin sufrir profundas
modificaciones y sin tener en cuenta las caractersticas propias del nuevo medio.
Se impone, pues, un estudio pormenorizado de las caractersticas y
particularidades que ofrece el nuevo documento hipertextual para integrarlo en los
procesos tcnicos y consideraciones tericas con el fin de dar paso a una
actualizada y revitalizada ciencia documental que utilice nuevos conceptos y
procedimientos para el anlisis documental y para el acceso, bsqueda y
recuperacin de informacin.

Como afirma Isidro F. Aguillo en Hacia un concepto documental de sede

web, muchas veces se confunden los trminos pgina web y sitio web, y es
preciso definir que un hiperdocumento se identifica con un lugar, sitio o sede
web (site web). Una sede web es el conjunto de pginas ligadas jerrquicamente,
representadas por la URL de la pgina de mayor rango que son reconocibles
como unidad documental e identificadas como unidad institucional. Mientras que
una pgina web es una unidad de visualizacin que produce un navegador
WWW cuando interpreta la direccin (URL) de un documento HTML o similar, con
todos los archivos asociados. Un objeto -o recurso- sera cualquiera de los
archivos informticos que pueden formar parte de una pgina. Especficamente
son objetos multimedia los archivos con formato grfico (imgenes fijas o en
movimiento) y los de sonido o audio, aunque tambin existen otro tipo de recursos,
tales como programas, bases de datos, etc. Las morfologas con las que se
presenta un documento hipertextual son mltiples y variadas, al igual que
los soportes sobre los que se contiene, pueden ser de varios tipos.

Por su parte, la norma ISBD (ER) define "pgina web" como "cada una de las
pginas de un documento hipertextual de un sitio web". Y, de forma similar, Lluis
Codina define una "pgina web"como una seccin unitaria de una "sede web".
"Sede web" sera una entidad digital, identificada por una URI, que contiene uno o
ms recursos.
Un hipertexto puede contener uno o varios nodos que estn compuestos
por distintos tipos de objetos digitales, cada uno de ellos con una
morfologa distinta:
Texto plano o texto con
diferentes formatos de fuente

(como negrita, cursiva, subrayado, etc), diferentes formatos de prrafo, diferentes estilos,
etc; todas estas modalidades textuales se guardan en un formato de archivo diferenciado
que puede ser texto plano (txt); texto con formato (doc, pdf, ps, eps); texto comprimido (.arj,
.arc, .bin, .uu), texto con informacin estructurada (htm/html, xml, sgml, etc).
Imgenes que pueden formar parte de la propia pgina: botones, iconos, fotografas,
ilustraciones, etc., o que pueden constituirse en enlaces para dar paso a referencias
internas o externas cuando se activan. En la Web los formatos ms habituales son GIF y
JPEG.
Audio digitalizado en diferentes formatos como wav, midi, mp3, wma, etc.
Vdeo los formatos ms utilizados son AVI, MOV y MPEG.

Pero adems, los enlaces de hipertexto pueden contener referencias a:

Otras pginas de hipertexto que pueden hallarse en la misma pgina Web o en
cualquier lugar de la WWW.
Programas que sirven de interfaz con otros mecanismos de acceso a informacin. Entre
ellos: acceso a bases de datos mediante formularios, transferencia de archivos mediante
ftp, archivos comprimidos (zip), bsqueda en catlogos indexados (WAIS), aplicaciones
ejecutables que a su vez abren documentos de texto, imagen, audio, vdeo, hojas de
clculo, presentaciones, etc. As pues, los archivos pueden estar incrustados en el propio
documento o dar acceso a
la ejecucin y apertura de otro
programa que nos visualizarlos.

Por lo que, los formatos y

tipos de archivo que
componen un hipertexto -y
ms concretamente un
documento HTML si se trata
de un hipertexto en Web-, pueden ser de muy distinto signo.

Aunque todas estas morfologas al estar digitalizadas vienen codificadas

en bits de informacin, cada una de ellas posee un formato y tipo de
archivo distinto que sirve para identificar en qu consiste cada bloque o
conjunto de datos.

Un archivo digital se identifica mediante el nombre y la

extensin. El nombre consta de una serie de caracteres seguidos de un
punto y la extensin est compuesta de 3 caracteres. La extensin indica
el formato, tipo de datos que contiene el archivo y el programa que
requiere el ordenador para poder visualizarlo, abrirlo o editarlo.
El ordenador realiza esta asociacin de forma automtica, siempre y
cuando contemos con el programa requerido, previamente instalado en
nuestro ordenador. Ver Tabla de extensiones de archivos ms frecuentes

Una herramienta muy til que nos ofrece la Web a la hora de discernir a
qu tipo de archivo corresponde una extensin, la encontramos en The
File Extension Source (FILExt),donde se pueden hacer bsquedas de las
extensiones para conocer de qu tipo de archivo se trata y con qu
programas podemos abrir los documentos. http://filext.com/

Uno de los principales problemas con los datos multimedia: grficos, sonido,
vdeo, etc. ha sido el almacenamiento y acceso a este tipo de datos. En los ltimos
aos han proliferado gran cantidad de formatos para almacenar grficos (PICT,
TIFF, GIF, JPEG, etc.), por lo que era necesario crear filtros y programas de
transferencia entre ellos. Hoy se han llegado a estandarizar muchos de estos
formatos y tambin existen metaficheros grficos que facilitan el acceso
independientemente de cul sea el formato de la aplicacin utilizada.

Antes de la aparicin del Web haba un gran nmero de formatos

distintos cada uno diseado para un plataforma distinta. Sin embargo, al
surgir la World Wide Web, las nuevas capacidades de
los navegadores dieron soporte a muchos formatos distintos por medio
de plug-ins o pequeos programas que se encargan de interpretar la
informacin separadamente o mediante
capacidades multimediales incorporadas. (El siguiente enlace, ofrecido
por Lycos conduce a una pgina donde se muestra una tabla que indica qu elementos -
java, frames, plug-ins, scripts, efectos dinmicos, hojas de estilo, formatos de imagen, marcas
XML, etc.- soporta cada
navegador http://hotwired.lycos.com/webmonkey/reference/browser_chart/)
Los datos de un archivo digital pueden estar codificados en uno de estos
2 formatos:

Cdigo Binario: Este formato almacena cualquier tipo de

informacin: texto, imgenes, colores, rdenes, sonidos, etc., en un
lenguaje entendible nicamente por el ordenador. As se obtienen
archivos de menor peso. Al mostrar el contenido de un archivo
binario con algn procesador de textos, nicamente visualizaremos
un conjunto de caracteres y smbolos extraos.

Cdigo ASCII: American Standard Code for Information

Interchange es un formato que almacena los datos mediante texto
simple, es por ello que se utiliza para intercambio de datos o bien
para generar archivos modificables por el usuario. Su contenido se
puede visualizar y editar mediante un editor DOS o con cualquier
procesador de textos como el Bloc de notas de Windows o
el Simple Text de Macintosh.

Todos los archivos utilizados en Internet pueden corresponder a uno u

otro tipo de formato: ASCII o binario. En la actualidad, existen programas
como UUencode que convierten un archivo binario -a menudo una foto o
un grfico- en un archivo ASCII de texto, de manera que pueda ser
enviado como documento adjunto en un correo electrnico o ser
descargado a partir de un grupo de discusin. Una vez recibido el
mensaje, UUdecode devuelve el fichero a su formato original.

Hoy la mayora de los formatos de archivo se han estandarizado y son

legibles a travs de la Web. Sin embargo, a la hora de crear hipertextos
en la WWW, hay que tener en cuenta el tamao y peso de cada tipo
de archivo, ya que no podemos sobrecargar con demasiado informacin
nuestras pginas web, puesto que los usuarios se desesperan cuando se
tarda demasiado tiempo en "descargar" los archivos que integran una
pgina desde el servidor hasta el navegador del ordenador cliente. La
conexin a Internetmediante lneas de banda ancha ha venido, en parte,
a solucionar este problema, pero sigue siendo poco recomendable
recargar nuestras pginas web con archivos demasiado pesados.

Al hablar del hipertexto en la Web, aportamos un grfico elaborado a

partir del estudio How Much
Information?2003 http://www.sims.berkeley.edu/research/projects/how-much-info-
2003/internet.htm en donde mostrbamos las distintas morfologas
de la
informacin y el porcentaje que ocupaban los distintos tipos de
archivos en el conjunto de la World Wide Web navegable (se deja al
margen la Web invisible). Este grfico es la confirmacin de que la Web
es multimedia y, por lo tanto, el hipertexto de la Web es hoy
realmentehipermedia. Comprobamos el alto porcentaje de informacin
en imgenes (23,27%), vdeo (4,31%) y audio (2,61%), y la gran variedad
de tipos de informacin distinta cuya demostracin se comprueba por los
distintos formatos de archivos que componen la Web:

HTML: 17,85 %
Microsoft PowerPoint: 0,8
Imgenes: 23,27 %
%
PHP: 13,04 %
Microsoft Word: 0,4 %
Adobe PDF: 9,23 %
Texto: 0,1 %
Vdeo/animaciones:
Microsoft Excel: 0,00 %
4,31 %
Java: 0,1%
Archivos comprimidos:
Otros: 3,21 %
3,71 %
Tipos de archivos
Audio: 2,61 %
desconocidos: 19,96 %
Ejecutables: 1,40 %

En este mismo estudio, se recoge tambin informacin de cmo utilizan

los usuarios de redes P2P sus discos duros. Se ha comprobado que los
3 tipos de archivo que ms espacio ocupan son los archivos
de vdeo .avi, los archivos de audio mp3 y los archivos de vdeo .mpg;
que combinados ocupan ms del 80%. He aqu la tabla a modo de
sumario que recoge el ranking de los 25 tipos de archivos organizados
por la suma total del tamao de archivo:

Extensin Tamao Tamao Tamao Nmero %

de GB medio Mnimo Mximo de Tipo Tamao
archivo (bytes) (bytes) (bytes) archivos Total
avi 4.851,12 1.73E+08 82 2,12E+09 30,026 vdeo 32,88%
mp3 4.564,79 4.120.597 1 5,58E+08 1,189,488 audio 30,94%
mpg 2.855,88 59.855.823 6 1,6E+09 51,231 vdeo 19,36%
exe 550,76 7.293.783 1 8.16E+08 81.079 software 3,73%
mpeg 311,73 20.693.836 162 9.51E+08 16.175 vdeo 2,11%
 wmv 297,00 23.311.552 1316 8,75E+08 13.680 vdeo 2,01%
asf 297,00 34.909.551 13 5,83E+08 9135 vdeo 2,01%
none 248,37 19.767.776 1 1,67E+09 13491 desconocido 1,68%
wav 243,44 15.177.476 44 1.24E+09 17.222 audio 1,65%
wma 113,79 2.732.813 111 7,64E+08 44.707 audio 0,77%
zip 63,23 21.470.521 1 1,91E+09 3.162 software 0,43%
mov 48,88 8.790.495 162 3,82E+08 5.970 video 0,33%
bin 34,29 44.311.001 10 8,45E+08 831 software 0,23%
vob 32,71 5.02E+08 8.192 1,07E+09 70 archivo 0,22%
iso 27,68 3.81E+08 206.260 7,92E+08 78 archivo 0,19%
cab 21,09 2.414.563 19 6,97E+08 9379 sistema 0,14%
rar 17,54 53.215.891 69 8,53E+08 354 archivo 0,12%
pdf 13,22 5.411.649 162 1,34E+08 2.623 documento 0,09%
cif 11,18 4.8E+08 38.062 8,36E+08 25 archivo 0,08%
dat 8,16 3.711.050 1 8,14E+08 2.361 sistema 0,06%
rmj 7,42 4.213.919 101.267 42.755.921 1.891 audio 0,05%
nrg 6,79 3.47E+08 342.172 8,16E+08 21 archivo 0,05%
archivos
part 5,90 2.18E+08 21.759 6,15E+08 29 temporales 0,04%
e-donkey
jpg 5,79 44.829,72 75 29.016.816 138.751 imagen 0,04%

Fuente: How much information 2003.

http://www.sims.berkeley.edu/research/projects/how-much-info-2003/internet.htm

Aunque esta tabla muestra los archivos que componen los discos
duros de los usuarios que utilizan las redes P2P, el ejemplo ilustra y da
una idea sobre el tamao que pueden alcanzar los distintos tipos
de archivos y, por lo tanto, las distintas morfologas posibles de
utilizacin en la World Wide Web.

Los archivos ms grandes son los archivos de vdeo .AVI, seguidos por
los archivos .ZIP. Los archivos AVI son archivos de vdeo reproductibles
en un ordenador. El rango de estos es de 82 bytes a 2 GB. La
explicacin que da el estudio a este hecho es que la pornografa parece
ser uno de los mayores contribuidores al trfico de archivos, de acuerdo
con los tipos de gneros identificados por los usuarios.

Tipos de archivos ms grandes compartidos en redes P2P

 Tamao de
Extensin de
Tipo de archivo archivos ms Tamao Total (en GB)
archivo
largo (GB)
avi Vdeo 1,97 4.851

zip Archivo 1,77 63

mp2 Vdeo/Audio 1,69 3

mpg Vdeo 1,48 2.855
wav Audio 1,15 243
vob Vdeo 1,00 32
mpeg Vdeo 0,88 311
wmv Vdeo 0,81 297
ncd Documento 0,80 4

Fuente: How much information 2003. http://www.sims.berkeley.edu/research/projects/how-

much-info-2003/internet.htm

La siguiente tabla muestra que los archivos ms comunes compartidos

por los usuarios de redes P2P son los archivos MP3, esto es, los
archivos de audio codificados usando la tecnologa MP3. Las imgenes
(jpg, bmp) tambin son muy populares, pero ocupan mucho menos
espacio. Los archivos kpl son los archivos de las listas de KaZaA. El
60% de los archivos en los discos duros de los usuarios son archivos
MP3 y ocupan alrededor del 30% del espacio del disco.

Tipos de archivo ms comunes compartidos por los usuarios P2P

Tama Cuenta de
Extensi Tamao Tamao
GB o KaZaASharesE % of Total
n medio Mximo
Mnimo xt
4.564.7
mp3 4.120.597 1 5,58E+08 1.189.488 60,06%
9
44.789.20
kpl 0.36 1.942.186 20 196.797 9,94%
9
29.016.81
jpg 5.79 44.829.72 75 138.751 7,01%
6
exe 550.76 7.293.783 1 8.16E+08 81.079 4,09%
2.855.8
mpg 59.855.823 6 1,6E+09 51.231 2,59%
8
wma 113.79 2.732.813 111 7,64E+08 44.707 2,26%
4.851.1
avi 1,73E+08 82 2.12E+09 30.026 1,52%
2
wav 243.44 15.177.476 44 1,24E+09 17.222 0,87%
bmp 2.52 160.220.4 54 1.34E+08 16.859 0,85%
mpeg 311.73 20.693.836 162 9.51E+08 16.175 0,82%
wmv 297.00 23.311.552 1.316 8.75E+08 13.680 0,69%
none 248.37 19.767.776 1 1.67E+09 13.491 0,68%
gif 0.13 15.275.78 34 1.598.776 9.394 0,47%
cab 21.09 2.414.563 19 6,97E+08 9.379 0,47%
ini 0.02 1.797.959 1 1.015.477 9196 0,46%
asf 296.10 34.909.551 13 5,83E+08 9135 0,46%
85.132.44
db 3.11 398.867.7 178 8.369 0,42%
6
40.111.10
dll 1.78 261.220.8 18 7318 0,37%
4
mov 48.88 8.790.495 162 3,82E+08 5.970 0,30%
txt 0.27 51.415.17 1 1,61E+08 5.553 0,28%
11.816.19
doc 0.49 125.125.3 28 4.189 0,21%
9
lnk 0.01 3.564.337 104 3.468.472 3661 0,18%
18.030.04
htm 0.06 20.782.51 4 3.226 0,16%
4
zip 63.23 21.470.521 1 1,91E+09 3.162 0,16%
pdf 13.22 5.411.649 162 1.34E+08 2.623 0,13%

Fuente: How much information 2003.

http://www.sims.berkeley.edu/research/projects/how-much-info-2003/internet.htm

En cuanto a los archivos compartidos ms comunes son los siguientes:

Los 10 ms comunes tipos de archivos compartidos en P2P

Extensin de archivo Tipo de archivo Total # de archivos
mp3 Audio 1.189.488
kpl listas de Kazaa 196.797
jpg Imagen 138.751
exe --- 81.079
mpg Vdeo 51.231
wma Ejecutables 44.707
avi MP3 30.026
wav Vdeo 17.222
bmp Imagen 16.859
mpeg Vdeo 16.175
TOTAL 1.782.335

Fuente: How much information 2003. http://www.sims.berkeley.edu/research/projects/how-

much-info-2003/internet.htm
Si analizamos el nmero de archivos, los archivos de audio son la
mayora (61,6 %) y de lejos les siguen los archivos de datos (9,9%) y los
archivos de imgenes y vdeo (8,3 % y 7,9 % respectivamente).

Nmero de archivos por tipo

Tipo Nmero Porcentaje
audio 1.220.390 61,6%
datos 196.797 9,9%
imagen 165.004 8,3%
vdeo 157.244 7,9%
otros 89.745 4,5%
software 81.079 4,1%
sistema 37.923 1,9%
documentos 15.591 0,8%
desconocidos 13.491 0,7%
archivos 3.162 0,2%

Fuente: How much information 2003.

http://www.sims.berkeley.edu/research/projects/how-much-info-2003/internet.htm

As pues, las morfologas de archivo tanto en la Web como fuera de ella,

son muchas y variadas. Existen numerosos formatos con los que se
pueden explotar las capacidades multimedia de la WWW. Cada formato
tiene sus ventajas e inconvenientes y algunos estn ms estandarizados
que otros. Lo importante es saber cundo usar un archivo multimedia y
los contextos apropiados para su uso. Todo ello nos permitir combinar
otros medios con el texto y transformar un texto en un correcto y til
hipertexto/hipermedia.

Existen una gran variedad de formatos para crear archivos textuales,

todo depende del software utilizado. Algunas aplicaciones slo permiten
almacenar texto simple, pero otros procesadores de texto se han
convertido en herramientas muy complejas que permiten una gran
variedad de formatos para crear archivos de texto y que ofrecen tambin
la posibilidad de convertir unos formatos a otros. Algunos de estos
formatos son de simple almacenamiento del texto (txt), otros permiten
establecer la tipografa, estilos y apariencia de prrafos, pginas,
etc. (doc), otros inciden en la forma o formato de impresin utilizando un
sistema de marcadores que permite definir el contenido de las pginas
con independencia del dispositivo de salida utilizado (PostScript) y
algunos aseguran la integridad del contenido y la presentacin del
documento tal y como ha sido guardado (PDF o formatos de documentos
portables). Incluso hay softwares especficos que sirven para la edicin y
maquetacin de documentos largos y complejos.

Formatos de texto:
archivos de texto sin formato (ASCII) (txt, HTM, HTML)
documentos con formato:
o formatos de documento tipo .doc elaborados con un procesador de textos
o formatos de descripcin de pgina
PostScrip (PS, EPS)
Portable Document Format (PDF)
o formatos que contienen disposicin y contenido:
ODA
RTF
TeX
documentos con informacin estructurada
o lenguajes de marcas: SGML, HTML, XML, etc.
documentos con informacin sobre el contenido:
o metadatos, Dublin Core, TEI , RDF...

Archivos de texto sin formato:

Como hemos afirmado anteriormente, todos los formatos

de archivo utilizados en Internet pueden ser divididos en 2 tipos: formato
ASCII y formato binario. Pues bien, uno de los formatos de
almacenamiento de textos ms antiguos es la norma ASCII, una forma
de codificar un alfabeto que consta de 128 caracteres o smbolos.

ASCII

El cdigo ASCII (The American Standard Code for Information

Interchange o Cdigo estndar Estadounidense para el Intercambio de
Informacin) es un formato de almacenamiento general que guarda los
datos mediante texto simple. Por ejemplo, en cdigo ASCII, el
smbolo @ es la combinacin de las teclas ALT y el Nmero 64. En la Web
existen algunas pginas que muestran la tabla completa de los
caracteres del cdigo ASCII (podemos ver una de estas tablas
en: http://www.abcdatos.com/utiles/ascii.html). La principal ventaja de utilizar cdigo
plano es que puede ser ledo por cualquier tipo de ordenador y por
cualquier sistema sin necesidad de utilizar de utilizar programas
especficos.
Archivos de texto plano ASCII son los archivos HTM y HTML en los que
estn escritos los documentos de la Web y que contienen informacin
estructurada. Este tipo de archivos requieren un navegador web para
poder visualizar la informacin. Con el tiempo y, en la prctica, aunque
se limitan a describir la estructura y el contenido del documento y no el
formato de la pgina y su apariencia, los archivos HTML se han
convertido tambin en formatos de presentacin.

Tambin son archivos de texto plano ASCII los documentos txt. Estos
documentos pueden ser visualizados con cualquier procesador de textos
complejo (tipo Word) o con un sencillo editor de textos (Bloc de Notas),
podemos convertir en texto plano codificado en simple ASCII.

El desarrollo de las escrituras digitales alfabticas hizo que del cdigo de

128 caracteres se pasara a 256 caracteres y otros cdigos ASCII
ampliados. De esta forma, la ISOcre una norma llamada Unicode y
basada en un estndar de un juego de caracteres ms amplio que
sirviera para diferentes lenguas y escrituras. Se trata de la norma ISO
10646, equivalente al estndar UNICODE.

[Volver]

Documentos con formato

Formatos de documentos tipo .doc elaborados con un procesador de

textos

Se trata de formatos para PCs, comunes para archivos de textos

formateados en algn procesador o editor de texto que admita formato,
tales como Microsoft Word o Corel Word Perfect.
Estos formatos de escritura utilizan el cdigo ASCII,
aunque ocasionalmente pueden encontrarse
archivos con esta extensin que no sean
documentos de texto. En la actualidad, la mayor
parte de los procesadores de texto no slo incluyen
muchas opciones y caractersticas enfocadas al
tratamiento tipogrfico y el diseo textual, como
tipos de letra, estilos, listas numeradas, disposicin
del texto en columnas, tablas, etc, sino que tambin
permiten la inclusin de imgenes, listas con
vietas, marcadores, grficos, objetos de audio,
vdeo, etc, por lo que los documentos compuestos nicamente por texto
son cada vez ms escasos, ya que se suelen combinar varias
morfologas dentro del mismo documento. Muchos procesadores de texto
tienen licencia de uso, pero existen otros muchos que se pueden
descargar de la red y son de uso libre y gratuito, como Abyword, Tiny
Easy Word, Crypt Edit, etc. Adems de los editores de texto, existen
programas que tratan de forma ms sofisticada el texto y que sirven para
la autoedicin y maquetacin de documentos, tales como QuarkXpress,
Microsoft Publisher, Corel Ventura, Adobe InDesign, etc.

Formatos de descripcin de pgina

Hay formatos de documento que procuran conservar la imagen de una

pgina entera impresa. La pgina puede almacenarse usando un
lenguaje de descripcin de pgina (PDL) donde se almacenan juntos
texto y grficos con informacin de salida como disposicin, fuente, estilo
de lnea, etc. Esto significa que se almacena ms informacin dentro del
formato de trama. Los PDLs se disean para presentacin de
formateados completos, y en los dispositivos de salida se imprime la
forma final de las imgenes de pgina (no-revisables). 'El papel virtual '
es una buena metfora para los PDLs. La mayor parte de PDLS se
orientan hacia la presentacin de pginas sobre impresoras lser.

[Volver]

PostScript (PS, EPS)

Un archivo PostScript es un archivo de tipo ASCII que, aunque

tcnicamente es un archivo de texto plano, es ilegible excepto para una
impresora Postcript o para un visualizador (tipo Ghostscript).

PostScript es un lenguaje de descripcin de pgina o Page Description

Language (PDL) que en su versin comercial fue diseado por Adobe
Systems Inc en 1985 y que ha tenido mucha influencia en el aspecto final
del Lenguaje de Descripcin de Pgina Estandarizado, ya que existe un
estndar de ISO, el SPDL. El desarrollo del lenguaje PostScript tena
como objetivo representar el texto y las imgenes de igual forma en
el papel que sobre la pantalla, esto es, respetar el contenido con
independencia del dispositivo de salida utilizado.

Comparado con otros formatos ms orientados a objetos grficos, un

archivo grfico PostScript es muy difcil de modificar y resulta poco
prctico corregir un documento de este tipo. Aunque independiente del
dispositivo, la imagen PostScript es un modelo que exige dispositivos de
trama para su presentacin, por lo que precisa mucha
memoria. PostScritp presenta muchas ventajas para la salida del color de
alta resolucin. Se afirma que es tan bueno como una copia impresa en
papel y que ofrece una gran flexibilidad para el cambio de escala y
tamao sin prdida de informacin.

El PostScript encapsulado o Encapsulated PostScript (EPS) es un

subconjunto de PostScript que permite almacenar informacin en
lenguaje PostScript, pero excluye el tamao o la informacin sobre la
colocacin. Esto significa que una parte de una pgina puede
introducirse en otro documento. Con frecuencia se usa para la inclusin
de grficos dentro de documentos donde stos han sido producidos por
un paquete diferente al que se usa para producir el texto.

Existen varios nivel PostScript. El Nivel 2 es muy til para pginas de alta
calidad cuyo fin es la impresin, aunque la equivalencia total no puede
garantizarse debido a la impresora utilizada. El formato que s garantiza
la fidelidad de la pgina es PDF.

[Volver]

Portable Document Format (PDF)

Portable Document Format o formato de Documento Portable. Se trata de

un formato propietario desarrollado por Adobe Systems Inc. que permite
que los documentos formateados (que contienen diseo grfico) sean
transferidos por Internet y se visualicen de la misma manera en cualquier
ordenador y sistema. Se trata de un tipo de archivo binario. Este tipo de
archivo requiere de un software tipo Adobe Acrobat Reader para ver
archivos, y puede ser descargado del sitio web de Adobe, pero tambin
existen otros programas no propietarios que sirven para generar o
visualizar este tipo de archivos.

Los documentos PDF se enmarcan dentro del concepto de PostScript, y,

en concreto, Adobe ha desarrollado enormemente este concepto para
definir su Portable document format (PDF) que se incluye dentro de
un software llamado Acrobat y que consta de varios mdulos. El ms
conocido es Acrobat Reader o lector de documentos PDF porque se trata
de un software libre, aunque existen otras funcionalidades desarrolladas
por diferentes mdulos (Acrobat PDF Writer o software de
interfaz, Acrobat Exchange que permite alguna correccin, anotaciones,
enlaces y comandos de seguridad para documentos; Acrobat Search
para bsqueda de documentos; Acrobat Type Manager que asegura el
uso de distintas fuentes y la resolucin para dispositivos; Acrobat
Distiller para conversin de PostScript o EPS; Adobe Acrobat for
Workgroups para permitir el trabajo cooperativo sobre los
documentos; Acrobat Catalog para crear ndices usado conjuntamente
con el paquete de bsqueda; Acrobat Capture para que pueda verse en
los navegadores y permitir convertir la pgina explorada en PDF, etc.

Los ltimos desarrollos de los lectores de documentos PDF soportan no

slo enlaces de hipertexto, anotaciones, anclajes de pgina, marcos, etc.
sino tambin imgenes, miniaturas, audio y vdeo en movimiento, etc; por
lo que amplan enormemente el nivel 2 PostScript. El lector PDF de
Adobe puede ser descargado de forma gratuita desdeAdobe.

[Volver]

Formatos que contienen disposicin y contenido

ODA
Otra posibilidad de almacenamiento es almacenar la disposicin del
documento y el contenido de aqul separadamente. Esto es lo que
persigue el estndar Open Document Architecture (ODA). En ODA se
almacena la disposicin del documento donde se pueden incluir pginas,
reas de ttulo, sitios para cuadros etc. El estndar tambin permite
definir la estructura lgica del documento: captulos, prrafos etc. que se
unen para la disposicin del documento. Junto a esto, el estndar
permite varias arquitecturas que se colocan en sitios en "la pgina" (esta
pgina puede ser una hoja de papel o una pantalla y la disposicin puede
variar segn el medio de salida). ODA estandariza una serie de
arquitecturas, una de ellas es el estndar Computer Graphics Metafile,
aunque engloba a otras muchas.

[Volver]

Rich Text Format (RTF)

El Formato de Texto enriquecido o Rich Text Format (RTF) es un mtodo

para codificar el formato de texto y la estructura del documento mediante
el juego de caracteres ASCII. Se puede utilizar en muchos paquetes de
procesamiento de texto, pero existen muchos problemas hasta entre las
versiones diferentes del mismo software.
 [Volver]

TeX

Este formato de texto fue desarrollado por Donald Knuth a principios de

los aos 80 para hacer especial hincapi en los smbolos matemticos.
Se trata de codificar estos smbolos como una serie de caracteres ASCII
para su manipulacin mediante etiquetas que indican el formato de
presentacin.

LaTeX y TeX puro son dos paquetes TeX que definen un conjunto de
etiquetas. Se trata de dos procesadores de textos usados por muchos
matemticos, fsicos e informticos. LaTeX/TeX es otro ejemplo de texto
aumentado que contiene informacin aproximada de estructura (prrafos,
smbolos matemticos) y disposicin. A menudo, TeX se usa dentro de
otros formatos que permiten la inclusin de smbolos matemticos y
expresiones complejas.

[Volver]

Documentos con Informacin Estructurada

Con el fin de hacer que los textos fueran compatibles en los distintos
entornos fsicos y lgicos y que se mantuviera la estructura de las
pginas, all por los aos 60 se empezaron a desarrollar los primeros
sistemas de edicin de documentos con informacin estructurada. As
naci el llamado GenCode que utilizaba un nuevo cdigo que provea de
este tipo de informacin estructurada y, posteriormente, se desarroll
el lenguaje SGML, con la intencin de que un mismo archivo pudiera ser
editado en diferentes aplicaciones y con distintos formatos de impresin.
La informacin estructurada se lograba mediante una serie de marcas o
etiquetas que describan la informacin, pero que no incluan ninguna
informacin sobre la disposicin.

En esta tesis hemos tratado ampliamente, al hablar de los lenguajes

hipertextuales, de toda la gama de documentos creados al albur y
desarrollo de estos lenguajes de etiquetado: SGML o Standard
Generalised Mark-up Language que suministra un metalenguaje o
sintaxis para describir definiciones rigurosas y descriptivas de
documentos y que es independiente de cualquier sistema, dispositivo,
lenguaje y uso y donde la informacin puede incluir informacin ms all
del texto (referente a cmo tiene que ser procesado el documento, juego
de caracteres que deben usarse, modelo lgico para el documento y flujo
del documento en s mismo); HTML o Hypertext Markup Languageque
prescribe formatos para presentacin y demostracin de los documentos
hipertextuales en la World Wide Web; XML o Extensible Markup
Language, un perfil de aplicacin simple de SGML que fue desarrollado
para suplir las carencias de HTML, y que actualmente es la base para el
desarrollo de otros muchos lenguajes, etc.

[Volver]

Documentos con Informacin de contenido

Por ltimo, destacar, la utilizacin de metadatos como elementos

para describir el contenido ms all de la estructuracin del documento
propiamente dicha. Documentos de este tipo son los que
utilizan RDF o Resource Description Framework, un marco para describir
el uso de metadatos; XTM o XML Topic Maps una especificacin para
normalizar los elementos y la notacin utilizada para estructurar la
informacin mediante la construccin de una red de enlaces semnticos
que relacionen diferentes recursos informativos; la utilizacin de
lenguajes de Ontologas como OWL, y otros vocabularios como el Dublin
Core Metadate Iniciative o la la Iniciativa para la codificacin de
textos:TEI o Text Encoding Initiative, un proyecto interdisciplinar que
desarrolla y difunde directrices para la codificacin y el intercambio de
textos explotables por ordenador, dentro del campo de las humanidades,
aunque su uso transciende el tema de las humanidades, etc. Todas ellas
son herramientas tiles para la descripcin, indizacin y catalogacin de
documentos en la Web y que inician el camino hacia lo que se ha
denominado Web Semntica.

Bibliografa:

Alzado.org. Diseo de informacin, desarrollo web, presentacin de

datos multimedia. http://www.alzado.org

ARONSON, L. The HTML Manual of style. Emeriville, California: Ziff-

Davis Press, 1994.
 BERNERS-LEE, Tim. Style Guide for online
hypertext. http://www.w3.org/Provider/Style/

CUADRA DE COLMENARES, Elena de la. En Bibliotecas y centros de

documentacin: Internet para bibliotecarios y documentalistas. Madrid,
Servicios de Documentacin Multimedia UCM y Fundacin Snchez
Albornoz, julio, 2001. http://multidoc.rediris.es/avila/paginas/elena.pdf

DAVIS, Jack. MERRIT, Susan. Diseo de pginas web. Soluciones

creativas para la comunicacin en pantalla. Madrid, Anaya Multimedia,
1999.

Desarrollo Web. http://www.desarrolloweb.com

DRSTELER, Juan Carlos. Visualizacin de informacin. Gestion

2000.com, 2002.

FERNNDEZ-COCA, Antonio. Produccin y diseo grfico para

WWW. Barcelona, Paids, 1998.

G3: Diseo. http://www.bitacoras.sidar.org/g3/

HOFFMAN, Michael. Clarifying the real goals of

hypertext. http://www.hypertextnavigation.com/htgoals.htm

HOFFMAN, Michael. Enabling Extremely Rapid Navigation in Your

Web or Document.
http://www.hypertextnavigation.com/infoaxcs.htm

HELLER, H.; RIVERS, D. "So you wanna design for the web". ACM
Interactions, (mar. 1996).

LYNCH and HORTON. Web style

Guide. http://www.webstyleguide.com/index.html

Lista cadius. Al servicio de la comunidad de profesionales de la

Arquitectura de la informacin y la usabilidad.
http://www.cadius.org

Maestros del Web. http://www.maestrosdelweb.com

 MANDEL, T. The elements of user interface design. New York: Wiley,
1997.

MARCOS, Mari Carmen. Interaccin en interfaces de recuperacin de

informacin: conceptos, metforas y visualizacin. Gijn, Trea, 2004.

MARRERO EXPSITO, Carlos. Diseo Web Por dnde

empezar? http://www.telefonica.net/web2/chr55/chr5/articulos/artic_disen
oweb_00.html

MILLER, R. Web interface design: learning from our past,

1996 http://athos.rutgers.edu/~shklar/www4/rmiller/rhmpapr.html

NIELSEN, Jakob. "Who should you hire to design your web site?". The Alert
Box (oct. 1995), http://www.useit.com/alertbox/9510.html

NIELSEN, Jakob. Useit: Jakob Nielsen's

Website. http://www.useit.com/

Programacin. http://www.programacion.com

RIC. Recursos y referencias en lnea para diseo interactivo y

multimedia. http://www.unav.es/digilab/ric/textos/diseno.html

ROUET, Jean-Francois(ed). Hypertext and Cognition. Lawrence

Erlbaum Associates, 1996.

SKALID, Boony. Web Design for

Instruction. http://www.usask.ca/education/coursework/skaalid/index.htm

SHNEIDERMAN, B. "Designing information-abundant web sites: issues

and recommendations". Int. J. Human-Computer Studies, 47:1. 1997.

SHNEIDERMAN, B. Designing the user interface: Strategies for

effective human-computer interaction (3rd ed.) . Reading, MA: Addison-
Wesley Publishing, 1998.

SIEGEL, David. Tcnicas avanzadas para el diseo de pginas

web. Madrid, Anaya Multimedia, 1997. [Volver]

Tejedores del Web. http://www.tejedoresdelweb.com

 TOSETE HERRANZ, Francisco. "Arquitectura de la informacin:
fundamentos del diseo de sedes en la World Wide Web". IV Jornadas
de Gestin de la Informacin. Nuevos escenarios: contenidos,
colaboracin y aprendizaje Sociedad Espaola de Documentacin e
Informacin Cientfica (SEDIC). 2002, noviembre 26 -
27. http://www.imaginas.net/ponenciasedic.pdf [Volver]

TOSETE HERRANZ, Francisco. Arquitectura de la

informacin. http://www.imaginas.net/pdf/arquitectura_informacion.pdf [V
olver]

TOSETE HERRANZ, Francisco. La experiencia de usuario. En

"Arquitectura de la Informacin para el diseo de sedes
web".http://www.imaginas.net/esquemas.htm#experienciausuario [Volver
]

Universidad de Zaragoza. Manual de estilo de la

WWW. http://wzar.unizar.es/cdc/manual/manual.html

Useit. com. Jakob Nielsen' s Website. http://www.useit.com/

Web Experto. http://www.webexperto.com

Webby Awards. http://www.webbyawards.com/