Cul es la diferencia entre un sitio y una

pgina web? - Definicin de Sitio web y

Pgina web
En ingls website o web site, un sitio web es un sitio (localizacin) en la World
Wide Web que contine documentos (pginas web) organizados jerrquicamente.
Cada documento (pgina web) contiene texto y o grficos que aparecen como
informacin digital en la pantalla de un ordenador. Un sitio puede contener una
combinacin de grficos, texto, audio, vdeo, y otros materiales dinmicos o
estticos.
Cada sitio web tiene una pgina de inicio (en ingls Home Page), que es el
primer documento que ve el usuario cuando entra en el sitio web poniendo el
nombre del dominiode ese sitio web en un navegador. El sitio normalmente tiene
otros documentos (pginas web) adicionales. Cada sitio pertenece y es gestionado
y por un indivduo, una compaa o una organizacin.
Como medio, los sitios web son similares a las pelculas, a la televisin o a las
revistas, en que tambin crean y manipulan imgenes digitales y texto, pero un
sitio web es tambin un medio de comunicacin. La diferencia principal entre un
sitio web y los medios tradicionales es que un sitio web est en una red de
ordenadores (Internet) y est codificado de manera que permite que los usuarios
interacten con el. Una vez en un sitio web, puedes realizar compras, bsquedas,
enviar mensajes, y otras actividades interactivas.

Diferencia entre sitio web y pgina web

A veces se utiliza errneamente el trmino pgina web para referirse a sitio
web. Una pgina web es parte de un sitio web y es un nico archivo con un
nombre de archivo asignado, mientras que un sitio web es un conjunto de archivos
llamados pginas web.
Si lo comparramos con un libro, un sitio web sera el libro entero y una pgina
web de ese sitio web sera un captulo de ese libro. El ttulo del libro sera
el nombre del dominiodel sitio web. Un captulo, al igual que una pgina web, tiene
un nombre que lo define. Decimos que sera un captulo y no una pgina del libro
porque a menudo es necesario desplazarse hacia bajo en la pantalla para ver todo
el contenido de una pgina web, al igual que en un libro te desplazas a travs de
varias pginas para ver todo el contenido de un captulo. El ndice de los captulos
del libro sera el equivalente al mapa del sitio web (sitemap en ingls).

Mara Jess Lamarca Lapuente. Hipertexto: El nuevo concepto de documento en la cultura de la

imagen.

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

eventual insercin de fotografas y lneas de separacin

baja definicin (proyectados para terminales ASCII en blanco y negro)

Webs de segunda generacin:

o

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:

o

hegemona del diseo sobre la tecnologa

utilizacin de metforas

uso de un layout tipogrfico y visual para la descripcin de una pgina

bidimensional

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 labuscabilidad 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 interfaz grfica 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 suusabilidad. 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 deherramientas 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
losarchivos 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 enlacesestructurales 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

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_disenoweb_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 [Volver]
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/

El diseo web: Funcionalidades, Usabilidad y Esttica

Un portal web efectivo no slo se ocupa de la esttica. Tambien de la organizacin del portal y de sus
servicios. Con SPC puede gestionar todo el diseo de manera sencilla.
RESUMEN:
El diseo de su portal web va mucho ms all de la esttica del portal. A menudo, se queda en eso. El diseo
web abarca tres facetas: arquitectura de la informacin, servicios del portal y usabilidad y esttica. Sus
visitantes valoran el diseo, pero mucho ms el encontrar las cosas que quieren rpidamente. SPC le permite
gestionar todos estos aspectos y adaptarse a la esttica que usted elija, incluso modificndola en tiempo real.

El diseo de su portal web

Internet es un canal de comunicacin con los clientes o visitantes. Sus objetivos pueden ser comunicar,
informar, promocionar o vender, fidelizar, implementar procesos on-line, ...
El Diseo Web va mucho ms all de la eleccin de la esttica de un portal o la inclusin de animaciones. Sus
visitantes volvern a su portal slo si encuentran lo que buscan de una forma sencilla.
Un buen diseo web es una combinacin de los tres factores que muestra la figura siguiente:

Una vez definidos los objetivos del portal (qu quiere mostrar, qu servicios quiere dar, cmo y a quin) se
trabaja en el diseo web a tres niveles:
ARQUITECTURA DE LA INFORMACIN

Organizacin coherente de las secciones del portal.

Potenciacin de los contenidos y servicios importantes.

Posicionamiento en la web de la informacin a transmitir al visitante.

SERVICIOS DEL PORTAL Y USABILIDAD

o

Facilidad para leer, navegar y encontrar informacin.

Diseo de servicios que potencien nuestra actividad a travs del portal (p.e.: el registro de
usuarios, la tienda, los buscadores, ...).

Facilidad para utilizar los servicios del portal

ESTTICA
o

Imagen corporativa (logotipos, tipos de letra, gamas de colores, etc)

Imgenes y animaciones...

Control del diseo web con SPC

Veamos como SPC le ayuda a gestionar los tres componentes del diseo web:

Arquitectura de la informacin : SPC permite gestionar completamente la forma de organizar la

informacin de la web. An ms, le permitir modificarla en tiempo real: reorganizar secciones,
variar los contenidos y su posicin en la portada y en las secciones.

Usabilidad y Servicios: SPC incorpora de serie a su portal facilidades de navegacin como

buscadores, mapa de la web automtico, buscadores multicriterio, ruta de navegacin, web
multiidioma, imprimir pgina, ... que facilitarn la navegacin de los visitantes. foros, encuestas.

Servicios: SPC incorpora de serie servicios pensados para potenciar su actividad en Internet. No
hay que programarlos, slo configurarlos. Todos los servicios son gestionados por usted de una
forma sencilla. Algunos ejemplos:
o

Registro de usuarios de acuerdo a la Ley de proteccin de datos . De esta forma usted

capta datos tiles de sus visitantes que puede utilizar para fines comerciales. Todos esos
datos pueden ser exportados a otros formatos para ser tratados (p.e. EXCEL)

Envo automtico de boletines: As mantiene a sus visitantes registrados informados sobre

novedades (nuevos productos o servicios, noticias, publicidad, ...) Los boletines pueden
personalizarse por tipo de usuarios, enviarse automticamente, permite insercin de
publicidad. La frecuencia predeterminada de envo es quincenal.

Zonas privadas: Secciones de la web slo accesibles a usuarios registrados a los que
hemos dado permiso. Por ejemplo, Zona de Slo Clientes, suscripciones a revistas, pago
por contenidos, Intranets de empresa, ...

Tienda on-line: Con definicin exhaustiva de productos completamente personalizable.

Desarrollo del medio de pago (pasarela de pagos, tarjeta de crdito, ...)

Formularios: Para recabar informacin adicional, gestionar suscripciones, etc.

...

Adems, SPC puede ser complementado con ms servicios para sus visitantes, con sus propios
procesos on-line.

Esttica: Una de las ventajas de SPC es que separa el contenido (la informacin) de la esttica del
portal. Esto permite que su web bajo SPC puede adaptarse a cualquier esttica. En estos diseos
pueden integrarse tanto imgenes como formato FLASH. Usted puede cambiar esas imgenes como
desee.

Cmo se define el diseo con SPC?

El proceso de puesta en marcha de SPC incluye la adaptacin al diseo que usted desee.
Probablemente usted tiene ya una idea del diseo de su web o un diseo ya realizado que desea reproducir.
Tambin es posible que desee redisear completamente su web. SPC se adapta a todos estos casos.
Consulte las caractersticas del Servicio de Diseo Web asociado a SPC.

1.- Cunto tiempo toma crear un Sitio Web?

Es difcil dar a conocer un tiempo promedio para la creacin de un Sitio Web. Los factores que influyen
en el tiempo que tomar el proyecto son entre otros:
El nivel de definicin que se tenga del plan de negocios
Las estrategias, el alcance y complejidad del Sitio Web
La documentacin escrita que se tenga ya disponible
Las imgenes y documentos a ser publicados
La descripcin de productos y servicios
La traduccin escrita a otros idiomas en caso de ser necesario
Su comunicacin interna entre reas que participarn en el proyecto
El nivel de cultura informtica dentro de la empresa.
Se considera un Sitio Web sencillo aqul que puede tomar un tiempo de desarrollo de dos a cuatro
semanas, un Sitio Web de mediana complejidad flucta entre cinco y doce semanas para su creacin, y
las aplicaciones ms complejas rebasan las trece semanas.
2.- Qu tan costoso es un Sitio Web?
Los costos inherentes a un Sitio Web son por concepto de creacin, mantenimiento y operacin. La
creacin de Sitios Web incluye a su vez los rubros de deteccin de necesidades, diseo del Sitio Web,
generacin y edicin de imgenes, generacin y edicin de documentos, traducciones a otros idiomas,
programacin de las pginas web y programacin de facilidades. Los Sitios Web, al igual que su
negocio, son muy dinmicos y requerirn modificaciones posteriores, esto implica un costo para usted
por concepto de mantenimiento a su aplicacin. Para poder ser accesado su Sitio Web, ste debe ser
almacenado en un Servidor Web, el cual puede ser de su propiedad u optar por rentar un espacio a una
empresa que se dedique a dar este tipo de servicio. Cualesquiera de estas dos opciones que usted elija,
existe un gasto por mantener en operacin el Sitio Web.
3.- Tengo algunas ideas para el diseo, Qu debo hacer al respecto?
Al igual que cuando usted decide construir una casa, es importante que usted aporte sus ideas al
respecto, pero permita que sean los profesionales en diseo y construccin, los que se encarguen de
crear el Sitio Web de su empresa. Son los especialistas en esta materia los que conocen la tecnologa y

las tcnicas ms apropiadas para cada caso en particular, permtales desarrollar un buen Sitio Web, un
sitio que sea atractivo para los visitantes.
4.- Cul ser mi participacin en el proyecto de diseo de las pginas?
Nadie conoce mejor su negocio que usted y sus asociados. Lo que es ms importante an, nadie
conoce mejor a sus clientes y sus necesidades que usted y su negocio. Esa informacin con la que
usted cuenta es la mayor aportacin que puede hacer al proyecto. Esa debe ser su participacin y es
vital para el buen logro de objetivos en la implementacin de un Sitio Web en su compaa.
5.- Qu cosas debo incluir en un Sitio Web?
Revise su plan de negocios y sus estrategias de venta, y estudie sus procesos de atencin a clientes y
proveedores. Esto le dar una gran idea de las cosas que usted puede incluir en su Sitio Web.
Actualmente es la mercadotecnia el enfoque principal de muchos de los Sitios Web, sin embargo, no
pierda de vista que el soporte al cliente debera jugar un papel protagnico en su Sitio Web. Las
aplicaciones tpicas que actualmente tienen la mayora de las pginas Web son por concepto de:
Informacin de ventas y mercadotecnia
Atencin y soporte a clientes
Soporte de ventas para proveedores y distribuidores
Reclutamiento de personal
6.- Debo aprender todos esos trminos tcnicos raros como PHP?
Definitivamente no, usted despreocpese de esto, nosotros nos encargaremos de la implementacin de
las tecnologas de Internet para que usted pueda dedicarse enteramente a lo que es ms importante
para usted - su negocio. Llmenos y despreocpese de tener que aprender se y muchos otros trminos
tcnicos. Sin embargo, si usted al igual que nosotros tiene adiccin por la tecnologa, con gusto le
hablaremos de todo lo que hay detrs de una simple pgina Web.
7.- Puedo presentar las imgenes contenidas en manuales y catlogos de la empresa?
Desde luego, usted puede idear su Sitio Web tan a detalle como le sea necesario. Existen Sitios Web en
los que se describen artculos con todas sus partes y componentes finamente descritos. Ser nuestra
responsabilidad estudiar el mtodo ms apropiado para digitalizar las imgenes contenidas en manuales
y catlogos de su compaa.
8.- Qu calidad tendrn las imgenes al ser presentadas en las pginas Web?
La calidad de las imgenes depende de varios factores, entre ellos :
La calidad de la fotografa original
Las tcnicas empleadas para digitalizacin -proceso de convertir una fotografa impresa en un archivo
electrnico Las tcnicas empleadas para edicin de imgenes
La fotografa generada por cmaras digitales
El formato de la imagen
El tamao y nmero de imgenes que desean ser presentadas
El objetivo de mostrar las imgenes
Las tcnicas de presentacin
En cualesquier caso, se busca siempre que las imgenes tengan la mejor calidad posible, porque esto
influye considerablemente en la apreciacin general que el visitante tendr de su Sitio Web.
9.- El texto de mis documentos, Tiene que estar escrito en ingls?
No necesariamente, esto tiene que ver ms bien con las necesidades particulares de su empresa. Los
productos de software que se utilizan para crear los Sitios Web nos obligan a efectuar la programacin
interna de las pginas en idioma ingls, pero el texto de los documentos que sern presentados en las
Sitios Web puede estar redactado en cualesquier idioma.

10.- La mayora de mi produccin va para exportacin, El Sitio Web de mi negocio podra estar
en Ingls?
El texto de los documentos que contendr su Sitio Web puede estar redactado en Ingls o en
cualesquier otro idioma que usted requiera. Esto depender de los requerimientos particulares de cada
empresa. Nosotros estamos preparados para ofrecerle un desarrollo de sus pginas en espaol, ingls,
alemn y francs. Si usted ya cuenta con el texto en otro idioma, slo ser necesaria una revisin de la
edicin final por parte de usted o de nuestros profesionales en idiomas con los que hemos establecido
alianzas.
11.- He visto pginas Web muy llamativas, Puedo incluir este tipo de cosas en mi Sitio Web?
Nuestros especialistas en diseo de Sitios Web tomarn en cuenta sus ideas y comentarios, y tratarn
de incorporar al mximo sus sugerencias. Recuerde que debemos evitar el error de integrar en una sola
pgina los cientos de trucos tcnicos que existen en este mundo de Internet. En muchos de esos casos
las pginas Web no nos dicen nada, Pero los autores piensan que estn geniales!.
12.- Tengo unas fotografas excelentes de mis productos, Puedo usarlas?
Desde luego, cuando de imgenes se trata, se analizan las ms alternativas posibles para obtener las
imgenes digitales que se incluirn en las pginas. Slo recuerde que en este mundo de la red de
Internet hay una expresin que vale oro: Pierda peso y luzca grandioso!. Esto significa que no incorpore
imgenes que tomen demasiado tiempo para ser presentadas, porque entonces el visitante abandonar
su Sitio Web antes de aparezca si quiera la primera tonalidad de sus fotografas.
13.- He observado algunos anuncios publicitarios en los Sitios Web, Las pginas web de mi
negocio debern tenerlos?
No necesariamente, esos anuncios publicitarios se incorporan a sus pginas Web slo si usted
considera oportuno incluirlos. Usted podr a su conveniencia establecer una negociacin con otras
empresas para la presentacin de anuncios publicitarios. No es una costumbre generalizada en las
pginas de Internet. Quiz la entrada del comercio electrnico y el crecimiento de Sitios Web en Mxico
y Latinoamrica hagan de esta facilidad algo comn y corriente dentro de las pginas Web.
14.- Visit un Sitio Web en el que me solicitaron llenar un formulario, Puedo incorporar este tipo
de facilidades a nuestro Sitio Web?
Si, desde luego. Existen una serie de facilidades que son muy sencillas de incorporar a las pginas Web
de su negocio, como son: Llenar formularios, encuestas de opinin, envos de mensajes electrnicos, y
encuestas de productos y servicios, entre otros. Este tipo de facilidades le brindan a usted y a sus
asociados una herramienta para mejorar la comunicacin de sus clientes y proveedores con su
empresa.
15.- Puedo hacer ventas a travs de mi Sitio Web?
Uno de los objetivos fundamentales de los Sitios Web es precisamente ese, incentivar las ventas.
Actualmente es posible ya disear un Sitio Web con facilidades para la transaccin de rdenes de
compra en lnea. Es un servicio que muchas empresas vienen ofreciendo a sus clientes en los ltimos
aos. La era tecnolgica del comercio electrnico traer consigo mejoras substanciales a los
procedimientos de transaccin de pedidos en lnea. Qu mejor que estar preparados para ese
momento!
16.- Si acepto rdenes de compra por Internet, Cmo pueden constatar nuestros clientes que
estn siendo atendidos?
Los procesos de transacciones de rdenes de compra en lnea cuentan por lo general con un sistema de
confirmacin y seguimiento de pedidos, de tal forma que los clientes pueden constatar a travs de la
propia red que su solicitud ha sido recibida y est siendo atendida. Un correo electrnico de
agradecimiento de parte de algn ejecutivo de la compaa, por la preferencia de haber ordenado algn
producto o servicio, es siempre bien visto por los clientes.

17.- Puedo definir ciertas secciones de mi Sitio Web al que ingresen slo personas autorizadas?
Usted define las reglas del juego. Su Sitio Web puede ser un sitio abierto o restringido parcial o
totalmente en base a un sistema de control de usuarios registrados. Las reglas de seguridad de ingreso
y acceso a las pginas de su Sitio Web son establecidas en base a los requerimientos especficos de su
negocio.
18.- Si requiero algn cambio al contenido de mi Sitio Web, Cmo puedo realizarlo?
Como le comentamos con anterioridad, los Sitios Web son tan dinmicos como su negocio mismo.
Juntos estableceremos el sistema de revisin y mantenimiento de las pginas de su Sitio Web ms
apropiado en base a las estadsticas de visitantes y al registro de opiniones de clientes y proveedores
acerca del grado de satisfaccin. La frecuencia de actualizacin puede ser diaria, semanal o mensual.
Nosotros nos encargaremos de mantener su Sitio Web siempre actualizado.
19.- Qu tan fcil es hacer cambios a los Sitios Web?
Publicar los cambios es tan fcil como apretar un botn, desarrollar las modificaciones es otra cosa.
Todo depender de la complejidad de los cambios solicitados, lo cual puede significar unos cuantos
ajustes al texto, el cambio o ajuste de algunas imgenes, la insercin de una o ms pginas, o el
rediseo de una buena cantidad de pginas. Habr ocasiones en las que los cambios sean tan
complejos que casi implique redisear enteramente su Sitio Web.
En ocasiones los cambios son originados por avances tecnolgicos. Para este ao, usted se podr dar
cuenta de ms cambios en materia de tecnologa Web, particularmente por la batalla entre Netscape y
Microsoft , ya que cada uno est en el proceso de crear sus propios estndares para tecnologa Web.
20.- En caso de ser necesario, Quin deber hacer las modificaciones a las pginas Web?
Al igual que con los sistemas de informacin de su empresa, usted tiene la opcin de contar
internamente dentro de su organizacin con un staff tcnico dedicado a mantener su Sitio Web
actualizado y en operacin, o puede usted optar por la opcin de un outsourcing al contar con nuestros
servicios de consultora para la creacin y mantenimiento de Sitios Web. Su decisin depender de si su
organizacin cuenta con los recursos humanos tcnicos necesarios para que atiendan estas actividades,
sin que esto implique retrasar otros proyectos de sistemas que estn pendientes de ser atendidos.
21.- Qu tan costoso es hacer las modificaciones a un Sitio Web?
La clase y volumen de las modificaciones nos dar una idea del costo que involucra el mantenimiento.
Una modificacin menor, lo que significa cambiar algn texto e imgenes, puede significar de uno a dos
das de trabajo y quiz alguna labor de traduccin si manejamos un Sitio Web en un idioma extranjero.
La inclusin de algunas pginas adicionales puede tomar de una a dos semanas. Un rediseo del Sitio
Web, ya sea por cambios de estrategia del negocio o por razones fundamentalmente tcnicas, puede
significar tanto como volver a crear el Sitio Web de nuevo, con la salvedad de que parte del texto y las
imgenes pueden ser aprovechados, en este caso el proceso puede tomar algunas semanas

Conceptos y Elementos de una pagina web 1

Conceptos y Elementos de una pagina

web

Qu es una sitio web: Un sitio web es un conjunto de pginas web ordenadas

jerrquicamente bajo una misma direccin web (URL). Este grupo de pginas se entrelazan
entre s por medio de los denominados Hipervnculos tambin conocidos como links o
enlaces lo que en resumen da como resultado un sitio web.
Qu es una pgina web? bsicamente una pgina web es un documento
electrnico diseado para el World Wide Web (Internet) que contiene algn tipo
de informacin como texto, imgenes, videos,animaciones u otros.
Las

pginas

web

los

sitios

web

son

confundidos

muy

menudo

como sinnimo pero no es as, son diferente cosa. Una pgina web es un
documento electrnico solo y un sitio web es un conjunto de pginas web que lo
construyen bajo una misma direccin web.
Un enlace o link es texto o imgenes en un sitio web que un usuario puede pinchar para
tener acceso o conectar con otro documento. Los enlaces son como la tecnologa que conecta
dos sitios web o dos pginas web. En el navegador se ven como palabras subrayadas
(como Ir al ndice de FAQ's al final de sta pgina).
Una vez que pinchas en un enlace, puede poner en accin varios acontecimientos:

podra "saltar" a otra pgina o a otro lugar en la misma pgina

podra estar enlazado a un archivo que comenzar a descargarse a tu ordenador

podra producir el lanzamiento de una aplicacin de ayuda que entonces procesar el

archivo en el que has pinchado

podra abrir tu programa de E-mail para que puedas enviar un mensaje, etctera.
Lo que realmente ocurre cuando pinchas en un enlace esta determinado por los archivos
MIME y por la forma en la que est configurado tu ordenador. Por ejemplo, los navegadores
se configuran para mostrar todos los archivos que tengan HTML en su extensin MIME.

Los enlaces tambin son llamados hyperlinks, hiperenlace, hypertext, hipertexto, vnculo, y se
codifican en HTML por los autores o los programadores de los sitios web.

Qu es un hipervinculo?
Es un elemento que permite "saltar" de una parte a otra del texto dentro de la misma
pgina, de una pgina a otra del mismo sitio o bien de una pgina a otra ubicada en cualquier
parte de la Web.

Qu es un hipervnculo?

Un hipervnculo es un enlace, normalmente entre dos pginas web de un mismo sitio, pero u
tambin puede apuntar a una pgina de otro sitio web, a un fichero, a una imagen, etc. Para n
destino al que apunta el enlace, hemos de hacer clic sobre l. Tambin se conocen como hipe
enlaces o links.

Normalmente el destino se puede saber mirando la barra de estado del navegador cuando
est sobre el hipervnculo.

Dependiendo de cual sea el destino , hacer clic en un hipervnculo puede hacer que ocurr
cosas. Si el destino es otra pgina web, el navegador la cargar y la mostrar, pero si el dest
documento de Word, el navegador nos dar la posibilidad de abrir una sesin de Word para visu
de guardar el archivo.

Por lo tanto, podemos usar los hipervnculos para conducir a los visitantes de nuestro sitio
donde queramos. Adems, si queremos que se pongan en contacto con nosotros, nada m
ofrecerles un hipervnculo a nuestro correo electrnico.
Tipos de hipervnculos.
Existen varios tipos de hipervnculos. Vamos a ver los ms usados.

Hipervnculo de texto: Un hipervnculo de texto es un enlace que se encuentra asoc

texto, de forma que si hacemos clic sobre ese texto, navegamos dnde indique el hipervn
defecto, cuando creamos un hipervnculo de texto, el texto aparece subrayado y en un color d
del texto normal, de forma que el visitante sepa que existe ese enlace. Si volvemos a la pgina
de visitar el enlace, este aparecer con otro tono tambin. Aunque es interesante difer
hiperenlace, es posible que no queramos que aparezca as.

Hipervnculo de imagen: Un hipervnculo de imagen es un enlace que se encuentra a

una imagen, de forma que si hacemos clic sobre esa imagen, navegamos dnde indique el hipe
Por defecto cuando creamos un hipervnculo de imagen, la imagen aparece rodeada de un bord
color llamativo para que el visitante sepa que existe ese enlace.

Por otra parte, los hipervnculos pueden referirse a pginas del mismo sitio web o de otros sitios

Hipervnculo local o interno: Un hipervnculo local o interno es un vnculo a una pgin

encuentra en el mismo sitio web (sitio local). As, para referirnos a ella tan solo basta con poner
direccin en el disco duro. Si se encuentra en la misma carpeta, basta con poner su
Por ejemplo, supongamos que tenemos un vnculo desde esta pgina a otra llamada curso qu
la carpeta access . El vnculo sera: access/curso.htm

Hipervnculo externo : Un hipervnculo externo es un vnculo a otro sitio web en Inte

externo). Es un vnculo a cualquier otro lugar fuera del sitio actual. Cuando ponemos un vnculo
escribimos la direccin completa de la pgina incluido http://www....
Hipervnculo a una direccin de correo electrnico: Un hipervnculo a una direccin

electrnico es un vnculo que contiene una direccin de correo. Al pulsar en l, automticament

el programa de correo que tenga el usuario instalado para poder escribir a esa direccin de corr

DEFINICIN DE

P G I NA WEB

Se conoce como pgina web al documento que forma parte de un sitio web y
que suele contar con enlaces (tambin conocidos como hipervnculos o links)
para facilitar la navegacin entre los contenidos.

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.

Entre las mltiples caractersticas que tiene una pgina web y que sirven para
identificarla se encuentran las siguientes: cuenta con informacin textual y
tambin con material de tipo audiovisual, est dotada de un diseo atractivo, est
optimizada y ejerce como la tarjeta de presentacin de una empresa, una persona o
un profesional concreto.
En los ltimos aos, dado el avance y presencia que tiene Internet en nuestras
vidas, muchas son las empresas que se han puesto en marcha y han creado su
pgina web. Y es que han descubierto que la misma les sirve para darse a conocer al
mundo, para conseguir captar nuevos clientes y, por tanto, para mejorar sus
resultados econmicos.
En este sentido, es importante saber que para poder conseguir que dicho espacio en
la Red sea absolutamente efectivo y permita alcanzar los citados objetivos hay que
tener en cuenta una serie de criterios fundamentales:
Tiene que tener un diseo atractivo para poder llamar la atencin del usuario y
conseguir que navegue por ella. En este sentido, ese atractivo se conseguir
ofreciendo informacin de calidad as como materiales de diversa ndole tales como
animaciones, vdeos, imgenes
Es vital que se realice con ella las consabidas tareas de estrategia SEO y de
optimizacin. Slo de esa manera se lograr que la misma sea visible y conocida.
Tiene que incluir enlaces tanto a distintos apartados de la misma pgina web como
a otros espacios que pueden resultar de gran inters para el usuario.
Debe ser fcilmente navegable. Slo de esta manera se conseguir que el internauta
vuelva a visitarla.

Es posible distinguir entre las pginas web estticas (cuyos contenidos son
predeterminados) y las pginas web dinmicas (que generan contenidos al
momento de solicitar informacin a un servidor de web a travs de lenguajes
interpretados como JavaScript).
Un conjunto de pginas web, por lo tanto, forman un sitio web. Las pginas suelen
estar reunidas bajo un dominio comn para que el sitio en cuestin sea accesible
desde una misma direccin en Internet.
La inmensa totalidad de pginas que forman los sitios web dan lugar a lo que se
conoce como World Wide Web, Web, Red o, simplemente, Internet, que es el
universo virtual donde est reunida la informacin digital del ciberespacio.
Por ejemplo: NBA.com es el sitio oficial de la National Basketball
Association (NBA). Su direccin o URL es http://www.nba.com. Dentro de
este megasitio, existe una gran cantidad de pginas web. Cada equipo tiene su
propio sitio, que a su vez alberga las pginas web de cada uno de los jugadores de la
liga. Las noticias, las estadsticas y la informacin multimedia tambin ocupan
varias pginas dentro de NBA.com.

Lee todo en: Definicin de pgina web - Qu es, Significado y

Concepto http://definicion.de/pagina-web/#ixzz3l4Qg9U7D

Entendiendo HTML5: gua

para principiantes
Por barbarapvn el 28 de mayo de 2013, 19:23
CompartirTwittear48

Sguenos!

Durante los ltimos aos, el estndar HTML5 se ha estado afianzando en

muchas pginas web. Sin embargo, qu queremos decir con esto? Cul
es la diferencia crucial entre el HTML comn, por as decirlo, y este nuevo
estndar? Hoy hablaremos sobre esto y responderemos a la pregunta de
qu es HTML5. Cabe considerar que la informacin estar orientada a
personas que no tienen experiencia previa y quieren aprender. Es posible

que muchos tengan ya una idea avanzada de esto, y quizs sea

demasiado bsico. En fin, podemos comenzar.

Qu es HTML5
HTML5 es un lenguaje markup (de hecho, las siglas de HTML significan
Hyper Text Markup Language) usado para estructurar y presentar el
contenido para la web. Es uno de los aspectos fundamentales para el
funcionamiento de los sitios, pero no es el primero. Es de hecho la quinta
revisin del estndar que fue creado en 1990. A fines del ao pasado, la
W3C la recomend para transformarse en el estndar a ser usado en el
desarrollo de proyectos venideros. Por as decirlo, qu es HTML5 est
relacionado tambin con la entrada en decadencia del viejo estndar HTML
4, que se combinaba con otros lenguajes para producir los sitios que
podemos ver hoy en da. Con HTML5, tenemos otras posibilidades para
explotar usando menos recursos. Con HTML5, tambin entra en desuso el
formato XHTML, dado que ya no sera necesaria su implementacin.
HTML4 fue declarado el lenguaje oficial de la web en el ao 2000, y tom
una dcada para comenzar a implementar el desarrollo de su nueva

revisin. Esta nueva generacin de HTML, se dice, pronto dominar el

desarrollo en internet, pero introduce algunos cambios importantes que
veremos dentro de algunas lneas. Por ende, para los desarrolladores de
sitios web es importante conocer las ventajas de HTML5, considerando que
algunas entidades se estn moviendo en esta direccin. No solamente
Google con su navegador Chrome, hace unos aos, sino tambin Adobe
hace unos meses, que removi el soporte de Flash para Android para dar
paso a la llegada de HTML5.
Volviendo a qu es HTML5. Se trata de un sistema para formatear
el layout de nuestras pginas, as como hacer algunos ajustes a su aspecto.
Con HTML5, los navegadores como Firefox, Chrome, Explorer, Safari y ms
pueden saber cmo mostrar una determinada pgina web, saber dnde
estn los elementos, dnde poner las imgenes, dnde ubicar el texto. En
este sentido, el HTML5 no se diferencia demasiado de su predecesor, un
lenguaje del cual hablamos hace algunos meses en nuestra gua bsica de
HTML. La diferencia principal, sin embargo, es el nivel de sofisticacin del
cdigo que podremos construir usando HTML5.

Cules son sus novedades

En trminos de Markup, el HTML5 introduce algunos elementos que hacen
que se aggiorne a los tiempos que corren. As, muchas de las novedades
estn relacionadas con la forma de construir websites que se tiene en la
actualidad. Una de las ms importantes novedades est relacionada con
la insercin de multimedia en los sitios web, que ahora contarn con
etiquetas HTML especiales para poder ser incluidos. Por otro lado, algunos
aspectos de diseo tambin son incluidos en el lenguaje, as como tambin
algunos detalles de navegacin. Veremos todo esto en algunas lneas.
Con el uso de HTML5, se puede reducir la dependencia de los plugins que tenemos que tener instalados para poder ver una determinada web.

Caso emblemtico, el de Adobe Flash, que se ve claramente perjudicado

por la instauracin de este estndar. Por otro lado, fue un avance importante
para dispositivos que de forma nativa no soportaban Flash, y que no
soportaban tampoco plug-ins necesarios para hacerlo. Otro caso
emblemtico, el del iPhone. Pero adems, con HTML5 se ampla el
horizonte del desarrollo de aplicaciones que pueden ser usadas en una
multiplicidad de dispositivos.
Gracias a HTML5, los usuarios pueden acceder a sitios web de manera
offline, sin estar conectados a internet. Se suma tambin la funcionalidad de
drag and drop, y tambin la edicin online de documentos ampliamente
popularizada por Google Docs. La geolocalizacin es uno de sus puntos
fuertes, pero por otro lado, las etiquetas diseadas especialmente para el
audio y el video ahorran la necesidad de tener que tener un plug-in de Flash
y, al mismo tiempo, asestan un golpe mortal al producto de Adobe, que cada
vez se est usando menos. Sin embargo, es importante destacar que Flash
sigue siendo utilizado y HTML5 todava no hizo el salto grande, aunque
est en camino.

Las nuevas etiquetas

El lenguaje HTML funciona a travs de marcas de sentido llamadas
etiquetas. Las etiquetas son la herramienta fundamental para que los
navegadores puedan interpretar el cdigo y permitirnos ver imgenes, texto,
prrafo, y estructuras. Los navegadores vendran a ser como traductores
de las etiquetas, y con HTML5, se agregan nuevas etiquetas para utilizar
que nos ahorran el uso de otros productos que se usaban para
complementar y hacer cosas que con el simple HTML no se podan hacer.
HTML5 fue creado para hacer que el proceso de escribir el cdigo sea ms
simple y ms lgico, por decirlo de una forma. Lasintaxis de HTML5 se
destaca, como dijimos, en el mbito multimedia, pero son bastantes las
etiquetas introducidas para generar una mejora.

La idea detrs de HTML5 es que podamos visualizar el contenido

multimedia variado que podemos encontrar en internet an cuando nos
encontramos en dispositivos de gama baja que no podran soportarlo
cuando tienen que instalar infinidad de plug-ins. No solamente contamos
con etiquetas especiales como audio, video y canvas, sino tambin
integracin con contenidos de grficos en vectores (que anteriormente se
conoca como la etiqueta object. Con estas etiquetas, los usuarios pueden
consumir videos y canciones, por ejemplo, sin necesidad de instalar nada
de forma adicional.
Las ms importantes de las nuevas etiquetas creadas son:

article: esta etiqueta sirve para definir un artculo, un comentario de

usuario o una publicacin independiente dentro del sitio.

header, footer: estas etiquetas individuales ahorran tener que insertar

IDs para cada uno, como se sola hacer anteriormente. Adems, se
pueden insertar headers y footers para cada seccin, en lugar de tener
que hacerlo nicamente en general.

nav: la negacin puede ser insertada directamente en el markup,

entre estas etiquetas, que nos permitirn hacer que nuestras listas
oficien de navegacin.

section: con esta etiqueta, una de las ms importantes de las

novedades, se puede definir todo tipo de secciones dentro de un
documento. Por ponerlo de forma sencilla, funciona de una forma
similar a la etiqueta div que nos separa tambin diferentes secciones.

audio y video: estas son las dos ms importantes etiquetas de

HTML5, dado que nos permiten acceder de forma ms simple a
contenido multimedia que puede ser reproducido por casi todo tipo de
dispositivos; marcan el tipo de contenido que estar en su interior.

embed: con esta etiqueta se puede marcar la presencia de un

contenido interactivo o aplicacin externa.

canvas: finalmente, esta etiqueta nos permite introducir un lienzo

dentro de un documento, para poder dibujar grficos por vectores; ser
necesario el uso de JavaScript.

Hay otras etiquetas inauguradas por HTML5 pero destacamos estas por la
innovacin que introducen en nuestro cdigo. Las etiquetas a las que
estbamos acostumbrados, por otro lado, introducen un nuevo
funcionamiento. El caso ejemplo es el de las etiquetas header y footer, que,
como dijimos, ahora permiten separar las secciones, y no solamente el
comienzo y el fin de una pgina. El funcionamiento del DOCTYPE tambin
se renueva, siendo mucho ms simple de usar y menos engorroso. No
vamos a explayarnos demasiado en este sentido, dado que, como dijimos,
nos estamos orientando a principiantes y curioso, pero con HTML5 vamos a
poder escribir mucho menos.
Ya repasamos qu es HTML5, y cules son sus usos principales y sus
innovaciones ms importantes. Para los diseadores, es algo que debera, y
de hecho, ya se est haciendo, implementarse inmediatamente. Las
posibilidades son muchas. Esperamos poder haber aclarado algunas
dudas importantes, o haber despertado algo de curiosidad para que
averigen ms.

**

Qu es CSS3?
noviembre 23, 2010 por Damin | 16 Comentarios

0
inShare
Mientras que HTML nos permite definir la estructura una pgina web, las
hojas de estilo en cascada (Cascading Style Sheets o CSS) son las que nos
ofrecen la posibilidad de definir las reglas y estilos de representacin en
diferentes dispositivos, ya sean pantallas de equipos de escritorio,
porttiles, mviles, impresoras u otros dispositivos capaces de mostrar
contenidos web.
Las hojas de estilo nos permiten definir de manera eficiente la
representacin de nuestras pginas y es uno de los conocimientos
fundamentales que todo diseador web debe manejar a la perfeccin para
realizar su trabajo.
La primera versin de CSS fue publicada a fines del ao 1996 y fue
logrando popularidad y aceptacin hasta llegar a la versin 2.1, estndar
actual que ofrece gran compatibilidad con la mayora de los navegadores
del mercado.
A partir del ao 2005 se comenz a definir el sucesor de esta versin, al
cual se lo conoce como CSS3 o Cascading Style Sheets Level 3.
Actualmente en definicin, esta versin nos ofrece una gran variedad de
opciones muy importantes para las necesidades del diseo web actual.
Desde opciones de sombreado y redondeado, hasta funciones avanzadas
de movimiento y transformacin, CSS3 es el estndar que dominar la web
por los siguientes aos.

Qu es Javascript?
Javascript es un lenguaje de programacin que permite a los
desarrolladores crear acciones en sus pginas web. Pero
Qu es Javascript?, Cmo nace Javascript? son algunas
de la preguntas que el siguiente artculo intenta resolver.
Damin Prez Valdsjulio 3 2007
2
inCompartir

Javascript es un lenguaje que puede ser utilizado por

profesionales y para quienes se inician en el desarrollo y
diseo de sitios web. No requiere de compilacin ya que
el lenguaje funciona del lado del cliente,
los navegadores son los encargados de interpretar estos
cdigos.
Muchos confunden el Javascript con el Java pero ambos
lenguajes son diferentes y tienes sus caractersticas
singulares. Javascript tiene la ventaja de ser incorporado
en cualquier pgina web, puede ser ejecutado sin la
necesidad de instalar otro programa para ser visualizado.

Java por su parte tiene como principal caracterstica ser

un lenguaje independiente de la plataforma. Se puede
crear todo tipo de programa que puede ser ejecutado en
cualquier ordenador del
mercado: Linux, Windows, Apple, etc. Debido a sus
caractersticas tambin es muy utilizado para internet.
Como sntesis se pude decir que Javascript es un lenguaje
interpretado, basado en prototipos, mientras que Java es
un lenguaje ms orientado a objetos.
Qu es Javascript?

Javascript es un lenguaje con muchas posibilidades,

utilizado para crear pequeos programas que luego son
insertados en una pgina web y en programas ms
grandes, orientados a objetos mucho ms complejos. Con
Javascript podemos crear diferentes efectos e interactuar
con nuestros usuarios.
Este lenguaje posee varias caractersticas, entre ellas
podemos mencionar que es un lenguaje basado en
acciones que posee menos restricciones. Adems, es un
lenguaje que utiliza Windows y sistemas X-Windows,
gran parte de la programacin en este lenguaje est
centrada en describir objetos, escribir funciones que

respondan a movimientos del mouse, aperturas,

utilizacin de teclas, cargas de pginas entre otros.
Es necesario resaltar que hay dos tipos de JavaScript: por
un lado est el que se ejecuta en el cliente, este es el
Javascript propiamente dicho, aunque tcnicamente se
denomina Navigator JavaScript. Pero tambin existe un
Javascript que se ejecuta en el servidor, es ms reciente y
se denomina LiveWire Javascript.
Cmo nace Javascript?

Javascript naci con la necesidad de permitir a los autores

de sitio web crear pginas que permitan intercambiar con
los usuarios, ya que se necesitaba crear webs de mayor
complejidad. El HTML solo permita crear pginas
estticas donde se poda mostrar textos con estilos, pero
se necesitaba interactuar con los usuarios.
En los aos de 1990, Netscape creo Livescript; las
primeras versiones de este lenguaje fueron
principalmente dedicadas a pequeos grupos de
diseadores Web que no necesitaban utilizar un
compilador, o sin ninguna experiencia en la programacin
orientada a objetos.

A medida que estuvieron disponibles nuevas versiones de

este lenguaje incluan nuevos componentes que dan gran
potencial al lenguaje, pero lamentablemente esta versin
solo funcionaba en la ltima versin del Navigator en
aquel momento.
En diciembre de 1995, Netscape y Sun Microsystems (el
creador del lenguaje Java) luego de unirse objetivo de
desarrollar el proyecto en conjunto, reintroducen este
lenguaje con el nombre de Javascript. En respuesta a la
popularidad de Javascript, Microsoft lanzo su propio
lenguaje de programacin a base de script, VBScript (una
pequea versin de Visual Basic).
En el ao de 1996 Microsoft se interesa por competir con
Javascript por lo que lanza su lenguaje llamado Jscript,
introducido en los navegadores de Internet Explorer. A
pesar de las diferentes crticas que se le hacen al lenguaje
Javascript, este es uno de los lenguajes de programacin
ms populares para la web. Desde que los navegadores
incluyen el Javascript, no necesitamos el Java Runtime
Environment (JRE), para que se ejecute.
El Javascript es una tecnologa que ha sobrevivido por
ms de 10 aos, es fundamentales en la web, junto con la

estandarizacin de la European Computer Manufacturers

Association (ECMA) (adoptada luego por la ISO) y
W3C DOM, Javascript es considerado por muchos
desarrolladores web como la fundacin para la prxima
generacin de aplicaciones web dinmicas del lado del
cliente.
La estandarizacin de Javascript comenz en conjunto
con ECMA en Noviembre de 1996. Es adoptado este
estndar en Junio de 1997 y luego tambin por la
Internacional Organization for Standardization (ISO).
El DOM por sus siglas en ingls Modelo de Objetos del
Documento fue diseado para evitar incompatibilidades.
Dnde puedo ver funcionando Javascript?

Entre los diferentes servicios que se encuentran

realizados con Javascript en Internet se encuentran:
Correo
Chat
Buscadores de Informacin
Tambin podemos encontrar o crear cdigos para
insertarlos en las pginas como:

 Reloj
Contadores de visitas
Fechas
Calculadoras
Validadores de formularios
Detectores de navegadores e idiomas
Cmo identificar cdigo Javascript?

El cdigo javascript podemos encontrarlo dentro de las

etiquetas <body></body> de nuestras pginas web.
Por lo general se insertan
entre: <script></script>. Tambin pueden estar
ubicados en ficheros externos usando:
<script type="text/javascript"
src="micodigo.js"></script>
Algunas caractersticas del lenguaje son:

Su sintaxis es similar a la usada en Java y C, al ser un

lenguaje del lado del cliente este es interpretado por el
navegador, no se necesita tener instalado ningn
Framework.
Variables: var = Hola, n=103

 Condiciones: if(i<10){ }
Ciclos: for(i; i<10; i++){ }
Arreglos: var miArreglo = new
Array(12, 77, 5)
Funciones: Ppopias del lenguaje y
predefinidas por los usuarios
Comentarios para una sola lnea: //
Comentarios
Comentarios para varias lineas:
/*
Comentarios
*/
Permite la programacin orientada a
objetos: document.write("Hola");
Las variables pueden ser definidas como:
string, integer, flota, bolean simplemente
utilizando var. Podemos usar + para
concatenar cadenas y variables.
Es compatible con navegadores?

Javascript es soportado por la mayora de los navegadores

como Internet Explorer, Netscape, Opera, Mozilla
Firefox, entre otros.

Con el surgimiento de lenguajes como PHP del lado del

servidor y Javascript del lado del cliente, surgi Ajax en
acrnimo de (Asynchronous Javascript And XML). El
mismo es una tcnica para crear aplicaciones web
interactivas. Este lenguaje combina varias tecnologas:
HTML y Hojas de Estilos CSS para generar
estilos.
Implementaciones ECMAScript, uno de
ellos es el lenguaje Javascript.
XMLHttpRequest es una de las funciones
ms importantes que incluye, que permite
intercambiar datos asincrnicamente con
el servidor web, puede ser
mediante PHP,ASP, entre otros.
Debemos tener en cuenta que aunque Javascript sea
soportado en gran cantidad de navegadores nuestros
usuarios pueden elegir la opcin de Activar/Desactivar el
Javascript en los mismos.