Diseñoweb

Internet.
Los errores más comunes al diseñar una web

Fallos que no debes

cometer en tus página
Para asegurar las visitas a tu página web. a parte del contenido.es muy importante que ésta no contengaerrores.
A continuación.te mostramos los consejos que se deben seguir y nuevas ideas para tu web.

n la primera etapa de Internet la mayor ese momento o podía, ya que las herramientas por ellos. No es necesario tener un profundoCOn

E parte de información que circulaba en la

red por España provenía de fuentes ama-
teur y páginas de curiosos que querían mostrar
sus aficiones. Cada cual colgaba una página con
el diseño y la estructura que más le gustaba en
no eran tan amplias como lo son actualmente. A
medida que han pasado los años los sitios web
han empezado a cumplir un estándar para que de
esta forma los conceptos queden unificados y los
internautas sepan cómo navegar de forma fácil
nocimiento de diseño y maquetación paracrear
un sitio web personal. Eso sí, si tienes en cuenta
los siguientes aspectos que te detallamos en las
siguientes páginas el resultado final de tu web
se traducirá en un éxito.

r Problemas en la estructura del sitio

Cualquier trabajo que no posea estructura algu-
.3 Páginas sin enlaces _.w<."""
...''''".''''...~.'''' ., '"""""............
,~.,...'..,,,,,-,,,,,.,,,,,"..,.x~",,,,,,,~...m.,,,.","'''''''
na provoca el caos y el desorden. Por lo tanto 1 de retorno : :::" m,..
I ""'~-
mn:' IH! .H~H'

disponer de una estructura clara y ordenada hará i :;:;;;'

que cualquier lector de tu página navegue más No crees páginas que no enlazan a otras o a la i "",,-
IU

cómodamente por ella. página principal. Elvisitante se verá en un calle- ..........

! ~--_..
jón sin salida ya que no tendrá por donde conti-

-
j"""--"
nuar. No hagas que tenga que utilizar la tecla de ,.u.,''''''...
1.1 Ausencia de estructura retorno del navegador. Ten muy en cuenta esto
,.. ,,..,m"",,,
n.. nnu'
,'.......
. '-'"
ya que podría ser el fin de la visita a la página. ,
I
~.-
u~uuumu,
Según el tema de la página que

quieras crear, ésta dispondrá de
una estructura o de otra. Eso sí,
lo que está claro es que la página
debe disponer de una estructura
ordenada para que el usuario que
entre en eLLano se pierda. La
estructura debe estar planificada
antes de empezar
Por ello, no está demás que
pongas índices de contenido en
todas las páginas
.4 Enlaces rotos
: ~"'_m
""u i;;,;,.n .,
1
Los enlaces son el alma de la web, si no fun-
cionan ésta deja de ser operativa. Prueba regu- puedes comprobar si funcionan o no tus vín-
larmente cada enlace y revisa tu código HTML. culos desde la herramienta Dreamweaver. Para
Si tus visitantes encuentran enlaces rotos pue- ello, ve a menú Archivo. Comprobar página,
den perder el interés por tu página. Por eso, Comprobar vfnculos.
Diseñala páginapara un tamaño concreto
La página que diseñes estará orientada un tipo de Para monitores de 14" ó 15" la resolución máxima

1 .2 Elementos de navegación I ppblicoespecífico. Dependiendo de esto puedes con-

figurarla para resoluciones de pantalla de 800x600
apreciable sería 800x600
Para monitores de 17" la resolución máxima
si la página va a un ppblico apreciable sería 800x600 Ó
Los elementos de navegación son importantes
indeterminado. que no perte- Propiedades de Pantalla [1][Rj 1024x768
en las páginas porque permiten moverse en ella nece a un sector en concreto Para monitores de 21" la
directamente de una parte a otra. y que pueden disponer tanto resolución máxima aprecia-
Por lo que si la página es más larga de una pan- de un monitor de 15 pulgadas
talla y mediasería convenienteque insertarasun como de 24. Si por el contra-
¡~;r~ P,otec,md,p'"t~'arAp~
Co~f;~"c;ó" L¡ ble sería a partir de 1024 x
768. Las posibles resolucio-
elemento que enlace al principio de la página. I rio.sabes con certeza que los I " ~:- nes de trabajo de un equipo
I internautas que entrarán en i ~ dependen sobre todo de la
ue el papel podría resu~ar deteriorado a causa del transporte). I
tu página serán por ejemplo calidad del monitor y de la
compra y como dirección de facturación la tuya para que
diseñado res en un gran por- tarjeta gráfica del ordenador.
centaje puedes arriesgarte y I y se configuran. para el sis-
definirÜna cOl"lfiguraciónde Mo,'", tema operativo Windows.con
Mo~to, PkJg and Play '" '''','(R) 828656 G,aph!co Ccn<roDo,
pantalla de por ejemplo de un die con el botón derecho
.
""n"n.""","""..... I
fierokrión do kaIdad do!colo<
1024x768 píxeles. del ratón sobre el escritorio.
más relevantes dentro y fuera de España. Conciertos musicales,
El tamaño absoluto y la reso- M""" In::::-~~=.IM- !Lamá>"a(32b«] ~ selecciona Propiedades y
's centros de la Fnac. Si posees la tarjeta de socio Fnac puedes
ades sin necesidad de desplazarte. lución deben estar en concor- "
1
1024 pm 76Bp!."" ------- en la pestaña Configuración.
dancia para una visualización
correcta.siendo valores acep-
I I SQUiona<
pmblomaL II Opciono,
.v"",a<Ja, I También lo puedes
desde Inicio. Panel de con-
cambiar

tables los siguientes: t Acepta< I I ConceIaI I ~

~
I troLPantalla.

~

Problemas en el diseñode las páginas
acilitar la navegación por las páginas y
jue todo quede en su sitio hay que tener en
a diferentes aspectos del diseño para tener
ágina de éxito.
Páginasdemasiado
pesadas
~ginasque incluyan archivos de un tamaño
'ivo tardarán en cargarse. Esto se puede de-
que contengan animaciones en Flash, imá-
, de alta calidad, etc. Se considera que una
a web empieza a tener sobrepeso cuando
los 120 kb. Fíjate a la hora de diseñarla
1, """ "" p,qudi" ,1=_, d"M""''' '" 1" pi" dola, 1,,,,,, """dm muy
la",,,locióntoda';' no "muy oJtay la tip.p. oon',.,;r p"doc, 0[,,,,, '"
~,..,.
~ = = -:c::=-..:::=:=:=~~:=::===--=::::=:t'J10b
supereesa cantidad ya que cualquier
o con un módem de 56 kb para su co-
l a Internet tendña tiempo para encender-
cigarro. Si te fijas en herramientas como
Iweaveren la parte inferior derecha aparece
acio que ocupa la página y el tiempo que
"'aen cargarsepara que te hagas una idea.
EfedodescroUhorizontal
y nadamásincómodo que encontrar una
I que es más grande que la pantalla del
¡dary tener que desplazarla por la ventana
oderleer todo su contenido.
~"-,~""'o~..""',,,oo"'o'-"..,,o.o'~,"oo
,
..o ,,,,..o,,.o,,,,,,o,,,,,,."'o~"_".,,,.,,..,,,,,,,,,_."-~.0'0.
"~'.. o,-,-,,,,--",.,,.,,,,,,,,"-'-".''''"o.~m.-
"--'-~'~." '~-'-"-""-"""'~'~"--"'-'''-''-
La página noseve
deforma correcta
ora de diseñar una página es muy impor-
finsertartodo tipo de objetos y texto que
parte de ella dentro de tablas o capas
ue éstas,cuando se visualicen en el nave-
no aparezcandescolocadas.
"-"-.
---~.~
~........
Si por el contrario utilizas capas o tablas para
colocar los elementos de tu página donde quieras
éstos aparecerán siempre colocados y no se vi-
sualizarán de forma diferente según la simetrñia
del navegador.
2A Enlaces sin identificar
Es necesario que cada enlace contenga una
descripción coherente para que el usuario iden-
tifique su función. Por regla general, los enla-
ces se muestran de varias formas. Es recomen-
dable que el enlace esté identificado con una
palabra o frase clave mejor que con una frase
del tipo Pulsa aquf. Si además, en el enlace
añades texto alternativo incluirás información
adicional. Para ello, selecciona el texto que
<!> será un enlace dentro de la herramienta Drea-
>$
mweaver. Ve a menú Insertar. Hipervfnculo.
En la ventana que aparece crea el vínculo y en
el apartado TItulo escribe ese texto adicional.
Cuando lo visualices en el explorador apoya el
ratón por encima para poder verlo. Es impor-
tante que tener en cuenta la longitud del en-
lace. Éste no es conveniente que sea más largo
de una línea.
Para conocer un enlace éste aparece subrayado
y de un color más fuerte (normalmente azul)
que uno ya
visitado. Por
este motivo es
mejor seguir
las pautas de
~sono esrecomendableutilizar tipo! la web y poner
" los enlacesac-
tivos de un color azul y los visitados de un co-
lor menos fuerte ya que si los cambias podrías
producir confusión al internauta que entra en
tu web.
~ ----
~o.,,.~o..,",,
Accesibilidadde la web
,.-..
Una de las cosas a tener en cuenta y que normal-
mente pasan desapercibidas es diseñar páginas
pensando en aquellos que poseen alguna discapa-
I cidad y por el motivo que sea no pueden acceder a
I la página como cuaLquierotro usuario. POr ello. las
medidas a tomar para hacer más accesibles las
páginas entran dentro de estas categorías son:
Estructurales: HTML es un lenguaje de marcas
estructural. si lo usamos para obtener una apa-
riencia visual. estamos deformartdo el significado
de esas marcas. para obtener un resultado visual
adecuada debemos usar CSS o plantillas.
Navegaci6n: La navegación debe ser por comple-
tamente funcional usando únicamente teclas y de
una fácil orientación.
Contenido alternativo: Todos los elementos visua-
les. sonidos. scripts y applets deberían tener un
texto alternativo que explique el contenido de los
mismos. Este tipo de recomendaciones están
basados en el documento de la W3c y que pueql1s
ver en la siguiente página: www.w3.orglTR/WAI-
WEBCONTENT/fuU-chec:klist.html
Las páginas que llevan ellogo identificativo indi-
can una declaración de conformidad por parte del
autolio del proveedor de contenido de ajustarse al
Nivel A de las Directrices de Accesibilidad para el
Contenido Web 1.0 del W3C. incluvendo todosJos
~ 111
Diseño web
Internet
2.5 Colores con poco contraste
Unos de los aspectos a tener en cuenta es el
contraste de colores que se produce entre el color
de fondo de una página y el de el texto. Para que
éste se pueda visualizar de forma clara es necesa-
rio que, en el caso de que el fondo sea un color
claro éste sea de un color fuerte y viceversa.
Puedes hacer pruebas de color en tu página di-
rectamente con la paleta de colores. Pulsa sobre
Aplicar para ir viendo los cambios hasta que en-
cuentres el color que mejor contraste haga.
2.6 Faltas de ortografía
Una de las cartas de presentación más impor-
tantes de una página es la inexistencia de faltas
de ortografia. Imagina un diseño de una página
fabuloso pero que a la hora de leer su contenido
lo único con lo que te encuentras es con faltas
de ortografía. Esaimagen no es la que se quiere
dar por eso ten cuidado a la hora de redactar y
escribir para no cometer ninguna.
- --
puntos de verificación de Prioridad 1 definidos en
las Directrices. Las Directrices de Accesibilidad
para el Contenido Web 1.0 explican cómo hacer el
contenido Web accesible para las personas con
discapacidad., Ajustándose a estas Directrices
ayudará a hacer la web más accesible a los usua-
rios con discapacidades y beneficiará a todos los
usuarios. Si quieres poner un lago de accesibilidad
en tu página entra en www.w3.org/WAI/WCAG1A-
Conforrnancepara conocer cuál es el código
que debes ins~rtar. También puedes comprobar
la accesibilidad de la página desde herramien-
tas como Dreamweaver. Ve a menú Archivo.
Comprobar página. Accesibilidad. Aparecerá un
listado en la parte inferior de la pantalla con los
errores que tienes que corregir.
---
VOC'
I CheokH.' of Che<:kpoints fo, W.b Con'", Acc.s~~II'y GoldeH,es 10
......
::::;¡;;:;::..~-::::.~';;'~-.:..
--.""
_.~.."' ~---~---"'.
11
I Ab....
&'-'~-"~~~_~'H_"_'.'-~"'¿'--~'~'''''-
~.~-~ ",._,,-,, ~~ ._-"~W_~,-"._-
"' - - --
 Diseño web

Internet.
3 . Problemas con las imágenes
Lasimágenesson muchomásimpactantesy pue- Para acceder a este menú de Photoshop, una
den transmitir un mensaje mejor y de una forma vez que tienes la imagen preparada ve a menú
más clara y rápida que un texto. Introducir grá- Archivo. Guardar para web. A continuación, Napa del sitio
ficos en las páginas incrementa de una manera eo el apartado Ajustes selecciona jpg alta, El mapa del sitio es ug enlace que suelen tener la
notable la presentación de las mismas. media o baja según quieras que sea la calidad mayoría de taspáginas web a otra página interna,
" de la imageny a continuaciónactiva la opción en la que figora .de for:ma ordenada la estructura

3.1 Imágenes demasiado

! Progresivo. de la web.
Esta ayudartepara encontrar deter-
grandes
Lasimágenes de una página tardan en cargarse
sobre todo si la imagen ocupa bastante espacio.
3 .2 alternativo
Imágenes sin texto
mina
motivo
os de la págfl1aqlie porcualquier
no encuentras
o. te puede valer
cuando navegas por ella.
para encontrar otros

Por eso es aconsejable que los gráficos que incLu- apart s que desconocías.
Piensa que no todas las personas poseen un
yan en la página tengan formato .jpg ya que son navegador gráfico o que aún poseyéndolo, no
imágenes más comprimidas,que no tengan una tienen activada la opción de carga automática de
resolución de 72 píxeles por pulgada, y que no imágenes. Para estar personas es de vital impor-
ocupen más de 50 kb. Una de las opciones que tancia que pongas una descripción de la imagen.
presenta es la carga progresiva que permite que Incluso los navegadores gráficos visualizan dicho
se pueda visualizar una imagen incompleta del texto hasta que la imagen es cargada. Tan sólo
gráfico mientras éste todavía se está cargando. tienes que pasar el ratón por la imagen y verás
Esta característica en los formatos GIFy PNGse una breve descripción de la misma.
llama entrelazado y en el formato JPEGse llama Herramientas como el Dreamweaverte permiten
poner esta descripción con el atributo ALTque
especifica el texto alternativo que aparecerá en
lugar de la imagen en los navegadores que sólo nes aparecerá como un error y no la reconocerá
i admiten texto o en aquéllos configurados para como. página válida.
descargar las imágenes manualmente.
Cuando validas una página en la www.w3c.org ~ tiendas.
AD8l' cuota d. .Ita
sin tener configurada esta opción en las imáge- ementa "ea"" de
7% en el I Memod. .egalo
.:',-> - ::",~=::t:".0. ~. 2004
,m«:m... ". ."',.. ~

'niea

.JNe,

es
gue
UMTS
%0
progresivo. Selecciona Progresivo para crear una
imagen que se visualice progresivamente en un
navegador web. La imagen se visualizará como de
vante
una serie de superposiciones, permitiendo a los
usuarios ver una versión de baja resolución de la
imagen antes de descargarla completamente. I

---
3.3 La imagende fondo
no deja leer el texto
Asegúrate de que tu página cumple el estándar de ~ web
Hay páginas personales que poseen una imagen
El World Wide Web Consortium o W3C para abreviar.
de fondo que muchas veces dificulta la lectura
es una organización que se encarga de promover
o visualización del contenido de la página.
el desarrollo del lenguaje HTML mediante la pabli-
Por este motivo es muy recomendable o bien
cación de recomendaciones que (os principales
fab¡:jcantes de navegadores se .han compro
acatar para lograr así un consenso entre to
-- poner imágenes de fondo que sean de un color
o tonalidad clara y permita ver el contenido o
W3C W,"CD Wm, !lIJ!, bien evitarlos. Si te fijas en esta imagen se ha
Algunas compañías incluyen en sus progra
comandos extra que no son parte _""""".'~'''''-_''''V''''''''''-W'C'- utilizado una imagen de fondo con tonalidades
y por eso deben ser evitados por los azules. El texto que es de color azul no se lee-
de páginas en Internet. Si e( código rá con claridad mientras que el texto en color
correcto. algunos navegadores podría
l'
.1 I negro ayuda a la lectura del texto. No olvides
r
~~
~.w"n.~

U'~'-~""-""
"""" ~-"~ '"",'''W'' ooo.m.m-Ooo COMe",°,"
. [
i
I ~o~er. co~or~.:~~~:~.:~.:,~.~~~"ntraste.

, u~" oo,"m."M""m,,,,, """OO.., ,.,M" ""ooo~, ""''' "'m.o"

I I
, .m., 00,"," N ..'w" ~'"~ '""",'00M"",."
«"""'"",,""m',"""
, .,~Uoo,"m.W'.""'oo'~"...""'Hr
..,.,-.,."""."",."",,,".,...,.,,,,,".
,. U~l<ro,"m.W2","""_,".o"Tooo,,,,,.,,
.,",,,,,0'''''0,.,,,.,,,,,.«,,,,.",,,, I

.
. U~"'_m""..,w""m.".."r "..,,
I .0'''"''",,,,,«,,,,,," ..""..,.." """000'"'''"''''''''''''''''' I
1" U~"'oo,,",,,,..",,,,~,"".'''To'.o,,.m''
"oo'.,.oo.,W.«"om""",""""o"".,c..."",,,.",,., ,,.. ~á I
I
1, ~:::::~:.:::'::::.':::::,::~T,::,::'"::: """"o.mo,o''''''"...o..'',
--

~
 Diseñoweb
Internet
Problemas con el texto
Unabuenatipografía es tan importante en una etc. Eso sí, no abuses de las negritas porque és- pografía es más fácil de leer y por lo tanto puede
páginaweb como en cualquier otro medio escrito. tas entonces dejarían de tener efecto. leersemás rápidamente porque esos pequeños
Elproblemaque se presenta en las páginas web elementos decorativos en los pies de las letras
esquese ha de visualizar correctamente y en di-
ferentessistemas y multitud de ordenadores. 4 .2 tienenotrosequipos
Utilizar fuentes que no
añaden información visual que facilita la lectura.
Lo realmente importante es la facilidad de lectura.

Según el ordenador que el usuario tenga las

TIPOGRAFíA serif
. 1 tipos
Utilizar demasiados
distintos fuentes de los textos de las páginas web se
verán de un tamaño u otro. Además, no todo el
.atipografía que escojas para tu página web mundo dispone de las mismas fuentes instaladas
lebeser única, es decir, la fuente escogida de- en su ordenador. Por lo que debes tener cuida-
lerá repetirse a lo largo de todo el documento do a la hora de diseñar tu página y seleccionar TIPOGRAFÍA Sans serif
in mezclarsecon multitud de estilos. Esta uni- fuentes estándar que estén instaladas por regla
Ormidadhará que tu página sea más profesional general en la mayoría de los PCs.Imagina que
I parezcamásseria.Imagina un periódicoen el quieres poner como fuente en un editor de pá- En una página impresa la resolución de impresión
lue cada página estuviera escrito con una letra ginas web como Dreamweaverel estilo Georgia. es muy alta por lo que esos pequeños elementos
liferente. Fíjate en los periódicos, usan una ti- Te encontrarás una combinación de fuentes. decorativos en los pies de las letras quedan muy
IOgrafíapara el contenido del artículo pero usan Las combinaciones de fuentes determinan cómo bien definidos. Pero por el contrario en una pan-
Itra distinta para los titulares. Además usan la muestra un navegador el texto de la página talla de ordenador la resolucióntodavía no es muy
web. Un navegador utiliza la primera fuente de alta y la tipografía con "serif' produce efectos en
(Ir]."") la combinación que se encuentre en el sistema
~.~"..'\!'11;~;,;u:.I':';!:;u..':"':8~:I:_"i:"~"
.I::;;Ü;BI';':"!I!I';',-'.~., las letras que hacen dificultosa su lectura.
k._,-."'0"'."". . "~."'''- . ,-",.,
, . "'-'o'..o..~o" del usuario; si no está instalada ninguna de las Como puede comprobar la frase con tipografía
Ei
"-""
""
."n~,n'""
!Ir.., Londres
r.ttr.pé
ip.r,. se.nd.l.
'
1.
fuentes de la combinación, el navegador mostra- "sans serif' se lee mejor, por eso no es reco-
d.s tortures
..- .~ " ~...... rá el texto de acuerdo con las preferencias que mendable utilizar tipografías de tipo "serif' si la
.- :=::'::,:;';.,-::::'::';
, ~,.,..,..~ ~"". tenga definidas. fuente es menor a 12 píxeles.
Por lo que por mucho que te guste una fuente Una vez que ha seleccionado la tipografía para

]i~}~1 si el internauta que entra en tu página no la

tiene instalada en su ordenador éste lo verá de
forma distinta.
el cuerpo del texto, considere la opción de usar
alguna otra fuente diferente.

,'U""
~.'..
U"..."~..
,O"",,'u
, Th'",.,
easyJet,com

o.", ",ou.,.
Eso sí, esto no ocurre con páginas que están
diseñadas por ejemplo en Flash. Como la película
creada en Flash es una animación y su codifica-
4.3 Utilizartipos de~asiado
grandes o pequenos
,,-- ,101
d.,K.nf.'"
.----.....-.. ~ ~ ción es diferente puedes utilizar cualquier tipo Para que la página no parezca un puro desorden

!..
~
-,,- ~ ".L~ ,.._.
es conveniente que el texto tenga un tamaño
".~:.~oo"'~ É~~~~'~"UM' determinado, es decir, cada parte del documento
deberá tener su tamaño. Los títulos, lógicamen-
te, aparecerán de un tamaño mayor mientrasque
el cuerpo del documento será de otro menor.

YilJ§ARO T¡¡ [\'t:~.~.;;,~~~., ~~~~:J:~:::'~'

k<~" ,"o_m' . ,~ .&'!J~:~:::~!:.::,
'm""'.,_.."..
isma para todos los titulares. Es importante "-. ,'_'~n....
,.."' ".m ~o. '
antener la coherencia tipográfica en todo el ¡Propiedades do la página...) -_o
"-,,, ~ ; Ira. , Londros rattrapé
'h_,'_oo...m.
___'0_,,""- .- "_"'0...' ._- ._- o.,-_o ----o,. "'"'"' i par l. se.nd.l. ! ~¡~~7.::"~
''tia web. ".." , des tortures i'~..::~:,:.:mó""""
""-"Oo'" '"'''''_'''''''00''''''''.''' , _ce."...,
!n en cuenta que muchas tipografías diferen- .M.o, !' ~;;:;;:,;:":~::~'~~:::-:,;,:'~, !.\=..":¡';:.::.~.
de letra para tu página independientemente de ~ ,.,-,.~""m- ~-~,..- ~... ~"". "
. ~._,
n'''__''
!s no es una buena idea, imagina que cada
,,~:::...~~.::::..
'ipografía la lee una persona distinta o con que el internauta la tenga o no instalada en su , .ce,-"
IIN "
'naentonación especial. Muchas tipografías
'istintas en una misma página provocarían una
equipo. Lastipografías de tipo "serif" son aque-
llas tipografías cuyas letras se apoyan tienen ~=t~~~;~-'
:::.::..-
i
I:~t:.:::o",
'._d"""
Ispeciede confusión. rabitos mientras que las tipografía de tipo "sans ::
'mm" ""uu""'''um'' '''''m''

) que sí que puedes hacer es que aparezcan serif' carecen de este detalle. -- ,_.-=--."
. -- 'o- r:'\"
'.~--...,..,

iiferentestamaños de esta letra para los títulos, Normalmentese usa tipografía de tipo "serif' en
legritaspara resaltar determinados aspectos, el cuerpo del documento, ya que este tipo de ti- ~~:~.. ¡ ?g;::;;,;,~.,,, """.,: :::::~::::N.~n<..lk~ji~~j

Nuncaconvieneabusarde los tamaños grandes

mo utilizar las imágenes para las fuentes ni de los pequeños. ¡
Un ejemplo claro lo puedes ver en los periódicos.
mayoríade las páginas que circulan por Internet mienda el uso del formato PNG para cubrir ciertas Aunque el tamaño del texto se puede modificar
cluyenimágenes. Pero según para qué se utiliza lagunas que dejan los otros formatos.
desde el navegador en el caso de que se viera
,formato u otro. Por ejemplo. si lo que quieres
muy grande o muy pequeño para poder leerlo
insertar es un lago o un titular. el mejor formato
siempre es mejor no tener que hacer trabajar al
ra este caso es el gif. 1- internauta. Si te
n embargo para las imágenes te convendría mejor
ilizar el formato .jpg.
i~ , ,...",~-_.~.."..-
encontrases en
Ira los lagos. que normalmente son dibujos. es
un página con
nveniente que utilices el formato gif ya que éste
un tamaño que

.
~a
no visualizas
Ispone de la característica de transparencia y a la
1 DetEner Ese bien o viceversa
,ra de colocarlo en la página dejará ver el fondo de í Ac1Ua';zao F5 ve al menú del
imagen y no parecerá un "parche".
Ira las imágenes lo conveniente es que uses el
.;;;;:,::::::~~~
! COd,Tcaorin
" .' "'. , exploradory se-
.,~I
r.;;;;;;<;;,;;,..m...i.:::' [, lecciona Ver, Ta-
rmato .jpg ya que la calidad será mayor a pesar de
mayor compresión. La organización W3C reco- - -- In""me de".-""dad..-
P_'~,"""le'" -
Fll ........ maño de Texto.