INDICE

BREVE INTRODUCCION AL CURSO .................................................................................... 2

OBJETIVOS DE UN SITIO WEB............................................................................................. 2
INFORMACION A PUBLICAR ................................................................................................ 3
ORGANIZACION DE LA INFORMACION .............................................................................. 4
NOMBRES DE DOMINIOS ..................................................................................................... 5
TIPOS DE ALOJAMIENTO ..................................................................................................... 6
CLASIFICACION DE SITIOS WEB......................................................................................... 6
INICIANDO UN SITIO WEB .................................................................................................... 7
Cuerpo de un sitio Web ................................................................................................................. 8
Resolucin de pantalla, aplicado al Web ...................................................................................... 9
Uso de las tablas.......................................................................................................................... 10
La interface................................................................................................................................... 11
Los colores................................................................................................................................... 11
Los mens.................................................................................................................................... 14
Los botones ................................................................................................................................. 14
Los textos..................................................................................................................................... 15
Las tipografas ............................................................................................................................. 15
Fuentes en Windows y Mac................................................................................................................................ 15
Letras con Serif y sin Serif.................................................................................................................................. 16
Textos en Imgenes GIF .................................................................................................................................... 16
Mezclar fuentes en la Pgina ............................................................................................................................. 16

Las imgenes ............................................................................................................................... 17

Tipos de formatos de archivo ............................................................................................................................. 17
Caractersticas del formato GIF.......................................................................................................................... 17
Caractersticas del formato JPG......................................................................................................................... 18

Las animaciones .......................................................................................................................... 18

Formatos de animaciones para el Web ............................................................................................................. 19

ORGANIZACION DEL CONTENIDO .................................................................................... 20

TIPS....................................................................................................................................... 22

INGRAFD / PROYECTO WEB [ 1 ]

BREVE INTRODUCCION AL CURSO

En el curso llamado Proyecto Web, el estudiante aprender a cmo organizar un nuevo
proyecto Web, desde la esquematizacin, organizacin del material a publicar, diseo grfico
aplicado al Web, hasta la publicacin en un servidor del Internet.

OBJETIVOS DE UN SITIO WEB

Todo sitio Web, tiene un fin principal, ya sea este comercio electrnico, como un medio de
dar a conocer noticias, de distribucin de software o simple presencia.
Para la creacin de un sitio Web, es importante conocer las fuerzas y debilidades de la
informacin a publicar. Esto garantiza que a la larga el sitio se vuelva exitoso o como una via
de derrochar dinero, degenerando en prdidas para la empresa contratante.
Un ejemplo de cmo manejar las deficiencias, haciendo que estas caigan en un segundo
plano es aplicando un diseo acabado, utilizando colores llamativos (aunque no chillones) y
tipografas elegantes. Todos estos detalles, crean en la interface del sitio un ambiente
confortante para el navegante, concentrndose entonces en los productos a exponer.
Pero un diseo elegante no determina el xito o fracaso del sitio. Al momento de recibir al
cliente, tener la entrevista con l y conocer sus intereses en torno al sitio, hay que sopesar
detalles que garanticen que el trabajo no sea en vano.
Usemos como ejemplo, el caso de una empresa X que venda cubos para agua. Quizs el
cliente desea crear un sitio donde los navegantes puedan hacer compras en lnea, sin
embargo ese tipo de productos no tiene la misma salida de ventas que tienen productos para
el cuidado del cabello o alimentos.
En este caso es importante aclararle al cliente, que aunque sus productos sean buenos, lo
ideal es que el sitio se convierta en un catlogo informativo de estos. De lo contrario, a la
corta o a la larga el cliente encontrar que el website no es beneficioso y rescindir de
nuestros servicios.

INGRAFD / PROYECTO WEB [ 2 ]

INFORMACION A PUBLICAR
El contenido informativo del sitio es muy importante, pues define los intereses de la empresa
contratante, los beneficios que esta pueda darle a los navegantes y el objetivo del sitio.
Ya el caso de un peridico en lnea. La mayora de los perodicos en lnea concentran su
contenido en base a la informacin publicada en su medio convencional. O una empresa
dedicada a la fabricacin de productos farmacuticos, que ponen en lnea la informacin de
fabricacin de los productos, sus componentes qumicos y fisiolgicos y las indicaciones
para los pacientes.
Pero obsrvese que en cada uno de estos sitios hay un eslavn a resaltar, el BLANCO al
que va dirigido. Veamos:
Los peridicos en lnea son leidos por personas que tienen cierto nivel cultural y econmico.
Y es a ese blanco de pblico a quienes realmente va dirigido ese servicio, justificando esto
que a cambio de los navegantes leer la informacin completamente gratis, compren a los
patrocinadores (a travs de banners en las mismas pginas) sus productos y servicios.
Recibiendo as el peridico en lnea beneficios por ese intermedio.
En el caso de las farmacuticas, estas van dirigidas a los mdicos, quienes son los nicos
capaces de entender las combinaciones qumicas componentes de los medicamentos. Un
navegante medio no entendera ese tipo de informacin, haciendo de este modo que los
mdicos se conviertan en vendedores de los productos expuestos en el sitio web de las
farmacuticas.
Volviendo al tema, si un cliente X vende cubetas para agua, necesitaremos que el cliente
nos entregue todo el material informativo de los productos, fotos, descripciones, beneficios
para los usuarios finales. Adems de informacin general del cliente, medios para
contactarlos y cualquier otra informacin que se considere de importancia para el navegante.

INGRAFD / PROYECTO WEB [ 3 ]

ORGANIZACION DE LA INFORMACION
Luego de recibir todo el material necesario por el cliente, el siguiente paso es organizar todo
lo recibido por categora.
Si el sitio contendr informacin acerca del cliente (Quienes Somos), informacin de los
productos a modo de catlogo (Productos) y los medios para contactar al cliente
(Contactarnos), esto se reducira del siguiente modo:

Con este simple organigrama se define la esquematizacin del sitio, ya que en l podemos
catalogar qu tipo de informacin es lo que tenemos en la mano y en qu lugar se debe
poner. A la misma vez, es un modo visual de mostrarle al cliente y al equipo que va a
trabajar con el sitio cmo deben ir organizados los enlaces dentro del sitio.

INGRAFD / PROYECTO WEB [ 4 ]

NOMBRES DE DOMINIOS
Luego de creado las pginas del sitio web, el siguiente paso es registrar un Nombre de
Dominio (Domain Name) el cual se convertir en la direccin donde se localizar ese sitio.
Pero antes de continuar, expliquemos lo que son los Nombres de Dominios. Tcnicamente,
los servidores Web donde se alojan las pginas se nombran con nmeros especficos para
esas pginas, algo parecido a la cdula de identidad, donde dos nmeros nunca son iguales.
Estos nmeros pueden ser 69.93.54.10 192.168.56.21. A estos nmeros se les denomina
IP Address. Pero el ser humano no est acostumbrado por naturaleza a recordar nmeros
muy complicados, as que se desarrollo un sistema, que es legislado por la empresa
norteamericana InterNIC, el cual permite que esos nmeros sean sustituidos por nombres y
una extensin.
El sistema funciona del siguiente modo:

InterNIC guarda una base de datos de todas las direcciones IP y los nombres de dominio
asociados a esas direcciones. Cuando un navegante digita en el browser
www.junior.com.do, el browser automticamente se conecta a la base de datos de InterNIC y
revisa cual es la direccin IP para ese dominio (69.93.54.10). Inmeditamente se desva al IP
encontrado y muestra el contenido del sitio. Todo esto no toma ms de uno o dos segundos.
Como mencionamos anteriormente, al nombre le acompaa una extensin. Esta es otra
legislacin que permite catalogar el sitio segn el tipo de servicio que ofrece. Tal como .com,
que es utilizada para los sitios comerciales, .org para sitios no gubernamentales o sin fines
de lucro, .edu para instituciones educativas, .net para empresas de telecomunicaciones y
.gov para sitios gubernamentales.
Pero adems de estas, que se pueden considerar las principales, existen actualmente ms
de 60 tipos de extensiones, segn la regin donde se encuentren alojadas, tales como .ch
para China, .es para Espaa, .mx para Mxico, .ar para Argentina .do para la Repblica
Dominicana.

INGRAFD / PROYECTO WEB [ 5 ]

TIPOS DE ALOJAMIENTO
Mencionamos en el tema anterior que los sitios web se encuentran en servidores con
determinados nmeros IP. Estos servidores no son ms que simples computadoras con un
software capaz de activar las pginas de los sitios y compartirlas con el Internet, conectados
a este a travs de conexiones de alta velocidad.
Instalar los sitios web en estos servidores se le denomina alojar (Hosting).
Podemos considerar dos tipos de hosting: el pagado y el gratis.
El pagado es el ms comn y permite registrar un dominio completamente personalizado
(www.viruxcreativo.com, www.sony.com, www.yahoo.com). Este exige que se pague cierta
cantidad de dinero para la creacin del espacio, ms una mensualidad para mantenimiento.
El gratis, por el contrario, se aloja en ciertas compaas que permiten ese servicio a cambio
de que en la pgina aparezca un banner con el patrocinador de la empresa alojante. En este
caso, el sitio no paga un solo centavo por el mantenimiento o creacin del espacio, aunque
tiene sus contras, tales como: el dominio regularmente incluye el nombre de la empresa
alojante (Tripod.com = http://juniorhernandez.tripod.com/), hay cierto lmite de espacio que
va de 2MB a 25MB y los banners de los patrocinadores tienden a ser molestos.

CLASIFICACION DE SITIOS WEB

Existen tres categoras bsicas de sitios Web de los que se derivan todos los tipos
imaginables. Estas categoras son: Comerciales, No Comerciales y Gubernamentales.
Los sitios comerciales son aquellos donde el fin principal es vender o promocionar cosas.
Dentro de este podemos mencionar los siguientes:
- Portales (yahoo.com, elsitio.com, enel.net).
- Buscadores (altavista.com, ask.com, google.com).
- Transacciones bancarias en lnea (popularenlinea.com, bancredito.com, chase.com).
- Subastas (ebay.com, deremate.com, mercadolibre.com).
- Peridicos en lnea (listin.com.do, hoy.com.do, nytimes.com),
- Presencia en lnea (sapair.com, fihogar.com, pepsi.com).
- Personales (junior.com.do).
- Pornogrficas.
- Catlogo de productos en lnea (macys.com, compusa.com, amazon.com).
As como cualquier otro tipo de website donde el fin sea vender o dar a conocer productos o
servicios.

INGRAFD / PROYECTO WEB [ 6 ]

Los sitios no comerciales son aquellos sin fines de lucro ni polticos. Entre estos podemos
mencionar los religiosos (didaskalia.org), proteccin a la niez (unicef.org), proteccin al
medio ambiente (sepa.org.uk), universidades y centros educativos (ucsd.edu.do), etc.
Finalmente, los sitios gubernamentales. Estos sitios son exclusivos para instituciones del
gobierno y son los nicos con el permiso para utilizar la extensin .gov en sus nombres de
dominio (whitehouse.gov, fbi.gov, presidencia.gov.do, set.gov.do, senado.gov.ar,
sre.gob.mx).

INICIANDO UN SITIO WEB

Luego de haber conocido el tema Organizacin de la Informacin, ahora entramos en el
punto inicial del proceso de creacin de un sitio Web.
Las herramientas de trabajo que se asumen en este proceso son Macromedia Freehand,
DreamWeaver y FireWorks.
Luego de haber estudiado todo el material entregado por el cliente y haber estructurado el
organigrama con la esquematizacin del sitio, iniciamos tomando lpiz y papel y dibujando
bocetos de los posibles diseos de interface a usar. Dentro de nuestra experiencia de
trabajo, la mejor herramienta para disear interfaces es Freehand, por su flexibilidad, pero en
una etapa inicial lo mejor y ms fcil es crear bocetos manuales.
Luego de diseado los bocetos abrimos un archivo nuevo en Macromedia Freehand (File >
New) y diseamos la interface. El siguiente paso es abrir Fireworks y luego el archivo
preparado en Freehand (File > Open). En este se especifican las secciones en las que se
dividir el archivo luego de finalizado la conversin a grficas, esto es usando la herramienta
Slice.
Se exporta a DreamWeaver, donde integramos el texto de cada pgina y activamos los
enlaces del sitio.
Aunque lo expuesto arriba es una explicacin somera acerca de cmo desarrollar una
pgina, porque disear un sitio web requiere conocimientos extras, tales como manejo de
colores, esttica para organizacin de los mens y botones, la disposicin del texto, as
como la tipografa, animacin y uso de las tablas como base de todo lo dicho.

INGRAFD / PROYECTO WEB [ 7 ]

CUERPO DE UN SITIO WEB

Un sitio web est compuesto de dos tipos bsicos de pginas:
El primer tipo es la bienvenida o Home, que es primer el archivo que busca el browser
cuando entra a una nueva direccin. Este archivo debe llamarse home, index o default para
que el browser entienda que es la pagina de entrada al sitio. De no denominarle con alguno
de estos nombres, el browser mostrar como resultado un error o el listado de archivos del
directorio donde se encuentra alojado en el servidor web.

El segundo tipo son las pginas normales, conteniendo la informacin general de cada tema.
Esta se compone de las imgenes y elementos animatrnicos, el logo, el men y el cuerpo
del texto.
El diseo es variado y completamente libre para la disposicin de los elementos, pero se
debe tomar en cuenta que deben estar dispuestos de una forma clara y fcil de acceder para
los navegantes.
Un sitio web puede contener cuantas pginas sean necesarias para la
informacin. Tal es el caso del sitio de una compaa que venda
zapatos. Como en el organigrama mostrado en el Tema 3, este se
dividir en Quines
Somos, Productos y
Contactarnos, adems
tendr
subpginas
dentro de productos con la informacin de
cada tipo o lnea de zapatos, ms los precios,
fotografas y otros detalles. En este ejemplo
solo se usaron tres pginas para productos,
pero eso puede variar segn el trabajo.

INGRAFD / PROYECTO WEB [ 8 ]

RESOLUCION DE PANTALLA, APLICADO AL WEB

Uno de los puntos ms importantes al momento de disear una interface, es la resolucin de
pantalla. Hemos de recordar que las resoluciones estndar son 640x480, 800x600 y
1024x768; con esto queremos decir que lo ideal al momento de disear un sitio web, es que
el ancho pueda ser soportable por todas las resoluciones.
Pero eso no nos limita. Con la potencia y los relativos bajos costos de las computadoras,
ms la inclusin de tarjetas de video igual de potentes dentro del paquete de configuracin
de los nuevos modelos, ya no es necesario preocuparse por trabajar en resoluciones
basadas en 640x480, lo ideal ya sera 800x600 y 1024x768.
Veamos la grfica de la derecha, en ella
podemos apreciar dos ventanas juntas.
En la izquierda se encuentra la ventana
de un browser a una resolucin de
640x480, y a la derecha bajo la primera
se encuentra otra a una resolucin de
800x600. Esto es un ejemplo de lo que
pasa cuando no se toma en cuenta el
tamao de las resoluciones de pantalla al
momento de disear la interface.
En este ejemplo se ve claramente cmo
el texto, parte del men y un pequeo
elemento animado en la parte inferior de
la interface se cortaron al tratar de abrir la
misma pgina en una resolucin inferior a 800x600. Pero eso no es de preocupar cuando
tratamos el sitio en base a resoluciones de este ltimo.
Una idea para evitar que la situacin en el ejemplo suceda, es que al momento de crear la
tabla que contendr los elementos del sitio, en la opcin Width de la ventana que muestra al
crearla, apliquemos 100% (DreamWeaver); eso har que el ancho de la interface se adapte
a la resolucin de la pantalla.
Para resoluciones a 640x480 se recomienda trabajar a un ancho de 600px, pantallas a
800x600 un ancho de 760px y 1024x768 una resolucin de 955px.

INGRAFD / PROYECTO WEB [ 9 ]

USO DE LAS TABLAS

Las tablas surgieron con la versin HTML 2.0 y nos permiten representar y ordenar cualquier
elemento de las pginas HTML en diferentes filas y columnas, rpida y fcilmente.

En la grfica de arriba podemos ver un ejemplo de las tablas. A la izquierda se pueden

observar las lneas grises que contienen los elementos y dan la posicin que podemos ver
en los browsers (a la derecha).
Dreamweaver permite
crear tablas de una
manera muy fcil. Vamos
al men Insert (Insertar)
> Table (Tabla), lo que
nos mostrar una
ventana preguntndonos
cantidad de columnas
(Columns), cantidad de
celdas (Rows), espacio
entre la lnea y el texto
(Cell Padding) y el ancho
de las lneas (Cell
Spacing), adems del
tamao en ancho que se
mostrar en pantalla,
tanto en pixeles como en
porciento (Width) y el
grueso de la lnea de la
tabla (Border).

INGRAFD / PROYECTO WEB [ 10 ]

LA INTERFACE
Luego de tener disponible todo el material a trabajar y esquematizado el sitio, ms los
conocimientos acerca del manejo de las tablas, entramos ahora en el diseo de la interface.
Recordemos la grfica de la izquierda, en ella
vemos sealados el cuerpo del texto y la
posicin del men, adems de poder apreciar el
logo y unas lneas de fondo. Todo esto
complementa la interface del sitio.
La interface es la cara de un website y tiene que
ser familiar al visitante. Pero al referirnos a
familiar, debemos entender que los elementos
principales de este, como el texto y los mens de
navegacin, deben ser accesibles y claramente
marcados.
Otro punto a tomar en cuenta es la utilizacin de los
colores. Se pueden combinar colores como amarillo
con fondo negro o colores oscuros, pero nunca colores
complementarios, pero de esto hablaremos en el
prximo tema.

LOS COLORES
Comencemos con lo bsico, nuestros ojos. La vista es
considerada frecuentemente como el ms valioso de
los sentidos. Es a travs de ella que conocemos las
formas, colores y texturas. Todo esto se logr porque
el cerebro es capaz de reconocer y decodificar
millones de colores del ambiente, pero primero pasa a
travs de nuestra vista.

Colores Pigmento (CMYK)

El color no es ms que la refraccin de la luz sobre los

objetos y se puede dividir en dos tipos: Colores
Pigmento y Colores Luz.
Los colores pigmento (CMYK) son aquellos que se
representan en el medio impreso, como revistas,
peridicos, pancartas, etc. Se denominan colores
pigmento, porque la composicin qumica de las
pinturas y otros sistemas de matices estn fabricados
con polvos (o pigmentos) de diferentes procedencias.

Colores Luz (RGB)

Este sistema de colores se compone de cuatro bsicos: magenta, cyan, amarillo y negro. La
suma de los cuatro colores da negro como resultado y la gama no es muy extensa.
INGRAFD / PROYECTO WEB [ 11 ]

Los colores luz (RGB) son aquellos no representados en el medio impreso, como son el
verde de la hoja de un rbol, el cielo, los colores de las flores, etc.
Estos colores, a diferencia de los pigmento son muy extensos. El ojo humano puede percibir
ms de 40 millones, y se pueden encontrar en cualquier lugar.
Los colores luz se componen de tres bsicos: rojo, azul y verde. La suma de estos colores
da blanco.
La refraccin de la luz sucede del siguiente modo:
Un objeto amarillo est compuesto de la suma del verde y el
rojo. Cuando la luz blanca choca con el objeto amarillo,
absorbe el azul y refracta nicamente el rojo y verde, luego
nuestro cerebro decodifica esto y vemos el color amarillo.
Ahora entremos de lleno a lo nuestro, los colores para el web.
Los colores con los que se trabaja para el web son los colores luz, porque luz es lo que
utilizan las pantallas de las computadoras para representar las imgenes.
Pero a diferencia de los colores luz normales, la gama de colores que se usan para el web
es mucho menos extensa, este se limita a 216 colores. Esta cantidad tan pequea de
colores es debido a la incompatibilidad de los browsers en los diferentes sistemas
operativos.
Algunos colores preparados bajo Mac se ven mucho ms oscuros bajo Windows, as sucede
con otros sistemas operativos. Debido a estas incompatibilidades, los desarrolladores de
browsers decidieron estandarizar los colores y tomar solo aquellos que se vieran igual en
todos los sistemas, teniendo como resultado los 216 mencionados. Por tanto, a estos colores
se les denomina Web safe colors.
Es mucho ms seguro trabajar bajo estos colores, porque tenemos ms garanta de que los
elementos que los contengan se vern tan cual fueron diseados, en todos los sistemas
operativos.
Los valores RBG se indican en numeracin hexadecimal, en base 16. (Los dgitos pueden
crecer hasta 16). Como no hay tantos dgitos numricos se utilizan las letras de la A a la F.
Para conseguir un color, mezclaremos valores de esta manera: RRGGBB, donde cada valor
puede crecer desde 00 hasta FF.
0=0
1=1
2=2
3= 3

4=4
5=5
6=6
7=7

8=8
9=9
A = 10
B = 11

C = 12
D = 13
E = 14
F = 15

INGRAFD / PROYECTO WEB [ 12 ]

Tabla con las 216 gamas de colores y su valor hexadecimal:

INGRAFD / PROYECTO WEB [ 13 ]

LOS MENUS
Es la nica herramienta que tienen los
visitantes para poder navegar por el sitio,
as que es importante prestarle atencin a
este detalle.
Existen varias herramientas para hacer
estos. Los mens no son ms que
elementos, ya sean botones en forma de
grficas, textos, animaciones Flash o
botones en Java con hiperenlaces a las
pginas dentro del sitio o fuera de l.
Gracias a la estandarizacin de los browsers e inclusin de herramientas en los programas
de diseo web con scripts pre-diseados, es mucho ms fcil ahora crear algunas
particularidades a estos, como los rollover, que hacen que los botones cambien de color y
ejecuten alguna accin y los mens desplegables (popup menus), que en una miniventana
de texto despliega los enlaces.

LOS BOTONES
Estos, como mencionamos antes, pueden ser diseados de las formas
ms creativas. Los hay de todas las formas, colores y tamaos.
Para el diseo de estos se pueden utilizar programas como Adobe
Photoshop, Adobe ImageReady, Macromedia Flash, Macromedia
FireWorks. Aunque en internet podemos encontrar muchos sitios desde
donde se pueden descargar algunos pre-diseados completamente
gratis.
Estos son algunos sitios gratis:
http://www.keysca.com/free/buttons.html
http://www.freebuttons.com/
http://www.aaa-buttons.com/
http://www.freebuttons.net/
http://www.wbshp.com/freebuttons.html

INGRAFD / PROYECTO WEB [ 14 ]

LOS TEXTOS
Aunque la disposicin de estos en la pgina es completamente libre sin necesidad de
abundar mucho, si hay dos puntos importantes que se deben mencionar.
Nunca utilizar textos en condicin de
grficas, porque para cargar son muy lentas
y se pierde el sentido de la lectura. Se
aceptan ttulos, pero nunca textos completos.
As como los colores, los diferentes sistemas
operativos tienen incompatibilidades en los
nombres de las tipografas, por tanto
Helvetica para Mac nunca ser igual a
Helvetica Roman para Windows. Si se usa
un programa para diseo de pginas web
como DreamWeaver, siempre es bueno usar
las opciones tipogrficas que este da como
estndares, y no aplicar letras que pueden funcionar en Windows, pero no en Mac, Linux o el
OS/2, como se tratar en el siguiente tema.

LAS TIPOGRAFIAS
Un error muy comn entre diseadores web noveles consiste en elegir un tipo de letra
'extico' para la pgina web, pensando que todos los visitantes a su pgina obtendrn el
mismo impactante resultado que aparece en la pantalla de su ordenador en ese momento.
Pero esto no es as. El navegador slo mostrar la fuente definida originalmente en la pgina
web si esta se encuentra instalada en el ordenador del cliente. De otro modo, la fuente ser
sustituida por otra, normalmente Times o Times New Roman.

Fuentes en Windows y Mac

Es importante que se definan las fuentes del documento eligiendo entre las que se
encuentran disponibles habitualmente en los sistemas operativos principales Windows y
Mac. Aunque las fuentes son muy parecidas tienen distintos nombres en cada sistema
operativo. En Windows las fuentes ms usuales son Arial, Comic Sans, Courier New,
Georgia, Helvetica, Times New Roman (fuente por defecto) y Verdana.
En los sistemas Mac las ms usuales son: Arial, Chicago, Courier, Gneva, Helvtica y
Times (fuente por defecto). Por tanto, para que las pginas se muestren correctamente en
los dos sistemas es necesario hacer una definicin mltiple de fuentes e indicar la fuente
preferida tanto en el sistema Windows como en el sistema Mac.
Usando directamente el comando FONT FACE del HTML, la instruccin sera por ejemplo:
<font face='Georgia, Times, Times New Roman, serif'>. Otra posibilidad para definir la
INGRAFD / PROYECTO WEB [ 15 ]

fuente de todo el documento es utilizar el atributo FONT-FAMILY con un valor mltiple en la

hoja de estilo en cascada. Por ejemplo: 'FONT-FAMILY: arial, geneva, helvetica, sans-serif'.
Si la primera fuente no est instalada en el sistema operativo, el navegador intentar
mostrar la siguiente y as sucesivamente hasta terminar todas las opciones especificadas.
Pero afortunadamente no necesitamos complicarnos con escribir el cdigo HTML de las
fuentes, ya que Dreamweaver tiene en su Panel de Propiedades una opcin para esto.

Letras con serif y sin serif

El ltimo valor seleccionado de fuente debe ser siempre 'serif' o 'sans-serif'. Estas dos son
las familias principales de fuentes que existen. La familia 'serif' hace referencia a las fuentes
de imprenta, que tienen un pequeo adorno o 'serifa' en los extremos. Times, Georgia y
Times New Roman son ejemplos de este estilo de letra que tiene unas connotaciones ms
clsicas y formales. La familia 'sans-serif' est formada por todas las letras llamadas 'de
palo', con un trazo ms limpio y sin adornos. Por ejemplo: Arial, Helvetica y Verdana.
Parece ser que los usuarios prefieren en formato papel las fuentes 'serif' porque facilitan la
lectura de los textos largos. Sin embargo, la mayora de sitios web estn optando
ltimamente por las fuentes 'sans-serif' porque son ms agradables de leer en pantalla y
admiten mejor una reduccin de tamao hasta 8 o incluso 7 puntos.
Despus existe una tercera familia principal de fuentes que son las llamadas 'informales' o
'de fantasa'. Su uso entraa riesgos ya que no se puede asegurar que se vayan a encontrar
en el ordenador de los visitantes de las pginas web. Para crear una pgina con una
tipografa informal la opcin ms segura es usar la fuente Comic Sans.

Textos en imgenes GIF

Si se desea asegurar que un determinado texto se muestre con total fidelidad a la fuente
original y esta no es muy habitual, habr que optar por capturar una imagen del texto en
formato GIF con fondo transparente e integrarlo con el resto de la pgina.
Obviamente esto slo es aplicable a fragmentos cortos de texto, como las opciones de un
men de navegacin o breves mensajes como el lema de la empresa o textos publicitarios.
En estos casos es fundamental incluir un texto alternativo con la imagen usando el atributo
ALT. El texto alternativo debe reproducir literalmente el texto mostrado en la imagen.

Mezclar fuentes en la pgina

Se recomienda no mezclar ms de dos fuentes distintas en la misma pgina web. Cambiar la
fuente a mitad del documento slo est justificado si se trata de mostrar elementos con
contenido de una naturaleza diferente. Por ejemplo, diferenciar lo que es el texto del artculo
principal de las opciones de navegacin o los ttulos de seccin.

INGRAFD / PROYECTO WEB [ 16 ]

Se puede montar un sitio web perfectamente atractivo jugando slo con las fuentes Arial y
Verdana. No hay que olvidar que existen otros elementos de diseo relacionados con la
presentacin de la fuente y con los que podemos jugar para hacer la pgina ms atractiva.
Algunos ejemplos son el uso de la negrita y la cursiva, distintos tamaos de letra y cambiar
el color del primer plano o color de fondo de las letras.

LAS IMAGENES
Los grficos de las pginas web tienen mucha importancia, son los que hacen que estas
sean vistosas y lo que nos permite aplicar nuestra creatividad para hacer del diseo de sitios
una tarea agradable. Es tambin una herramienta para acercar los sitios al mundo donde
vivimos, sim embargo, es tambin el causante de errores graves en las pginas y hacer de
estas, en algunos casos, un martirio para el visitante.
Las nociones bsicas para el uso de archivos grficos son sencillas, conocerlas, aunque sea
ligeramente, nos ayudar a crear sitios agradables y rpidos. No cometer errores en el uso
de las imgenes es fundamental, aunque no seas un diseador y las imgenes que utilices
sean feas, utilzalas bien y as estars haciendo ms agradable la visita a tus pginas.

Tipos de formatos de archivo

En Internet se utilizan principalmente dos tipos de formatos grficos GIF y JPG, pensados
especialmente para optimizar el tamao que ocupan en disco, ya que los archivos pequeos
se transmiten ms rpidamente por la Red.
El formato de archivo GIF se usa para las imgenes que tengan dibujos, mientras que el
formato JPG se usa para las fotografas. Los dos comprimen las imgenes para guardarlas.
La forma de comprimir la imagen que utiliza cada formato es lo que los hace ideales para
unos u otros propsitos.
Adicionalmente, se puede usar un tercer formato grfico en las pginas web, el PNG. Este
formato no tiene tanta aceptacin como el GIF o JPG por varias razones, entre las que
destacan el desconocimiento del formato por parte de los desarrolladores y que los
navegadores antiguos tambin tienen problemas para visualizar. Sin embargo, el formato se
comporta muy bien en cuanto a compresin y calidad del grfico conseguido, por lo que
resultara til si se llega a extender su uso.

Caractersticas del formato GIF

Compresin: Es muy buena para dibujos, como ya hemos dicho. Incluso puede ser
interesante si la imagen es muy pequea, aunque sea una foto.
Transparencia: Es una utilidad para definir ciertas partes del dibujo como transparentes. De
este modo podemos colocar las imgenes sobre distintos fondos sin que se vea el cuadrado
donde est la grfica, viendose en cambio la silueta del dibujo en cuestin.
Para crear un gif transparente debemos utilizar un programa de diseo grfico (como
Photoshop, ImageReady o FireWorks), con el que podamos indicar qu colores del dibujo
INGRAFD / PROYECTO WEB [ 17 ]

queremos que sean transparentes. Generalmente, definimos la transparencia cuando vamos

a guardar el grfico.
Colores: Con este formato grfico podemos utilizar paletas, conjuntos, de 256 colores o
menos. Este es un detalle muy importante, puesto que cuantos menos colores utilicemos en
la imagen, por lo general, menos tardar el archivo en cargar. En ocasiones, aunque
utilicemos menos colores en un grfico, este no pierde mucho en calidad, llegando a ser
inapreciable a la vista. En algunos programas podemos modificar la cantidad de colores al
guardar el archivo, en otros lo hacemos mientras creamos el grfico.

Caractersticas del formato JPG

Compresin: Como mencionamos antes, su algoritmo de compresin hace ideal este
formato para guardar fotografas. Adems, con JPG podemos definir la calidad de la imagen
(con calidad baja el archivo ser ms pequeo en bytes y tardar mucho menos en cargar).
Transparencia: Este formato no tiene posibilidad de crear reas transparentes. Si deseamos
colocar una imagen con un rea que parezca transparente procederemos as: con nuestro
programa de diseo grfico haremos que el fondo de la imagen sea el mismo que el de la
pgina donde queremos colocarla. En muchos casos los fondos de la imagen y la pgina
parecern el mismo.
Colores: JPG trabaja siempre con 16 millones de colores, ideal para fotografas.

LAS ANIMACIONES
Este es una de las herramientas ms comunes para amenizar las pginas y hacerlas ms
atractiva para el visitante.
Podemos entrar en este tema remontndonos a los inicios del web comercial. Aquel
entonces no existan los programas para hacer gif animados o Flash, sino que el mtodo que
usaban eran los CGI. Para lograr animar un elemento, se creaba un pequeo programa CGI
que enviaba cada X perodo de tiempo una imagen nueva del mismo elemento (animacin
desde el servidor), produciendo de este modo que en el browser del visitante se tuviera la
impresin de animacin.
El inconveniente con este sistema radicaba en que al tener que enviar el servidor cada cierto
tiempo una nueva grfica, este se ocupaba bastante y se cargaban los sistemas de
transferencia.
Luego nacio el GIF, al que le sigui el GIF animado, que no era ms que una serie sucesiva
de imgenes en un mismo archivo, a diferencia del GIF antiguo que era una imagen fija. Se
desarrollaron tcnicas para hacer que imagenes sucesivas aparezcan en el broser del
visitante, sin la necesidad de aplicaciones CGI, descargando as a los servidores del peso
mencionado antes. En 1989 se reorganizaron esas reglas y nacio el GIF89.
Despus del GIF89, nacieron las animaciones basadas en JAVA, lenguaje de programacin
recin desarrollada por Sun Microsystems (1990), la cual adems de permitir crear
aplicaciones y juegos para el Web, permita tambin disear animaciones complejas,
imposibles para entonces.
INGRAFD / PROYECTO WEB [ 18 ]

Formatos de animaciones para el Web

En la actualidad encontramos mltiples formatos para animar pginas web, volvindolas ms
interactivas e interesantes. Estos son los formatos ms estndar:
GIF animado: Aunque es un formato muy viejo no pierde vigencia. Es el nico formato con
la caracterstica bsica de que no necesita de ningn Plug-In para poderse ver. Gracias a la
popularidad de este formato, existen de forma gratis en el Internet muchas herramientas
para crear este tipo de archivos.
Java Applets: Como mencionado antes, este formato desarrollado por Sun permite crear
animaciones complejas, con la desventaja de que el visitante necesita un Plug-In
denominado Java Virtual Machine y una mquina rpida, ya que exige mucho de los
recursos del sistema del usuario.
Animaciones Flash: La desventaja principal de este formato es la necesidad de un Plug-In
para hacerlo funcional, pero esto no opaca sus virtudes. La primera virtud es el tamao,
gracias a que las animaciones Flash son basadas en cdigos vectoriales, a diferencia de los
gif animados que son basados en cdigos binarios. Esta virtud permite crear animaciones
pequeas (en bytes) con interactividad y gran calidad visual.
Otro formato que podemos mencionar son los videos. De este hay tres variantes bsicas:
Real Media (desarrollada por Real.com), Windows Media Player (desarrollada por Microsoft)
y Quicktime (desarrollada por Apple.)
Cada uno de estos formatos de video tambin necesitan Plug-In, los cuales se encuentran
en los websites de sus respectivos desarrolladores, pero la desventaja principal de estos es
tamao. Un video con sonido de un minuto, puede alcanzar hasta 3MB y en baja resolucin
(320x240 pixeles), que es bastante cuando tomamos en cuenta a usuarios con conexiones a
internet de 56kbps.

INGRAFD / PROYECTO WEB [ 19 ]

ORGANIZACION DEL CONTENIDO

Antes de crear un sitio, es conveniente determinar los objetivos del mismo y seleccionar el
perfil de los navegantes a los que va dirigido. Es importante, asimismo, decidir el lugar
idneo de cada pgina donde conviene colocar los distintos elementos que la componen:
texto, imgenes, vdeo, sonido.
La forma habitual de trabajar cuando se desea crear un sitio web nuevo consiste en crear, en
primer lugar, un sitio local.
En el caso particular de una nica pgina, que conduce a un documento con texto, grficos y
otros elementos multimedia, la organizacin mnima de un sitio consiste en depositar todos
lo archivos necesarios en un mismo directorio. Esta prctica es utilizada por muchos
diseadores y es la ms fcil de exportar a otras localizaciones debido a la sencillez de los
enlaces.
Nuestra recomendacin, sin embargo, es diferente. Debemos tener en cuenta la posibilidad
de que el sitio crezca en tamao (son corrientes sitios con centenares de pginas). Adems,
si deseamos realizar modificaciones pasado un tiempo, es necesario que seamos capaces
de identificar cada elemento (lo que obligara adicionalmente a utilizar nombres significativos
para las carpetas y archivos). Por estas y otras razones, es conveniente dotar de niveles de
organizacin al sitio web.
Volviendo al caso de pgina nica, la organizacin mnima recomendada sera la ilustrada
en la grfica de la derecha.
Una carpeta (Nuevo sitio web) contiene el archivo
HTML de la pgina (New.html) y otra carpeta que
contiene los archivos grficos y en general
multimedia que sean necesarios.
Habitualmente, los sitios disponen de una pgina
principal o pgina de entrada y de un conjunto de
pginas que estn enlazadas con la principal
directamente o a travs de enlaces intermedios.

INGRAFD / PROYECTO WEB [ 20 ]

Si, por ejemplo, se quiere disear un sitio con una pgina principal y dos pginas ms de
segundo nivel enlazadas a la primera, el mapa de ficheros recomendado del sitio sera de la
forma siguiente:

Obsrvese que no hay inconveniente en hacer uso de un nombre nico para todas las
carpetas de elementos multimedia, en este caso "img".
Los sitios de gran tamao necesitan una organizacin adicional de los archivos de acuerdo
con su tipo.
Un conjunto de carpetas habituales en un gran sitio web son las siguientes:
/cgi-bin
/scripts
/css
/images
/video
/audio
/pdf
/download

:
:
:
:
:
:
:
:

Programas ejecutables, por Ej. CGI

Java-scripts, CGI-scripts, PHP-scripts, ...
Hojas de estilo
Archivos GIF, JPEG o PNG
Archivos de video
Archivos de audio
Archivos formato PDF
Archivos descargables desde el sitio

INGRAFD / PROYECTO WEB [ 21 ]

TIPS
- A las personas no les gusta hacer scroll. Si quiere captar la atencin del navegante, no
haga la pgina ms grande de una pantalla o pantalla y media. En general es una buena
costumbre no hacer pginas de tamao mayor a una pantalla y media.
- Pginas largas para grandes documentos. Si necesita poner gran cantidad de texto
escrito que ha de leerse completo, es recomendable hacer una nica pgina larga. Es
menos molesto hacer scroll a lo largo de una ventana que seguir un enlace a la siguiente
parte del documento.
- Elija palabras significativas o frases para los enlaces. El texto enlazado debe definir el
contenido de la informacin a la que refiere. De ser posible de manera que no sea necesario
leer todo el prrafo para comprender el significado del enlace.
- No cambie el color de los enlaces. Aunque est permitido, ahorrar tiempo y evitar
confusin al lector si no cambia los colores por defecto de los enlaces, puesto que el lector
est acostumbrado a ellos y lo asocia con los sitios que ya ha visitado y los que todava no.
- Compruebe el funcionamiento de todos los enlaces. Resulta bastante desagradable
intentar salta a un enlace y comprobar que dicho enlace no funciona o que la pgina a la que
se referencia ya no existe, por eso hay que comprobar el funcionamiento de todos los
enlaces que hay en nuestras pginas. Existen programas que realizan esta tarea
automticamente.
- La ltima versin de los estndares no es la ms extendida. Si usa la ltima versin de
los estndares tenga en cuenta que no todos las personas poseen la ltima versin de los
navegadores. Y por lo tanto est limitando el nmero de personas que pueden acceder a su
pgina.
- Independencia de la resolucin. No use tamaos fijos al realizar pginas Web, es mejor
que use porcentajes para definir tamaos, con esto conseguir que sus pginas se
visualicen correctamente en cualquier resolucin.
- Si usa Java o JavaScript cercirese de que no es imprescindible. Asegrese de que no
sea necesario el uso de Java o JavaScript para visualizar el contenido de sus pginas,
puede ser que el navegador no soporte estos lenguajes o que an soportndolos no estn
activados.
- No cometa faltas ortogrficas. Use un procesador de textos con correccin ortogrfica
para escribir el texto que va a publicar, adems con el uso de un procesador de textos le
resultar ms cmoda la escritura.
- Escriba pginas para cualquier navegador. No realice pginas que solo se vean bien en
un navegador o en una resolucin concreta, incluyendo etiquetas exclusivas de algn
navegador.
INGRAFD / PROYECTO WEB [ 22 ]

- Tipografa. Una buena tipografa es tan importante en una pgina Web como en cualquier
otro medio escrito. El problema que se presenta en las pginas Web es que se ha de
visualizar correctamente n diferentes sistemas y multitud de ordenadores.
Use etiquetas del tipo <FONT SIZE=+1> a las de tipo <FONT SIZE=12>
Cada persona puede tener definido un tamao de letra por defecto distinto. Por ejemplo, si
posee un monitor de 14" posiblemente tenga por defecto un tamao de letra 10, con lo que
las etiquetas <FONT SIZE=+1> y <FONT SIZE=12> tendrn el mismo efecto. Pero si posee
un monitor de 17", es posible que usted tenga configurado el navegador con un tamao de
letra 14 con lo que <FONT SIZE=+1> aumentara el tamao, pero <FONT SIZE=12> lo
disminuira.
- Grficos. Las imgenes son mucho ms impactantes y pueden transmitir un mensaje
mejor y de una forma ms clara y rpida que el texto. Introducir grficos en las pginas
incrementa de una manera notable la presentacin de las mismas.
Incluya el atributo ALT="descripcin" en todas la imgenes
Piense que no todas las personas poseen un navegador grfico o que an poseyndolo, no
tienen activada la opcin de carga automtica de imgenes. Para estar personas es de vital
importancia que ponga una descripcin de la imagen. Incluso los navegadores grficos
visualizan dicho texto hasta que la imagen es cargada.
- Limite el tamao total de todas las imgenes a 50Kbs. El tiempo que tarda la pgina en
cargarse completamente es de gran importancia, recuerde que el usuario no va a esperar
mas de 15 segundos a que la pgina termine de cargarse.
Tamao

14400 bps

28800 bps

56600 bps

50Kbs

30 sg

15 sg

7 sg

100Kbs

60 sg

30 sg

14 sg

- La lentitud de las redes de comunicaciones. Siempre debemos ser conscientes de que

la pagina web que estamos diseando se va a transmitir por una red de comunicaciones que
no es tan rpida como sera deseable, que muchos de nuestros lectores tienen que pagar
por hacer esa transmisin y que desconocemos la potencia del equipo informtico que
poseen. As, tenemos que cuidar que nuestras pginas no tengan un tamao demasiado
grande, para facilitar su carga rpida por la red. Suele considerarse como el mximo
tolerable un tamao de unos 40 o 50 Kb (archivo + imgenes).
En un documento web lo que ocupa ms espacio son los grficos, por lo que deberemos
valorar cuidadosamente la necesidad, cantidad y calidad de los grficos que ponemos.
Tambin debemos tener en cuenta la lentitud de la red a la hora de estructurar nuestra
informacin: Hay que intentar que el lector llegue a la informacin deseada con el menor
nmero de pasos intermedios que sea posible, para evitar que tenga que cargar archivo tras
archivo. Por ello, si bien las paginas con ndices son imprescindibles, no debemos abusar de
ellas poniendo ndices que remitan a ms ndices, como a veces podemos encontrar en
Internet.
- Los contenidos y el tipo de usuarios a quienes estn dirigidos. Lo ms importante en
una pgina web son los contenidos. La bsqueda de cualquier informacin en Internet suele
ser una larga navegacin de pgina en pgina, necesitando emplear mucho tiempo para
INGRAFD / PROYECTO WEB [ 23 ]

encontrar informacin til. La manera de disear y organizar nuestra informacin estar

claramente condicionada por el tipo de contenidos y, sobre todo, por el usuario al que van
dedicados.
- Los nombres de los archivos. Una de las principales dificultades a la hora de realizar un
documento www es que nosotros estamos trabajando en un PC con el entorno Windows,
pero nuestras pginas van a residir en una mquina con el sistema operativo UNIX. En UNIX
son especialmente importantes las maysculas/minsculas, lo que debemos tener en cuenta
a la hora de poner el nombre a un archivo y hacer un enlace al mismo: si pusimos el nombre
en minsculas, deberemos hacer igual los enlaces. Si no lo hacemos as, puede que los
enlaces e imgenes se vean bien en nuestro PC, pero no ser as en el servidor. Lo mismo
sucede con las extensiones de los archivos: podemos emplear ".html" o ".htm", ".jpg" o
".jpeg" pero deberemos respetar esto a la hora de hacer los enlaces.
Otros elementos que debemos evitar al poner nombres a los archivos son:
Carcteres especiales como , , ", etc.
Espacios en blanco
Letras con acentos
Lo mejor es que desde el principio establezcamos un criterio y lo sigamos para todas las
pginas relacionadas: Por ejemplo, optar por poner todo en minsculas y con las
extensiones html y jpg.
Siempre se debe evitar cambiar el nombre a los archivos, aunque hayamos actualizado la
informacin; no hay que olvidar que la pgina puede estar referenciada en diversos sitios. Si
no quedar ms remedio que cambiarle el nombre, se puede mantener la pgina antigua,
con una nota en la que se que avise de que "esta pgina ha cambiado de sitio", dando a
continuacin la nueva URL.
- Pginas con frames o marcos. Las pginas con frames o marcos permiten dividir la
pantalla en diferentes ventanas, con un documento HTML diferente en cada una de ellas. Se
suelen utilizar con frecuencia ya que permiten ejercer un gran control sobre la disposicin
general y la apariencia de la pgina. Sin embargo, deben utilizarse con cautela, ya que
tienen algunos inconvenientes:
No se podrn hacer bookmarks o marcadores a las partes.
Habr dificultades para imprimir las pginas individuales.
No se pueden "copiar" las URLs.
El botn de anterior o back de los navegadores puede no funcionar correctamente.
Reducen el espacio til donde visualizar la informacin.
Podemos tener dificultades si alguien quiere hacer un enlace a una de nuestras
pginas: al aislar una parte del resto de los marcos, esta puede perder el sentido.
Algunas recomendaciones para pginas con marcos:
Eludir la fragmentacin excesiva. Si se van a utilizar ms de dos frames, hay que
evitar la impresin de parcelacin en mltiples ventanitas. Por lo menos una de ellas debe
ser mayor que las dems y actuar como pgina principal.
Evitar la rigidez de las frames (uso de las etiquetas html noresize o scrolling="no").
No debemos impedir que los usuarios puedan "mover" las frames, ya que lo pueden
necesitar por tener una resolucin de pantalla diferente de la nuestra.
Enlaces exteriores a nuestro web. No es conveniente que queden prisioneros dentro
de nuestra estructura de frames, ya que suele ser muy molesto debido a que la nueva
pgina quedar en un espacio reducido. Adems, seguramente tendr un estilo diferente a la
nuestra. Todava puede ser peor si la pagina a la que enlacemos tiene a su vez frames. Para
INGRAFD / PROYECTO WEB [ 24 ]

evitar esto podemos utilizar la etiqueta HTML target="_top" con lo que la nueva pgina se
cargar en una pantalla completa.
- Tipografa. Al escoger la tipografa que vamos a emplear en nuestra pgina, debemos
tener en cuenta que estamos diseando un documento para que ser ledo en la pantalla de
un ordenador. Por lo tanto, debemos escoger tipos de letras no muy grandes, para no hacer
demasiado larga la pgina, pero tampoco excesivamente pequeos, que puedan causar
dificultades de lectura a las personas que no tengan una buena visin.
En general es muy importante una buena estructuracin del texto a lo largo de la pgina,
empleando prrafos cortos que faciliten la lectura y poniendo ttulos destacados en las
distintas secciones del texto. Adems, es mejor no apurar mucho los bordes de la pantalla
del ordenador: las lneas cortas se leen con mayor facilidad que las largas. Podemos forzar
esto situando el texto en una tabla de una sola columna y sin bordes, definiendo que ocupe
solo el 85-90% de la pantalla.
Usa tipos de letras que sean casi universales, como Arial o Times, ya que el usuario solo
podr ver los tipos de letras que tiene instalados en su ordenador. De nada sirve que se
utilicen letras raras que solo veremos nosotros. Adems, los navegadores tienen muchas
opciones que pueden ser configuradas por el propio usuario: una de ellas es la eleccin
personalizada de un tipo de letra, con lo que el navegador no har caso del tipo usado por el
que dise la pgina. Si deseamos usar alguna tipografa especial para un titular o logotipo,
deberemos convertirlo en una imagen, con lo que garantizaremos su correcta visualizacin.
El excesivo uso de maysculas dificulta la lectura. No se deben usar para titulares largos y
an menos para bloques de texto. Lo mismo puede decirse del uso de las negritas, cursivas
o del empleo del color: son recursos que usaremos slo para resaltar palabras o partes del
texto. Si deseamos destacar todo un prrafo es mejor hacerlo con un sangrado o
introducindolo centrado dentro de una tabla sin bordes de menor tamao que el prrafo
precedente. Podemos destacarlo an ms si lo deseamos, poniendo un color de fondo
distinto a esa tabla.
No se debe usar el subrayado para destacar un texto: en las pginas web estamos
acostumbrados a que las partes subrayadas sean enlaces y la gente suele pulsar sobre ellos
esperando acceder a otra pgina. Tambin debemos evitar el uso del "blink" o texto
parpadeante. Es muy molesto y perturba la lectura del texto. Podemos combinar el texto con
algunas imgenes para evitar la monotona, pero debern ser imgenes pequeas (que se
carguen rpido) y encontrar un buen equilibrio visual entre las figuras y el texto.
- Archivos en formatos distintos a HTML: Existe la posibilidad de poner en un servidor
web archivos que no sean en formato HTML: en Word, Excel, PowerPoint, PDF, etc. Los
enlaces se hacen igual que si estuviramos enlazando cualquier pgina. En la mayora de
los navegadores, al dar un click sobre estos enlaces, se abrir automticamente el programa
que gestiona esos archivos. En caso contrario, nos dar la posibilidad de guardar en nuestro
ordenador el documento. Esto quiere decir que para poder usar estos archivos es necesario
tener instalado ese programa en el PC, por lo que solo debemos ponerlos si tenemos la
seguridad de que nuestros lectores van a contar con el software necesario. Si no estamos
seguros, es mejor que convirtamos la informacin al formato html.
INGRAFD / PROYECTO WEB [ 25 ]

En todo caso, siempre deberemos advertir al lector en el propio texto del enlace de que se
trata de un texto en Word, Excel, etc.

INGRAFD / PROYECTO WEB [ 26 ]