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:

uso de un layout tipogrfico y visual

para la descripcin de una pgina
bidimensional

estructura lineal
eventual insercin de
lneas de separacin

fotografas

baja definicin
(proyectados
para
terminales ASCII en blanco y negro)
Webs de segunda generacin:
iconos en vez de palabras subrayadas
con azul
men de opciones
fondos coloreados o con imgenes
bordes azules alrededor de las figuras
interactivas
Webs de tercera generacin:
hegemona
tecnologa

del

diseo

utilizacin de metforas

sobre

la

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.

estructura de directorios; aspectos

referentes a la buscabilidad como
eleccin del motor de bsqueda y la
poltica de indizacin de contenidos,
metainformacin y metaestructuras.

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.

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.
Estructuracin: engloba todos los
aspectos referidos al rotulado y
organizacin de categoras;
organizacin del sitio mediante un
mapa, esquemas de organizacin y

Y, por lo tanto, una sede web tendra

que contar son los siguientes
componentes:

FACTURA
N

Cliente

Nif:

Domiclio:
Pago:
Cantidad

Concepto o referencia:

DESCUENTO

TOTAL

Pago:

IVA

Importan

TOTAL

WIKIPEDIA

GOOGLE

BLOGSPOT

YOUTUBE

El diseo web es una actividad que consiste en la planificacin, diseo, implementacin

y mantenimiento de sitios web. No es simplemente la implementacin del diseo
convencional ya que se abarcan diferentes aspectos como el diseo grfico web;
diseo de interfaz y experiencia de usuario, como la navegabilidad, interactividad,
usabilidad, arquitectura de la informacin; interaccin de medios, entre los que
podemos mencionar audio, texto, imagen, enlaces, video y la optimizacin de motores
de bsqueda. A menudo muchas personas trabajan en equipos que cubren los
diferentes aspectos del proceso de diseo, aunque existen algunos diseadores
independientes que trabajan solos.11

Las pginas Web son documentos de hipertexto y multimedia. Son documentos

multimedia porque incorporan imgenes, vdeos, animaciones, sonidos, textos de todo
tipo, y son documentos de hipertexto, porque incorporan enlaces con otras pginas.
Cuando pulsamos sobre un enlace de una pgina Web, visualizamos la pgina a la que
llama ese enlace, esa pgina puede estar en el mismo servidor o en otro situado a
mucha distancia, este proceso de ir de una pgina a otra es lo que se denomina
navegar por Internet
Los programas que sirven para visualizar pginas Web son los navegadores de Internet,
son gratuitos y actualmente los dos ms utilizados son: Microsoft Internet Explorer
(vamos por la versin 6.0) y Netscape (tambin la ltima versin es la 6.0). 2
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. 3
Las pginas web estn desarrolladas con lenguajes de marcado como el HTML, que
pueden ser interpretados por los navegadores. De esta forma, las pginas pueden
presentar informacin en distintos formatos (texto, imgenes, sonidos, videos,
animaciones), estar asociadas a datos de estilo o contar con aplicaciones interactivas. 4

1 https://es.wikipedia.org/wiki/Dise%C3%B1o_web
2 http://www.adrformacion.com/cursos/front/leccion1/tutorial1.html
3 http://www.hipertexto.info/documentos/diseg_web.htm
4 http://definicion.de/pagina-web/