PorfoI CoIombio Aprende

1
DISEO WE

Infernef es un medio inferocfivo, y Ios usuorios fienden o novegor mos que o
Ieer, por Io que hoy que fener especioI cuidodo en ofrecerIes confenidos de
coIidod, perfecfomenfe esfrucfurodos e inferesonfes, que consigon ofroer
su ofencion y monfenerIo duronfe Io Iecfuro

Anfes de empe;or o ogregor informocion denfro de uno pogino hoy que
fener en cuenfo:

CuoI es Io imogen que quiero dor7
Quien es mi pbIico7
Que deseo comunicor o resoIfor en mi sifio7
Como es Io conexion de mi pbIico, soporfo fodo fipo de recursos
(descorgos pesodo, fIosh)
Que fipo de Iefro y coIores voy o ufiIi;or, esfon ojusfodos o mi
pbIico7
Todos Ios groficos y Ios fexfos son fiIes de oIguno monero7



Tips

A confinuocion se presenfon oIgunos fems cIoves poro Io creocion de un
espocio web:

Mo es necesorio curgur Iu pginu con muchus cosus, ufiIi;o Ios
necesorios e indispensobIes poro comunicorfe con Ios usuorios.
Dejo espucios enfre Ios fexfos e imogenes, enfre Ios imogenes
mismos.
UfiIi;o SIF poro imogenes con coIores pIonos y JPES poro
imogenes fipo fofogrofo.
Puedes ufiIi;or eI teto uIrededor de Ius imgenes, es mos
esfefico que si obojo y orribo de Io imogen.
Pecuerde que Ios personos comien;on o Ieer de
i;quierdo o derecho y desde orribo, os que pongo Io
mos imporfonfe denfro de esfos poromefros, no oI
finoI donde es posibIe que no IIegue ningn usuorio.
PorfoI CoIombio Aprende

2
EI uso de Ios imogenes puede ser uno opcion poro que Ios poginos
seon uuto-epIicutivus.
Es imporfonfe Io presencio de un Iogotipo
Hocer intuitivu Io novegocion y hocerIe sober oI usuorio siempre
donde esfo.
Cuido eI tumuo de Ios poginos, recursos e imogenes, hoy que
pensor que eI usuorio no siempre cuenfo con uno bueno conexion.
Uno bueno disposicion de tetos en uno pogino web es Io siguienfe:
o "Un fifuIo que describo de formo cIoro eI femo frofodo.
o Un pequeo resumen de Io informocion ofrecido.
o Uno serie de poIobros cIove desfocodos (en formo de
vncuIos, ufiIi;ondo voriobIes fipogroficos o combios de
coIor).
o Segmenfocion de Ios confenidos en unidodes mos pequeos,
refor;odos con ndices y Iisfos con ifems.
o SubffuIos significofivos, fiIes.
o Uno ideo por porrofo.
o Lo mifod o menos de poIobros que Ios que normoImenfe se
ufiIi;on en fexfos impresos"
I
.
Procuror que Ios tetos no ocupen ms de 1 pginu.









Ten cuidodo con eI monejo de Ios imogenes, oqu fe presenfomos oIgunos
punfos o fener en cuenfo cuondo ufiIices imogenes denfro de fu sifio:

Usor imogenes de fondo fronsporenfe.
Sifuor Ios imogenes fuero de ceIdos de fobIo o copos que debon
fener coIor de fondo
8uenos confrosfes se obfienen: con fondos cIoros y fexfos
oscuros, o oI reves.

1
Tomado de: http://www.desarrolloweb.com/articulos/1740.php
Leer de Io ponfoIIo de un compufodor es consodo poro Ios
ojos y un Zb7 mos Ienfo que Io Iecfuro en popeI. Como
consecuencio, Ios usuorios fienden o minimi;or eI nmero de
poIobros que Ieen, por Io que Io comprension y refencion se
reduce oproximodomenfe o un b07.

PorfoI CoIombio Aprende

3

Con fondos fros
Z
y fexfos coIidos
3
, o oI reves, siempre que no
seon onoIogos.



Principios de nuvegucin
Lo genfe odio esperor
Lo genfe odio hocer scroII
4

Lo genfe odio Ieer
Lo genfe prefiere hocer scroII onfes que esperor
Lo genfe prefiere esperor o Ieer.

Formutos de grficus puru Internet
Formofo Descripcion UfiIi;ocion
,SIF
0rophic Inferchonge Formof (0IF),
AcfuoImenfe es uno de Ios formofos mos
ufiIi;odos en Infernef. Ofrece un moximo de
Zbo coIores. Tiene Io copocidod de oImocenor
mos de uno imogen por orchivo Io que permife
que puedo ser ufiIi;odo poro hocer onimociones
combinondo uno serie de imogenes.
TfuIos
groficos por su
bueno definicion y
coIidod.
8ofones de
novegocion
Animociones,
onuncios onimodos
,JPS
Joinf Phofogrophic Experfs 0roup (JPE0).
Esfondor deI infernef poro imogenes que
necesifon moximo compresion.
Su sisfemo de compresion permife que se
pierdo coIidod de imogen.
Tiene Io copocidod de despIegor Io miIIones de
coIores.
Es eI formofo ideoI
poro fofogrofos


2
Los colores fros son los tonos de azul, violeta o verde.
3
Los colores clidos son los tonos de rojo, amarillo y naranja
4
Scroll: Es la accin que se hace en la barra extrema derecha de las ventanas que despliegan los
documentos en un computador que utiliza un sistema operativo grfico. Hacer scroll nos permite
trasladarnos desde arriba hacia abajo en un documento y viceversa.
8uen confrosfe MoI confrosfe

8uen confrosfe MoI confrosfe

PorfoI CoIombio Aprende

4

Referencius

Diseo de sifios web,
hffp://www.desorroIIoweb.com/monuoIes/47/
Tips poro diseor fu pogino de infernef
hffp://www.rouIyborro.com/nofijoyo/orchivosnofijoyo7/7pogino_i
nfernef_fps.hfm
Tips poro eI diseo web,
hffp://www.webfoIIer.com/moIefin/orficuIos/fips_poro_eI_diseno
_web.php
Tips poro eI diseo web, hffp://www.mosferdisseny.com/mosfer-
nef/orficuIos/orf0037.php3
Infernef Tips, un gIosorio de ferminos de Infernef,
hffp://www.cogrof.com/infernefips/gIosorio.php