1-Guia de Comunicacion Digital para La AGE - Aspectos Generales - 14!02!2013

ASPECTOS GENERALES
Gua de Comunicacin Digital para Administracin General del Estado
ASPECTOS GENERALES
REQUISITOS ANTES DE TENER EL SITIO WEB
1.
ASPECTOSGENERALES
1.1 SISTEMASDENAVEGACIN
1.1.1
1.1.2
1.1.3
1.1.4
1.1.5
1.1.6
5
7
9
11
14
15
16
NAVEGACINPRINCIPAL
NAVEGACINSECUNDARIA
OTROSELEMENTOSDEORIENTACINYNAVEGACIN
SISTEMASDENAVEGACINYORGANIZACINDELASPGINAS(ZONING)
NAVEGACINGUIADA
NAVEGACINYACCESIBILIDAD
1.2 LEGIBILIDAD
1.2.1
1.2.2
1.2.3
1.2.4
1.2.5
1.2.6
18
18
21
24
26
27
29
FUENTES
COLORES
PICTOGRAMASEICONOS
TTULOS,JERARQUAYAGRUPACINDELAINFORMACIN
AGRUPACINDELAINFORMACINPARAFACILITARSUCOMPRENSIN
LAESTRUCTURADELASPGINAS.
1.3 CONSIDERACIONESTCNICAS
1.3.1
1.3.2
1.3.3
1.3.4
1.3.5
36
36
38
42
46
51
DISPOSITIVOSMVILES
NAVEGADORES
RESOLUCINDEPANTALLA
LENGUAJESYNORMASDEDESARROLLO
SCRIPTS,PLUGINSYAPPLETS
1.4 OPTIMIZARLAWEBMVIL
53
1.4.1 ESTRATEGIA1:NOHACERUNSITIOESPECIALPARADISPOSITIVOMVIL
1.4.2 ESTRATEGIA2:HACERUNSITIOESPECIALPARADISPOSITIVOMVIL
1.4.3 ESTRATEGIA3:CONSTRUIRUNSITIOMVILCONCONTENIDOADAPTABLEALOSDISPOSITIVOS
55
56
56
1.5 ACCESOCONAUTENTICACIN
56
1.5.1 CONTINUIDADDELMODOVISITANTEALMODOAUTENTICADO
1.5.2 DESCONEXINOCIERREDESESIN
1.5.3 TRATAMIENTODEDATOSPERSONALES
57
58
59
1.6 ANEXOIAVISOLEGAL
62
1.6.1 CONDICIONESGENERALESDEUSODELPORTALDELMINISTERIOUORGANISMO
1.6.2 DERECHOSDEPROPIEDADINTELECTUALYDEPROPIEDADINDUSTRIAL
1.6.3 PRIVACIDAD
1.6.4 LEYAPLICABLEYJURISDICCIN
1.6.5 POLTICADECERTIFICADOSELECTRNICOS.REQUISITOS
1.6.6 REUTILIZACINDELAINFORMACINDELSECTORPBLICO
1.6.7 LINKSOHIPERENLACES
1.6.8 VERSINMULTILINGE
1.6.9 FRAMES
1.6.10 LICENCIASCREATIVECOMMONS
GuadeComunicacinDigitalpara
AdministracinGeneraldelEstado
62
63
63
64
65
65
67
67
68
68
Pgina2de80
ASPECTOSGENERALES
1.6.11 ESTADSTICASDEUSO
1.6.12 SEDESELECTRNICAS
69
69
1.7 ANEXOIIDECLARACINDEACCESIBILIDAD
1.7.1
1.7.2
1.7.3
1.7.4
1.7.5
74
74
74
74
75
75
POLTICADEACCESIBILIDAD
CUMPLIMIENTODELOSESTNDARES
EXCEPCIONES
ACTUALIZADOEL<FECHA>.
CONTACTO
1.8 ANEXOIII.LENGUAJESDEDESARROLLO
1.8.1
1.8.2
1.8.3
1.8.4
1.8.5
76
76
76
77
77
78
LENGUAJEASP
LENGUAJEASP.NET
LENGUAJEPYTHON
LENGUAJERUBY
OTRASTECNOLOGAS
Pgina3de80
ASPECTOSGENERALES
REQUISITOSANTESDETENERELSITIOWEB
1.
ASPECTOSGENERALES
Este primer fascculo de la Gua de Comunicacin Digital de la Administracin General del

Estado1recogelosaspectosbsicosatenerencuentaenlaconstruccindesitioswebdela
AdministracinGeneraldelEstado.Enparticularsonsietelosaspectosgeneralestratados:
-
SistemasdeNavegacin:esteaspectotratasobreeldiseodelanavegacinycomose
estructuran las pginas, haciendo ms sencillo y homogneo el uso por parte de los
visitantes.
Legibilidad: se trata de exponer recomendaciones referentes al uso de diferentes

formatosenlaspginasquefacilitanlalegibilidaddeloscontenidos.
Aspectos lingsticos: con este captulo se ofrece una aproximacin a cmo redactar
contenidos manteniendo coherencia en el mensaje y respetando las consideraciones
predefinidasenmateriadeigualdad,diferenciasculturales,etc.
Consideraciones tcnicas: en este aspecto se recogen las recomendaciones referidas a

como impactan diferentes aspectos tcnicos relacionados con la construccin o la
navegacin,talescomolaresolucindelosdispositivos,losnavegadoresdelosusuarios,
lenguajesdeprogramacin,etc.
Accesoautenticadodeusuarios:enesteapartadosetratanlasrecomendacionesatener
cuentacuandosenecesitadelaidentificacindelosusuarios
ReferenciasaotrossitioswebdelaAdministracinGeneraldelEstado:cuandoseenlazan
otros sitios web de la Administracin General del Estado hay una serie de
recomendacionesparaconseguirlahomogeneidad
Estadsticas de Uso: en este apartado se incluyen las recomendaciones para incluir el

serviciodeestadsticasqueposibiliteelanlisisposteriordelasvisitasdelosusuarios.
Lalecturadeestefascculosedebecompletarconlalecturadelossiguientesfascculosdela
GuadeComunicacinDigital:Imageninstitucional,Multilingismo,AccesibilidadyAspectos
decomunicacin
Los fascculos de la Gua de Comunicacin digital de la AGE son: Aspectos Generales, Imagen
Institucional,Multilingismo,Accesibilidad,Seguridad,AspectosdeComunicacin,TecnologaWeb2.0y
MejorayMantenimiento.
Pgina4de80
ASPECTOSGENERALES
1.1 SistemasdeNavegacin
A la hora de disear el sitio web y una vez decidido cmo organizar la informacin
dentrodelsitio,hayquedisearloselementosdelainterfazquepermitenrecorrerlas
diferentesseccionesypginasquelocomponenyqueconsiguenelencadenamientode
pantallas a travs de herramientas tales como: barras de navegacin, mens
contextuales o accesos directos, tambin hay que estructurar dichos elementos y
definirsucolocacindentrodelasdiferentespginas.
Los elementos de la interfaz citados y su ubicacin en las pginas, constituyen el
"sistemadenavegacindeunsitioweb.
Hay que tener en cuenta que en internet son cientos de millones las pginas que
puedenseraccedidasporcualquierusuarioyestosvancogiendohbitosamedidaque
desarrollansuexperiencia.Estaexperienciaesaprovechadaporlosdiseadoresdelos
sitioswebalahoradeenfocareldiseoyhacequesevayanimponiendoestndaresde
facto en la organizacin de los elementos de navegacin. Es decir, las maquetaciones
tiendenahomogeneizarseenunacoleccinreducidadediferentestiposdeestructura,
de modo que cuando un usuario accede a un sitio web identifica rpidamente donde
puede encontrar cada elemento de la navegacin, en qu zonas puede encontrar la
informacinycmosedestacanlosdiferenteselementos.
Conseguirunabuenanavegacindelsitiowebeslamisinprincipaldelosdiseadores
de la interfaz de usuario y garantizar la consistencia y la transparencia en los
contenidosquesepresentan,aumentandolacapacidaddeconcentracindelusuario.
Lanavegacindebesersencilla,intuitivayconsistenteparapermitiralusuarioentender
fcilmentedndeobtenerlainformacinylamaneradeaccederalafuncionalidadolos
servicios que necesita, pero de forma transparente para l. Un buen sistema de
navegacinpropiciarqueelsitioseavisitadoporelusuarioypermanezcanavegando
en l. El usuario debe ser capaz de localizar la pgina mostrada y orientarse entre el
restodelaspginasdelawebparapoderseguirnavegando,paraconsultarmspginas
ointeractuarconsusservicios.Delacorrectaubicacindeloselementosydeunbuen
diseo de navegacin depende que el usuario se sienta o no cmodo en su visita a
nuestraweb.
Elusuariodebesercapazdeconcentrarseenloscontenidosquesepresentanenelsitio
y no en la investigacin y la comprensin de los mecanismos de navegacin que le
permitenaccederaellos.Medianteloshilosconductoresdelsistemadenavegacin,el
usuario debe entender dnde obtener rpidamente la informacin y la forma de
accederalafuncionalidadquenecesita.
Pgina5de80
ASPECTOSGENERALES
Reccomendado
o
Ellugar delapginaenelque
esesitanlossistemassdenavegaacindebe ser
elmismo
oentodasllaspginasdelsitio.
Cada pgina del sitio debe in

ncluir un seeguimiento de la nave
egacin y que
q
permitaalusuariorresponderaatrespregu
untas:
Dn
ndeestoy?
Ded
dndevenggo?
Dn
ndepuedoir?
Se pued
den disearr elementos de naveegacin parra que el usuario
u
pueeda
acceder alosconteenidosdelssitioatravsdedosvvas(unarutaprincipaly
unoovaarioscamino
osalternativos).
La elecccin del sistema de navegaci

n vendr condicionaada por el
e sistema de
clasificaccindelain
nformacinelegido.Sisehaelegidoclasificaartodaslas categoras de
informaccinmedian
ntetaxonom
masjerrquicas,laweebtendru
unsistemad
denavegacin
jerrquicco. Si adem
ms se han
n aplicado metadatoss a las unidades de contenido, se
dispondrr de la posibilidad
p
de realizaar navegacciones tran
nsversales a contenid
dos
relacionaados o afin
nes, relacion
nando por ejemplo, palabras
p
clave comune
es asignadas a
diferentees unidades de contenido. En esste momento ya se teendr un mapa
m
visual de
cmoqu
uedarestru
ucturadofin
nalmenteellSitioWeb.
La naveggacin y el acceso a los diversoss elementoss del sitio sse hacen a travs de los
sistemassdenavegacinqueseeclasificanggeneralmen
nteendosccategoras:
Men
nsoboton
nesdenaveegacin,agrrupadosen unabarrad
denavegaccinamenu
udo
llam
mada"sistem
maprincipalldenavegacin".
-
Enlaaces, iconoss o bannerss que sirven

n como un sistema co
omplementario, sistema
secu
undario de navegacin
n, para laa orientaci
n en la naavegacin y
y permiten
n el
acceesoadiversoscontenid
dosyfuncio
onesdelSitioWeb.
GuadeComunicaciinDigitalpara
a
neraldelEstado
o
AdministracinGen
Pgina6de80
ASPEECTOSGENERALLES
1.1.1 Navegacin
N
nPrincipal
Lanaveggacinprinccipalresaltaalospuntossmsimpo
ortantesdelsitiomediaanteenlaceesa
lasseccio
onesmsim
mportantes,dejandoelrestoparaalanavegaccinsecund
daria.
Lostipossmsfrecueentesdesisstemadenaavegacinp
principalson
nlossiguien
ntes:
Navegacinen
nelreaizq
quierdaovvertical:es eltipomsscomnde
enavegaciny
hahechomuypopular debidoaq
querespond
dealacond
ductahabittualdelectu
ura
seh
delo
osusuariosenlossitiosweb,dein
nicioporlaizquierda.
Esu
unsistemaggeneralmen
ntebiencomprendido yqueseaadecuabien
nensitiosq
que
quieeren destaccar la jerarrqua de niveles de laa informacin, y a su
u vez mosttrar
consstantementtelaposici
ndelaarq
quitecturad
delsitioen laquenos encontram
mos,
alm
mostrarmen
nsdesplegaablesensubmens.
Reccomendado
o
Asegurarse de quee en resolu

uciones de 1024x768 pxeles los vnculos de
navegacin ms im
mportantess estn visibles en su
u totalidad
d al cargar la
primerapgina.
Elancho
odeenlacessdenavegaacindebessermsesttrechode30
00pxelesccon
elfindedejarsuficiienteespaccioparaeltextoyquenosepliegu
uendebajode
lapantalla.
Navegacinsuperioruho
orizontal:esselsegund
dotipoden
navegacin msutilizado.
Laventajadeu
unabarradeenavegaci
nsuperioresquedejaamsespacciopordebajo
paraaelcontenidoyotrain
nformacinpertinente..
La filosofa
f
es igual que la de la navegacin a la izquieerda, se traata de men
ns
desp
plegablesen
nsubmenss.
Elussodeicono
os"pinchab
blesenvezzdebotoneestextualessparalareaalizacindeela
barrradenaveggacinperm
miteelahorrrodeespacio.Encaso
odeutilizarestosicon
nos
enlaabarraden
navegacinsedebeprroporcionarunequivalentetextuaaldecadau
uno
de los botoness. Indicar visualmente
v
e al usuario
o en qu m
men o secccin est con
c
relieeve,color,nfasis,etc..
a
neraldelEstado
o
AdministracinGen
Pgina7de80
ASPEECTOSGENERALLES
O
Obligatorio
En caso de utilizarr iconos "piinchables en vez de botones te

extuales en
n la
barra dee navegaci
n se debe proporcion
nar un equ
uivalente te
extual de caada
unodelo
osbotones porcuestio
onesdeaccesibilidad.
Reccomendado
o
Destacarr adecuadaamente este

e tipo de navegacin
n
porque no
ormalmentee el
usuariottiendeaign
norartodoloqueseveeadistanciaa.
Sisepon
nengrficossenlacabe
eceradelap
pginahayqueasegurrarsedequeela
barra dee navegaci
n se encue
entra por debajo
d
de llos grficoss, los usuarrios
pueden ignorar lo
os grficos y la barraa de naveegacin jun
nto con elllos,
pudiendollegarapensarquen
nohaynadaamsenesseSitioWeb
b.
Navegacin po
or pestaass: es una variante
v
de las anterio
ores. Se differencia dee la
supeeriorenqueeincorporapestaasvvisiblesenlu
ugardelosdesplegable
es.
Existenm
modelosmixxtosquemeezclanvario
osdelostip
posdenaveggacindesccritos.
Reccomendado
o
Normalm
mente no debera
d
ten
ner ms dee 67 enlaces y conttener slo los
eslaboneesmsimpo
ortantes,de
ejandoelreestoparalanavegacin
nsecundaria.
Fuera del sistema de navegaacin, los botones

b
que realicen accin deb
ben
desarrollarseenmo
odotextoHTML.
La jerarrqua entree los nivele

es debe seer evidentee para los usuarios, no
debiendollegarasu
uponerunaafuentedeambigedad.
Se debee conseguir que la navvegacin principal se destaque por el uso de

grficosovnculosd
detipodiferente.
Los ttullos de los enlaces de navegaci

n deben seer cortos, descriptivos
d
s e
intuitivo
os.Encada pginadebehaberun nmerorazonablede enlaces,pu
ues
las pgin
nas con un nmero de
e enlaces de
d 20 a 30 sson ms difciles de usar
quelasp
pginascon
nunnmero
omenordeenlaces.
El uso del
d color en
n los enlace
es no necessariamente tiene que ser estnd
dar,
perodeb
bepermitiralusuariossabersisob
brelsehahechoclicaantesono.
a
neraldelEstado
o
AdministracinGen
Pgina8de80
ASPEECTOSGENERALLES
Obligatorio
Si el uso de grficos o enlaces JavaScript debe estar disponible, debe

notificarsepormediodeuntextoalternativoporcuestionesdeaccesibilidad.
1.1.2 NavegacinSecundaria2
Losenlacesqueconstituyenlanavegacinsecundariasonlosvnculosqueestablecenel
contacto habitual con el usuario, con literales como Nosotros, Quines Somos,
PolticadePrivacidad,CondicionesdeUso,Mapaweb,Guadenavegacinweb,
Contactarconeladministrador,etc.
Nosotros, Quines somos, Contactar con el administrador: las reas de contacto

sirvenparadarrespaldo,credibilidadyseguridadalsitioysucontenido.Eshabitual
que los usuarios de Internet que acceden a un sitio busquen un rea de contacto
paracorroborarquelainformacinpublicadaseaverdica.
Lainformacinqueseesperaencontrarenenlacesdeestetipoes:
Telfonosdecontacto.
Direccionesfsicas.
Nombresdepersonasconlascualescontactarenlasdistintasreas.
Direcciones de correo electrnico de contacto para cada una de las

distintasreas.
FormulariodeContacto,endondeseespecifiqueunasuntoomotivode
contacto, campo de explicacin, nombre, email, telfono de contacto,
etc.
Avisolegal3oPolticadeprivacidad:medianteesteenlaceserposibleaccederal
documento que especifica los procedimientos, reglas, y prcticas de seguridad de
datosqueserealizanenunSitioWeb,conlasquesegarantizaelmantenimientode
laintegridad,confidencialidadydisponibilidaddelainformacinquerecogedesus
usuariosydeotrosinteresadostitularesdedatos,deconformidadconlalegislacin
vigente,ylasnecesidadesdeseguridadinformticaylosobjetivosquesepersiga.
Sobre los contenidos de las pginas ver el fascculo Aspectos de Comunicacin de esta Gua de
ComunicacinDigital.
3
VerANEXOI
Pgina9de80
ASPECTOSGENERALES
Condicionesdeuso:medianteesteenlaceseaccedealostrminosycondiciones
generalesaplicablesalusodelosservicioseinformacinofrecidosporelSitioWeb.
CualquierusuarioquedeseeaccederyusarelSitioWebpodrhacerlocumpliendo
dichostrminosycondicionesgeneralesrespectivos.
Mapa web: es la representacin grfica o textual de un Sitio Web. Es una pgina

donde se listan de manera jerrquica las pginas que componen un sitio,
generalmente representadas como enlaces que permiten el acceso rpido a las
mismas.
Gua de navegacin web: Facilita la navegacin de los usuarios, incluyendo

informacin sobre la organizacin de la informacin el sitio web y elementos
utilizados o a disposicin para facilitar la navegacin a los usuarios tales como:
Programasyplugins,Microformatos,SuscripcinacontenidosporRSS,ArchivoKML
oNavegacinSemntica.
Ayuda y Preguntas Frecuentes (FAQ): La pgina "Ayuda" y la de Preguntas ms

Frecuentes, son esenciales para los servicios en lnea por lo que es conveniente
quecuentenconunenlacediferenciado.ysepuedenrecordarenlaparteinferior
de la pgina. La pgina de FAQ incluye las preguntas ms frecuentemente
planteadasporlosusuariosconsurespuestaysepuedeacompaardeunenlace
paraelenvodemspreguntas.
Otrosenlacesdeinters:Enlacealapginadeprensa,Enlacealoshorariosyel
planodeaccesosielsitiotieneoficinasdeatencinalpblico.Enlacealapginade
directoriodelainformacinpblica060.
Otros avisos de inters: Poltica de proteccin de datos del sitio, Poltica de

seguridaddelsitio,Polticadeautenticacin,Interoperabilidaddelsitio,plataformas
o navegadores para los que el sitio est disponible, resolucin u otros aspectos
tcnicos,Fechadelaltimaactualizacin.
Obligatorio
Si el uso de grficos o enlaces JavaScript debe estar disponible, debe

notificarsepormediodeuntextoalternativoporcuestionesdeaccesibilidad.
Mapa web: es la representacin grfica o textual de un Sitio Web. Es una

pgina donde se listan de manera jerrquica las pginas que componen un
sitio, generalmente representadas como enlaces que permiten el acceso
rpidoalasmismas.
Condicionesdeaccesibilidad:
Pgina10de80
ASPECTOSGENERALES
Las pginas de
d Internett de las administrac
a
ciones pbllicas deberrn
conteenerdeforrmaclarala
ainformaci
nsobreel gradodea
accesibilidad
dal
conteenidodelassmismasquehayana
aplicado,ascomolafeechaenqueese
hizolarevisind
delniveldeaccesibilida
adexpresad
do.
Lasp
pginasde internetdeelasadminiistraciones pblicasdeebernofreecer
al usuario un sistema de
d contacto
o para quee puedan transmitir las
dificu
ultadesdea
accesoalco
ontenidodeelaspgina
asdeIntern
net,oformu
ular
cualq
quier quejja, consultta o sugeerencia de mejora. Los rgan
nos
comp
petentes reealizarn peridicame
p
ente estudios de carrcter pbllico
sobreelasconsulltas,sugereenciasyquej
ejasformula
adas.
(Real Deecreto 1494

4/2007, de 12 de novviembre, po
or el que se
s aprueba
a el
Reglameentosobrellascondicio
onesbsicassparaelacccesodelasspersonasccon
discapaccidad a lass tecnologa
as, producttos y serviccios relacio
onados con la
sociedad
ddelainforrmacinym
mediosdeco
omunicacin
nsocial).
Reccomendado
o
Diferencciarenlopo
osibleentrelanavegaccinprincipaalylasecun
ndaria
Los enlaaces corresp

pondientes a la naveggacin secundaria se suelen
s
dise
ar
conunttamaodetextomspequeo,u
usarunsepaaradorode
ejarunespaacio
razonable para quee el usuario
o sea capaz, sin esfueerzo, de haacer distincin
entrevarios.
Sesuelencolocarenlapartein
nferiordelaapginapriincipal.
Silacom
mplejidaddelsitioweb
bosedeelectrnicaaasloaconsejaseinclu
uir
una Guaa de naveggacin del sitio,
s
cuyo enlace
e
aparrecer al pie de pginaa o
dentrod
delapartado
oAyuda.
1.1.3 Otroselem
O
mentosdeO
OrientacinyNavegaacin
Adems deloselem
mentosden
navegacin principaly secundario
ohayotros elementos de
ayudaalanavegaciinydeorieentacinalusuarioenloreferentteaenqulugardelSitio
Webseeencuentra.Losmsimportantessson:
a
neraldelEstado
o
AdministracinGen
Pgina11de80
ASPEECTOSGENERALLES
Men Principal: este elemento se encuentra siempre presente, permitiendo

fcilmenteelaccesoacadaunadelasreasdelsitio,comovolveralapginainicial,
etc.
BarraCorporativa:ofrecediversasopcionesdeinformacinrespectodelsitio.
RutadeAcceso(migas):esunalistaquedebeaparecerenlapartesuperiordecada
pginayquemuestralatrazadepginasquehayentrelapginadeiniciooPortada
delsitiohastalapginaactualqueseestvisitando.
Cabecera: tiene como misin principal albergar la imagen corporativa para

identificarconclaridadelorganismoalqueperteneceelSitioWeb.
Enlacesautilidades:losenlacesautilidadesestnenfocadosaayudaralusuarioen
las tareas que representan, por ejemplo, seleccin de idiomas, bsquedas dentro
del sitio, etc. Normalmente estos enlaces se encontrarn siempre en la parte
superiorderechadecadapgina.
Fecha de publicacin: nos permitir indicar la fecha de actualizacin de la

informacin y, por tanto, la posible vigencia del contenido presentado.
Normalmente ocupar un lugar en la parte baja de la pgina, aunque puede
presentarsetambinenlapartesuperiorizquierdadelcontenido.
PiedePgina:seutilizaprincipalmenteparainformarsobreavisoslegalesymapa
delwebyotrainformacingeneraldelSitioWeb.
Esunpuntodereferenciaentodoelsitio,asociadodirectamenteasunaturalezay
caractersticasysueleconteneraccesosa:
EnlacesapginasdePrensa.
HorariosyPlanodeacceso,siexistenoficinasdeatencinalpblico.
Enlacealapginadepreguntasfrecuentes(FAQ),siesqueexiste.
Aviso sobre la poltica de proteccin de datos del sitio, seguridad e

interoperabilidad.
Enlacesaotrossitiospblicosdeintersgeneralcomoporejemploel060
Campaasinstitucionales.
Losenlacesacontactoyayudaquesuelenirenlapartesuperiorpuedenponerse
tambinenelpiedepginaparamayorfacilidadosolamenteenelpiedepginasi
elresponsabledelawebnoquieredarleunaimportanciaparticular.
Pgina12de80
ASPECTOSGENERALES
Otroselem
mentoscom
munesson losbotone
es(enocasionesrepresentadosporiconos,vver
apartado 1.2.3) , enttre los cuales, los ms frecuentees son, Inicio (Home), para ir a
a la
opginainiccial,Mapa
adelsitio, paraverlaaestructuraadelaspginasdelSitio
portadao
Web,Con
ntacto,con
nladirecci
npostal,e
electrnica, telfono,rredessocialesocualqu
uier
otra coord
denada parra comunicarse con ell organismo
o responsab
ble del sitio
o, Buscado
or,
presenteeencadapggina,Ayud
da,parare
ecibirconsejjouorientaacinsobre
equhacer en
cadapanttalladelsitiio.Permitenalusuario
oencontrarrlosconten
nidosyguardarmemo
oria
fotogrficadelSitioW
Web,porloqueestose
elementosssesitanen
nelmismolugarentod
das
laspginasdelsitiop
paraguiaralusuarioyaayudarleap
priorizarlainformacin
n.
Ejem
mplodeBotone
es/enlacesenllacabecera
E
EjemplodeBot
ones/enlacese
enelpie
Reccomendado
o
MenPrrincipal:esttarsiemprrepresente..
BarraCo
orporativa: semuestraaentodaslaaspginas.
Ruta de Acceso (breadcrumb

bs o migas): cada una de ellas co
ontar con un
enlace para
p
accedeer al rea de
d la cual depende
d
la pgina, differenciando
o la
que marrca el lugarr actual del resto y qu
ue las etiqu
uetas utilizaadas coincid
dan
conlostttulosdelaspginasalasquehaccenreferencia.
Ejemp
plo:Serviciios>proceso
os_selectiv
vos>convoc
catorias>forrmulario
Cabecerra:laconfiguracindelacabeceraaserigualentodaslaspginasdel
sitio.
Los enlaaces a utilidades: se

e encontrarrn siemprre en la parte
p
superrior
derechadecadapgina.
a
neraldelEstado
o
AdministracinGen
Pgina13de80
ASPEECTOSGENERALLES
Fechadepublicacin:ocuparunlugarenlapartebajadelapgina.
PiedePgina:seubicarenlaparteinferiordecadapgina.Apareceren
todaslaspginasdelsitio.
Botones: los iconos que representen los botones sern legibles y claros,
estarn dotados de un texto alternativo y se ubicarn en un lugar de fcil
acceso.
ElBuscadorestarpresenteentodaslaspginassiesquelafuncionalidad
existeenelsitio.
1.1.4 Sistemasdenavegacinyorganizacindelaspginas(zoning)
Una vez definida la arquitectura de la informacin, la eleccin de los sistemas de
navegacin se basa en general en un escenario de "zoning" o divisin en zonas de la
pgina,esdecir,cmoseorganizanlosdiferenteselementosagrupadosentreellosen
laspginas.
Normalmente, antes de abordar la realizacin concreta del modelo de la pgina, la
zonificacin permitir verel guiongrfico para describir la interfaz del SitioWeb. Esta
fasedeldiseodelsitiodarcomoresultadolaorganizacindelainformacinenelSitio
Web,teniendoencuentaqueloscontenidosconfuncionessimilaresseagrupanenla
mismazonadelapginayqueesnecesariotenerjerarquizadalainformacinyelguin
grficoparadescribirlascaractersticas.
El resultado de la zonificacin ofrece varios escenarios para comparar grficamente
determinadasorientacionesoposicionesdecadaunodelosbloquesquecomponenla
pgina,quediferirnprincipalmenteensussistemasdenavegacin.Deestemodoser
ms sencillo decidir si es ms apropiado el uso de unos tipos de men u otros
(horizontalesoverticales,porejemplo).
Lazonificacintambindebetenerencuentalasprcticasdelecturadelosusuariosde
Internet(izquierdaaderechaydearribaaabajo)yqueciertaszonasdelapantallason
estadsticamentems"vistas"queotras,conocidascomozonasmuertas.
Pgina14de80
ASPECTOSGENERALES
Z
Zonificacino
zoningconejjemplodediferrentesbloquesynavegacinp
principalenho
orizontal
Reccomendado
o
Los conttenidos con

n funcioness similares se
s agrupan en la mism
ma zona dee la
pgina.
Teneren
ncuentalassprcticasd
delecturad
delosusuariosdeInterrnet(izquierrda
aderech
haydearrib
baaabajo).
Laszonaasestadsticcamentemsvistas.
1.1.5 Navegacin
N
nGuiada
Lanaveggacinguiada,porcon
ntraposicin
nalanaveggacinlibree,consistee
enimponerral
usuariou
unrecorrido
opredefinid
do.
Ejemploss de este tipo
t
de navegacin son los quee se utilizan para la realizacin
r
de
trmites online (acciones
(
c
comunes
dentro
d
de las sedess), o que requieren la
mentacin de
d muchos campos de
e informaci
n en un determinado
o orden como
cumplim
porejem
mplo,cursossonline,exxmenes,ettc.
Existeun
navariante deestetipodenaveggacinenlaquesemuestrantodaaslasetapaasa
la vez en
e forma de
d pestaass dentro de la misma pgina, o
ofreciendo al usuario
o la
posibilidaddesaltardeunaao
otraparam
modificarlaiinformacin
nperoenelordenqueese
estime oportuno,
o
no estando
o sometido
o as el ussuario a laa pauta maarcada por el
program
maypudiend
dovolverso
obresuspassoslasveceesqueseannecesarias.
a
neraldelEstado
o
AdministracinGen
Pgina15de80
ASPEECTOSGENERALLES

Reccomendado
o
Elusuariiodebepod
dervolveraalpasoanteeriorparaccadaetapa (exceptoen
nla
primera)).
Cada ettapa debe ir acompaaada de un

u auto gguardado de los datos
introduccidos.
Sedebe proporcion
naralosussuariosinformacinvissualsobree
elpasoactu
ual,
los paso
os ya realizaados y los prximos pasos
p
(por ejemplo, a travs de un
sistemadepestaaascondistin
ncinvisualdelapestaaaactiva).Sisepropo
one
comoop
pcinelabaandonodelprocedimieento,habrqueofrece
erunapantaalla
intermed
dia en la que
q un texxto expliquee la prdid
da de datos y solicitee la
confirmaacindelab
bandono.
Se pued
de avisar del periodo de tiempo
o en el quee si no hayy actividad se
cancelarreltrmitee.
1.1.6 Navegacin
N
nyaccesib
bilidad
Para garrantizar la accesibilidaad de los mecanismos
m
s de navegacin entre
e los distintos
contenid
dosquecom
mponenelssitioweb,de
eberemosttenerencueenta:
ObligatorrioAccesibiilidadNivellA
El texto de los enlaaces debe identificar

i
c
claramente
e su destino
o y ser lo ms
m
concisoyyexplicitop
posible
Sedeben
nproporcio
onarmapasdeimagencontrolado
osporelclie
enteenvezde
porelseervidorsalvo
oqueseaestrictamenttenecesario
o
Sedeben
nproporcio
onarenlacessredundantesenform
matotextop
paracadarea
activadeeunmapad
deimagend
delservidorr
ObligatorrioAccesibiilidadNivellAA
Si se deefinen pginas que se

e autorefreesquen perridicamentte, el usuaario
debepoderevitareelrefrescoaautomtico..
Nodebeenusarsemarcadoresp
pararediriggirautomtiicamentelaaspginas.
a
neraldelEstado
o
AdministracinGen
Pgina16de80
ASPEECTOSGENERALLES
Debeevvitarseprovvocarqueaparezcano
otrasventan
nasdelnavvegador,como
exposito
ores o venttanas emerrgentes, sin
n informar antes al ussuario y daarle
opcionessparaqueccontroleesaaaparicin.
Sedebeproporcion
narinformaccinsobrellaestructurragenerald
delsitio.
Losmecanismosdeenavegacin
nseutilizarrndemaneeraconsiste
ente.
Se debee mantener un orden lgico de tabulacin

t
a travs de los enlacces,
controleesdeformularioyobjetos.
Reccomendado
oAccesibilid
dadNivelA
AAA
Se proporcionar informacin
n sobre las relacioness entre doccumentos que
q
perteneccenaunacoleccin.
Se proporcionarn barras de navegacin

n para facilitar la navvegacin en
n el
sitio.
Cuando se proporccione un siistema de bsqueda en el sitio, se ofrecerrn

diferenteestiposdebsquedas.
Se agru
uparn los enlaces relacionaados, iden
ntificando el grupo y
proporciionandounamanerad
desaltarsed
dichogrupo
o.
Los enlaaces se disstinguirn del

d resto del
d texto, aas como de
d los enlacces
adyacentesentres.
Sepropo
orcionanattajosdeteccladoparallosenlaces importante
es(incluyen
ndo
losdelo
osmapasdeeimagende
etipoclientte),controleesdeformu
ularioygrup
pos
decontrrolesdeform
mulario.
Se debeen proporcionar enlacces redundaantes, en fformato texxto para caada

zonaacttivadelosm
mapasdeim
magendetip
pocliente.
(Para am
mpliacin sobre Accessibilidad ve
er Fascculo
o de Accesiibilidad de esta Gua de
ComuniccacinDigitalparalaAGE)
a
neraldelEstado
o
AdministracinGen
Pgina17de80
ASPEECTOSGENERALLES
1.2 Legibilidad
La lecturaen pginas web no esequivalente ala lecturaen papel: elconfort visual, la
organizacin de la informacin, la presentacin de los contenidos y los modos de
navegacindifierensignificativamentedeunmedioaotro.Losestudiossugierenquela
mayora del tiempo de navegacin se dedica a explorar de forma general los sitios en
detrimentodelalecturadelcontenidopropiamentedicho.
El segundo nivel de lectura, en el que la calidad del texto es decisiva, slo interviene
cuando la informacin buscada ha sido localizada. El usuario debe entender muy
rpidamente si el contenido de una pgina le interesa o es la informacin que est
buscando. Para que el usuario pueda deducir sin esfuerzo esta conclusin es muy
importanteelconceptodelegibilidad.
Lalegibilidadserefiereacmountextopuedesercomprendidoeinterpretadoporun
usuarioyestrelacionadaconlalecturavisual(fuentes,estilos,coloresypictogramase
iconos) y con la organizacin de la informacin y la distribucin jerrquica de los
contenidos.
Lalegibilidad,portanto,estrelacionadaconcriteriosdeimagenyaspectooestiloque
contemplanunaseriedeelementosbsicos(logotipo,tipografaogamacromtica),con
la necesaria referencia a los estilos ya establecidos para papelera (sealizaciones y
publicaciones), as como los criterios para la estructuracin de las pginas que
garanticenunasimilitudentrelaspginasdelosdiferentesMinisteriossinmenoscabar
lasespecificidadesconsecuenciadesusmbitoscompetenciales.
Esmuyimportanteasegurarunapercepcineidentificacinvisualrpidaeintuitivade
laspginasdelaAdministracinGeneraldelEstadoyreforzarlaexperienciadeusuario,
permitiendounaciertafamiliaridadenlanavegacinporloscontenidosyserviciosde
lasdiferentespginasdelaAdministracinGeneraldelEstado.
Relacionado indirectamente con la nocin de legibilidad podramos considerar el
Multilingismo que dado el impacto que tiene en nuestro pas con cinco lenguas, es
tratadoenunfascculoaparte.
1.2.1 Fuentes
Aunqueelusuariosiempretienelaposibilidaddemodificarlafuentequesemuestraen
los navegadores por defecto, es conveniente seguir una serie de recomendaciones
relativasasuusoenlasdiferentespginasquecomponenelSitioWeb.
Pgina18de80
ASPECTOSGENERALES
Como no
orma general, en lo referente a
a los tipos de letra u
utilizados as como a su
tamao, stosdebeernserlo suficientem
menteclarosvisualmen
ntecomop
parapoder ser
npantallasindificultad
d.Sepodrn
nutilizardifferentestip
posdeletraenfuncinde
ledosen
suaplicacin(usoenbotones,ttulos,etc.),ascomo
odiferentesscoloresde
ependiendode
su uso. Es importtante que, tanto las tipografas como lo
os colores utilizados se
ondan con los que aparezcan contemplaados en eel fascculo
o de Imaggen
correspo
Institucio
onal.
Reccomendado
o
La utilizaacin de tipos de letrra sin serifa o sans sserif (sin remates)

r
para
garantizaar una meejor legibillidad de los conteniidos, puestto que esstas
tipografas estn diseadas paara facilitarr la lectura en pantallaa. Las familias
defuenttesmsapropiadascon
nlassiguien
ntes:
Verdanaa: pertenecce al grupo
o de fuentes denominadas websafe fontts,
especiallmente indicadas paraa su uso en
n portales w
web, puesto
o que, inclu
uso
utiliznd
dolaenpeq
queostamaaos,ofreceunalegibiilidadacepttable.
Geneva:cuentaco
onunagran
nalturadel cuerpode loscaracte
eres,hacien
ndo
que apaarezcan ms amplios y ms altos que la m
mayora de las tipograffas
sansserrif
Helvticca:tipografadegraninfluenciahistricacon
nalgunosde
etractoresp
por
sulegibilidadentamaospequeos.
Arial: nace
n
de heelvtica, co
on la que comparte caracterstticas, aunq
que
simplificcadasquem
mejoransullegibilidad.
Enlorefferentealcuerpoottamaodeletra,nouttilizarunvaalordepartida
inferioraa10pxelessparaeltexxtonormal(aunqueseerecomiend
daunvalorde
1112pxelespara unaptimaalegibilidad
d).Encualquiercaso,sserecomien
nda
quelasffuentesestnindicadaasentama
osrelativo
osparafacilitaralusuaario
su redimensionam
miento, aunque debemos teneer en cuenta que el
comporttamientodeedichored
dimensionam
mientopueedevariare
enfuncin del
navegad
dorqueseu
utilice.
Deberan
nutilizarse pocasfuen
ntesdistintaasysiemprreutilizarunconjunto no
superiorr a ms de dos dife
erentes y, en cualquiier caso, debern
d
esstar
asociadaasafuncion
nesbiendife
erenciadas comopued
desersuussoparattullos,
piesdep
pgina,boto
ones,etc.
a
neraldelEstado
o
AdministracinGen
Pgina19de80
ASPEECTOSGENERALLES
Lasfuen
ntesutilizad
daseneldiseodelasspginasdebernestardisponib
bles
por defeecto en lass diferentess plataform
mas y sistem
mas de visu
ualizacin (PC,
Macinto
osh,disposittivosmvile
es,tablets,eetc.).
Unestilo
odefineelfo
ormato:elttipodeletraaofuente,elcuerpoo
otamaode
elafuente,los
atributoss de la fuente (normal, negrrita, etc.), su capitaalizacin (m
maysculas o
minscullas), el espaacio entre lneas, el espaciado entre letras,, el color y la alineaci
n
justificaccindeltextto.
LatecnologaCSS(""Cascading StyleSheett"uHojadeeEstilosen Cascada)p
permiteaplicar
na pgina web sin u
utilizar directamente sus
formatoss a los eleementos HTTML de un
atributossdeformatto,loquepeermitesepaararelcontenidodelaapresentaciin.Enelcaaso
de la leggibilidad, mediante
m
un
n estilo puede definirrse el formato del texxto desde sus
s
atributoss (aplicacin de negriita, etc.) hasta la sep
paracin en
ntre lneas o caracterres,
pasandoporsucolo
or,justificaccin,utilizaccindemayysculas,etc.
Reccomendado
o
Para conseguir una coherenccia grfica en todo eel Sitio We

eb, los estiilos
utilizado
os debern ser comun
nes para caada categorra de objeto que forme
partedeeldiseo.
Se debe respetar laa jerarqua visual de lo

os distintoss niveles de
e informacin,
especialmenteeneelcasodelo
osttulos.Nodebemossutilizartam
maosdeleetra
excesivaamente graandes apliccados en informaciones secund
darias o que
q
supereneltamaodelainform
macinprincipal.
No se deben
d
utilizzar textos que
q parpad
deen (blink) o que se desplacen,
puestoq
quesuelen serincmo
odosparalo
osusuarios,desvanla atenciny no
cumplen
nconlasno
ormasmnim
masdeacceesibilidad(vvermsade
elanteeneesta
Gua).
Enelcassodeconteenidostextu
uales,sedeebeevitarlautilizacin
ndefrases en
letras maysculas,
m
, puesto que
q
dificultta la lectu
ura. Sin embargo, est
e
permitid
doenelcaso
odettulosdesecciones,botoness,advertenccias,etc.
Para desstacar algn elemento

o en el con
ntenido texttual, se puede utilizarr la
negrita.
Nousar subrayadosparadesttacarcontenidostextu
uales.stos debenusarse
nicameenteenlosh
hipervnculo
os.
Se debee evitar la utilizacin de cursivaa en prrafos complletos o frases

largaspu
uestoqueo
ofreceunalegibilidadm
menor.
a
neraldelEstado
o
AdministracinGen
Pgina20de80
ASPEECTOSGENERALLES
Aniveld
dealineaci
nesrecom
mendableaju
ustareltexttoalaizquiierda,enluggar
de justifficarlo a ambos
a
lado
os, ya que en el casso de lneaas con poccos
caracteresestetipo
odejustificaacionesgen
neraunaseriedeespaciosenblan
nco
quepuedendificulttareinterru
umpirlalecttura.
1.2.2 Colores
C
Cada eleemento de una pginaa as como las diferen
ntes agrupaaciones enttre ellos deebe
tenerunpapeldefinidoclaram
mente,que debeestar acordecon
nsupesovisualdentro
untototald
delamismaa.Unadelaasmejores herramienttasconlas quecuentaael
delconju
diseow
webparacum
mpliresteo
objetivoese
elusoadecuadodelosscolores.
La utilizaacin del co
olor deber garantizar el cumplimiento de las normas y pautas de
accesibiliidad en el Sitio Web
b, ya que si
s se utilizaa el color ccomo nico
o medio paara
transmitiirinformacin,usuario
osconlimittacionesvissualesbasadasenlap
percepcin del
colornopercibirnccorrectameentedichain
nformacin
n.
Reccomendado
o
En ning
n caso el uso de dife
erentes collores debe causar fatiiga visual. Por
P
ello, los colores utiilizados en el fondo dee las difereentes pginaas sernen
n la
medida deloposib
bledecolorresclaros.EEstehecho,,ademsdefavorecerrla
legibilidaad,favoreceetambinlaimpresin
ndelaspgginas.
Debe exxistir un con

ntraste suficiente entrre el fondo y el primer plano (en
n el
caso de los textos que forman parte del contenido
o). Este con
ntraste debeer
ser positivo (texto oscuro so
obre fondo claro), pueesto que el
e uso inverso
puedeprovocarfattigavisual.U
Unapruebaaprcticaparaevaluarrlacalidad del
contrastteesverlasspginasen
nunapantallamonocro
omaenlaq
queloscolores
sern co
onvertidos a
a escala de
e grises. Sieempre es acconsejable comprobarr el
resultadodelaimp
presindeu
unapgina antesdedeecidirfinalm
mentesobreela
eleccindeloscolo
ores.
Serecom
miendano utilizarmssdetresco
oloresdiferrentesenunapgina, as
como evvitar algunaas combinaciones de fondo
f
y primer plano (por ejemp
plo,
unprraafoescritoeenrojosob
breunfond
doazulmarrinodarco
omoresultaado
unalectu
uraincmo
odayunamalaexperienciadeusu
uario).
Es conveeniente utilizar un color para lo

os enlaces een funcin de su estaado
(activo, visitado), respetando
r
las convenciones peertinentes relativas
r
a los
cdigos de color (por ejempllo, rojo significa "deteener" o "peligro", verrde
"empezaar",etc.).
a
neraldelEstado
o
AdministracinGen
Pgina21de80
ASPEECTOSGENERALLES
Los colores brillantes (como el rojo, por ejemplo) se deben reservar

nicamenteparaatraerycaptarlaatencin.
Noserecomiendautilizarfondoscontexturaomotivosenmosaico,puesto
quedificultanengranmedidalalegibilidaddeltexto.
Para garantizar la accesibilidad no use el color slo para dar acceso a

informacin,esrecomendableproporcionarsuficientescontrastesdecolory
evitar cambios bruscos de brillo as como evitar tambin elementos
parpadeantesocondesplazamientodetextos.
ColordelTexto
Colordelfondoaevitar
Colordelfondoautilizar
Blanco
Amarillo
Magenta,Rojo,Verde,Azul
Amarillo
Blanco,Cian
Azul,(Rojo),(Magenta)
Cian
Verde,Amarillo
Azul,(Blanco),(Rojo)
Verde
Cian,Azul
Amarillo,Blanco,(Rojo),(Magenta)
Magenta
Rojo
Azul,Blanco,(Cian),(Verde)
Rojo
Magenta,Azul
Blanco,Amarillo,Cian,Verde
Azul
Rojo
Banco,(Amarillo),(Verde)
ColorComplementario
Lossiguientescomentariosserefierenalapginaprincipal(Portada,Home,Inicio,
Index, Introduccin) del sitio web de los Ministerios. Tanto las Secretaras de
Estado o Secretaras Generales, como los organismos e instituciones adscritos o
dependientes, tienen que considerarlos en trabajos a futuro, aunque sin que en
este momento se deba generar costes o promover rediseos basados en estas
recomendaciones.
ParatodosaquellosdiseosgrficosdepginawebdeMinisteriosqueprecisende
un color complementario a los propios de la imagen institucional del propio
ministerio, tal como se describe en este mismo manual, se utilizar el conocido
comoAzulEuropa,esdecirelcolordefondodelabanderadelaUninEuropea.Se
puedeutilizarestecolorensusdistintasgamasytonalidades,detalformaque,sin
abandonar el mismo, se pueda dar al diseo la riqueza y visibilidad que en cada
momentoseprecise.
Pgina22de80
ASPECTOSGENERALES
Todo
os los fond
dos de pgina se harn en blancco. Los texxtos podrn
n ir en blan
nco
(sob
bre fondo de
d color), negro, rojo
o, y las ton
nalidades d
de gris que
e se precisen,
utilizzndoseparaellolosd
descritosen
nlapartedeelaimageninstitucionaal.
Modelo
odecolor
RGB
Baprox.
PMS
rojo
Azul
ModelodecolorCMY
YK
Hexade
ecimal
Reflexblue
verde
azzul
51
1
ciaan
153
0033
399
magen
nta
amarillo
o
negro
100%
80%
0%
0%
Azul
Coo
ordenadasdeecolor
HTML
00
000FF
CMYK(c,m
m,y,k)C
(100,1
100,0,0)
RGB(r,,g,b)B
(0,,0,255)
HSV(h,s,v)
(240,100%,100%))
B)Normalizadoconrango[025
55](byte)
00](cien)
C)Normalizadoconrango[010
a
neraldelEstado
o
AdministracinGen
Pgina23de80
ASPEECTOSGENERALLES
Reccomendado
o
Utilizar el Azul Eu
uropa como
o color com
mplementaario a los propios
p
de la
Imagen Institucionaal, en los diseos
d
de la portada de los sitio
os web de los
Ministerrios.
Para cualquier otrro nivel de

e la Administracin General de
el Estado, se
recomienda que, en
e caso de
e plantearsee un rediseeo del maaterial grffico
actualmeentevigentte,seutilice
enestasreccomendacio
ones,detalformaqueese
vayahacciaunaestaandarizacin
ndelaimaggen,ynohaaciaunadivvergenciadeela
misma.
1.2.3 Pictograma
P
aseiconoss
Los icono
os y pictogrramas, deb
bern ser in
ntuitivos y contar
c
con caracterstiicas de diseeo
comunessentreelloss.
Lospicto
ogramassondibujosco
onvencionaalizadosqueerepresenttanunobjetooconcep
pto
de maneera simplifficada y qu
ue contribuyen a la comprensin del co
ontenido. Son
S
independ
dientes de cualquier lengua parrticular porrque no representan palabras sino
concepto
os.
Ejemplossdepictograma
Algunas disposicion
nes o recomendaciones propias de servicios pblicoss electrniccos
puedenp
poseerunp
pictogramaparticular.
a
neraldelEstado
o
AdministracinGen
Pgina24de80
ASPEECTOSGENERALLES
Ejemplo
odepictogramaa
Losicono
ossonelem
mentosvisuaalesqueayudanalusu
uarioaorientarseyamoversep
por
lainterfaaz.Pueden sermuytilesparaacccederadetterminadassfunciones transversalles,
comoelaaccesoalaHomeop
pginadein
nicio,enlaceealbuscado
or,cierresd
desesin,etc.
Ejemp
plosdeiconos
ObligatorrioAccesibiilidadNivellAA
Los orgaanismos qu
ue han pressentado un
na declaracin de con
nformidad con
c
una cierrta norma o recomen
ndacin qu
ue tiene su
u propio icono, deberrn
utilizarlo
o al pie de sus pgginas, como
o por ejem
mplo la De
eclaracin de
Accesibilidad.
A
AA
A
AAA
(png
g, gif, svg, eps)
e
(png, gif, svg, eps)
(png, gif, svg, ep

ps)
(png
g, gif, svg, eps)
e
(png, gif, svg, eps)
(png, gif, svg, ep

ps)
Reccomendado
o
Cuando el icono o
o pictogram
ma no sea lo suficienttemente in
ntuitivo pueede
induciraaerror,porloquedebe
ercontarcconunaetiq
quetaexplccita.
Los picttogramas e
e iconos sie
empre deb
ben incluir la etiqueta ALT con el
correspo
ondientetextoalternattivo.
a
neraldelEstado
o
AdministracinGen
Pgina25de80
ASPEECTOSGENERALLES
1.2.4 Ttulos,jera
T
arquayaggrupacindelainforrmacin
Laorganizacinde lainformaccinylajerrarquizacin
ndeloscontenidosse
ebasanen los
recorrido
ostpicosdeeconsultad
delosdistin
ntosperfilessdeusuario
o.
Hayqueintentarno
ocaerenlaredundancciadelosco
ontenidosq
quepuedettenerelefecto
indesead
dodelaband
donodelanavegacin
nporparted
delosusuarios;enotraspalabrass,el
mismoco
ontenidono
odeberepeetirseendiferentesluggaresdelSiitioWeb.Po
orelcontraario
es muy til multiplicar los pu
untos de accceso a esttos conteniidos ofrecie
endo camin
nos
alternativvos.
Elttulod
delapginaaeselttulo
odelconten
nidoeditorialdelapgginaHTML.Enunapggina
HTML,ellttuloeselltextoqueaapareceenlabarradeelaventanadelnavegaador.
7.Ejemplodettulodepgina
Reccomendado
o
Si se trrata de un
na sede electrnica, se nombrrar siguien
ndo la reggla:
https://sede.xxxxxxx.gob.es, dondexxxxxxxxsesusttituirpore
elnombre del
ministerrio u organ
nismo. (Reeal Decreto
o 1671/200
09. Artculo
o 17.2. Pa
ara
facilitar su identificcacin, las sedes elecctrnicas seeguirn las disposicion
nes
generalees que see establezzcan para la imageen instituccional de la
Administtracin General del Estado
E
y su
s direccin
n electrniica incluir el
nombrededominio
odetercern
nivel.gob.ess).
Sisetratadeorgan
nismosmuyyconocidossporlosciudadanosyysiempreq
que
nocoinccidaconla denominaccindelporrtal,parano
ombrarlassedesepueede
utilizarlaadenominaacindelorrganismoco
on.gob.es.Enestecaasopodrasser:
https://w
www.organ
nismo.gob.es
Noobstaante,parau
unamayor normalizaccinsiempresepodraredireccion
nar
automtticamented
desdeunaU
URLaotra, paralocuaalhabrqu
ueregistrar los
dosdom
minios:organismo.gob.esysede.organismo.gob.es.
Encuanttoalautilizzacinde:
https://www.seede.ejemplo
o.gob.es
http://www.sed
de.ejemplo.gob.es
https://sede.ejeemplo.gob.e
es
a
neraldelEstado
o
AdministracinGen
Pgina26de80
ASPEECTOSGENERALLES
http://sede.ejemplo.gob.es
dependeerdelaconfiguracin
ndelosservvidores.
Seconsid
deraconven
nienteutilizzarlapalabrasede,eenprimerlu
ugar,parad
darunamayyor
confianzaa a los ciudadanos,
c
en segun
ndo lugar, para mostrar una imagen ms
m
normalizadadelas sedeselecttrnicasy,p
porltimo, paraquelosmotoressdebsqueeda
muestren
nenlospriimeroslugaareslassedeselectrn
nicasalbusccarporlap
palabrased
de,
yaquelaaindexacin
ndelasURLsesunadelasestrategiasqueu
usanlosalgo
oritmosdelos
motoresdebsqued
da.
Reccomendado
o
Cada pgina del sitio debe ser

s identificcada con u
un ttulo descriptivo del
contenid
dodelapggina,nodeb
biendosupeerarlostreintacaracteres.
Esimporrtanteque elttulode cadapgin

natengarellacinconloscontenid
dos
mostrad
dos. Se reco
omienda co
omponer este
e
ttulo con un mximo de seis
s
palabrass,ydesesen
ntacaracterres.
Los ttulos debern

n ser lo sufficientemen
nte precisoss (sern loss que qued
den
registrad
dosenlosFFavoritos).
Cuando mediante un enlace

e se remitaa desde una sede a un portal o
viceversa, se pued
de avisar qu
ue se sale o entra en
n la sede, dado que las
condicio
onessondiferentes,ab
briendolapginaenun
nanuevape
estaaoporrlo
menosin
ndicndoloeneltittledelenlace.
Cuando existauna versindelsitiowebp

paradispositivosmvilesseusarla
misma URL preceedida por "m." (Ejemplo: ww
ww.dominio
o.gob.es seera
m.domin
nio.gob.es),redirigiendoalaURLenlaqueesetengaimplementaada
dicha veersin mviil, en el casso de que exista
e
como
o URL diferrenciada dee la
URLhabitual,yaseeadominio
o.mobi;movil.dominio;dominiio/movil;eetc.
1.2.5 Agrupacin
A
ndelainfo
ormacinp
parafacilitaarsucomp
prensin
Lasinforrmacionesd
delamismaanaturalezadebenaggruparse,deemodoquesefaciliteeel
queloseelementosh
heterogneo
ossedistinggan.
a
neraldelEstado
o
AdministracinGen
Pgina27de80
ASPEECTOSGENERALLES
Estaclasificacinpu
uedeserfsiica(ubicacinenlapgina)oaso
ociadaalforrmato(estillos,
colores, etc.). Cuan
ndo hay ms
m de tress tems, el uso de lisstas con vietas o lisstas
das permitee reagruparr visualmen
nte las inforrmaciones yy proporcio
ona al usuaario
numerad
unavisi
nsintticayorganizad
dadelasmismas.
Reccomendado
o
Lostexto
osparaapo
oyarlanave
egacinylaacomprensiindelosccontenidos del
sitio serrn cortos y explcito
os. En estee caso, un
n principio bsico es la
ergonom
ma, mostraar slo la in
nformacin esencial para cubrir el 80% de las
necesidaadesyofreccerenlacessparams informacinoeldetalleparatraatar
el20%reestante.
Los textos de conteenidos (artculos, instrrucciones, ttextos oficiales, etc.) son

s
por defiinicin, ms largos. Destacar
D
las informacciones impo
ortantes y las
palabrassclavemed
dianteeluso
odelosesttilos,permiteinformarrrpidamen
nte
alusuariiosobrelan
naturalezad
delosconteenidosdelaapgina.
Lasconttracciones,aacrnimos, abreviaturaasylosguio
onesnose debenutilizar
enunap
palabraofrrase.Esaco
onsejableelusodetrminosclarros,sencillo
osy
sinambiigedades,tantocomo
oseaposible.
Esaconssejablenoeescribirlaslneasdetexxtoentodalaanchuradelapantaalla
puespueedegenerarproblemaasdepresen
ntacincuaandoelusuaariocambieeel
tamaodelaventana.
Paragarrantizarlaaaccesibilidad
dsedebenutilizarcon
ncoherenccialajerarqua
de los ttulos y las listas; marrcar correcttamente las comillas; especificarr la
formaco
ompletadeeabreviaturrasyacrnimos;darttuloatodo
osloscuadrros;
describirr el prop
sito y la interaccin entre loss cuadros; organizar las
informacciones de tipo sim
milar; prop
porcionar metadatos (datos que
q
identifican,describenyclasificcancadado
ocumento)eenlaspgin
nas;escribirrel
contenid
do de una forma
f
simp
ple, lgica, ordenada ee intuitiva y, por ltim
mo,
utilizaru
unlenguajesencillo.
Laergon
nomadelasslistasresp
petarlosprrincipiossigguientes:
Laprresentacin
ndelaslistaasserhomogneaentodoelsitio
o.
Las listas sern espaciossas y ligeraamente separadas de

el texto paara
mejo
orarlalegib
bilidad.
Loseelementosd
delalistase
erncohereentesensuredaccinycomenzarrn
con el mismo tipo de palabra (por ejemplo, u
un infinitivo
o, imperativo,
nombre,etc.).
a
neraldelEstado
o
AdministracinGen
Pgina28de80
ASPEECTOSGENERALLES
Loscontenidoscomunesparacadatemsecuentanenlaintroduccinde
lalista.
La separacin de los elementos de la lista se puede hacer de dos

maneras:sincomanipuntoalfinaldecadatemalfinalobien,conun
puntoycomaalfinaldecadatemyunpuntoalfinal.
1.2.6 Laestructuradelaspginas.4
El Sitio Web podr organizarse siguiendo una estructura clsica de portal, segn
aconsejanlasmejoresprcticasyelusohabitual.Elinterfazgrficodeusuariocontendr
distintas zonas de funcionalidad bien definidas, que se detallan a continuacin. (Ver
Apartado1.1SistemasdeNavegacin).
EnaquellosPortalesenlosque,porladiversidadyvolumendeloscontenidosyservicios
incluidosasserequiera,sedistinguiraefectosdeestructuraentreunapginainicialo
lanzaderaylaspginasdenavegacinyresultados.
La pgina de inicio es la que se corresponde con el dominio principal del portal. Debe
disearsebajoelcriteriodeserelprimerpuntodecontactodelusuarioconelportal,
por lo que adems de contener las informaciones (noticias, novedades) que en cada
momentolaorganizacindeseatrasladar,debetambinfacilitardeformaordenadael
mayorgradodeinformacintantosobrelaofertadeservicioseinformacindisponibles
enlatotalidaddelportal,comosobrelosaspectosdeusodelmismo(accesibilidad,gua
denavegacin,versionesmultilinges,...).
Sobre los contenidos de las pginas ver el fascculo Aspectos de Comunicacin de esta Gua de
ComunicacinDigital.
Pgina29de80
ASPECTOSGENERALES
Diagramadeestructurapginadeinicio
Sisetratadeunasedeelectrnicaseharnotarclaramenteeneldiseodelapgina
principal. (Art. 5 RD 1671/2009 1. Las direcciones electrnicas de la Administracin
GeneraldelEstadoydelosorganismospblicosvinculadosodependientesdelamisma
quetenganlacondicindesedeselectrnicasdebernhacerloconstardeformavisiblee
inequvoca.)
Ejemplodesedeelectrnica
Pgina30de80
ASPECTOSGENERALES
Ejemplodesedeelectrnica
Lacabeceraidentificaelportalylaorganizacinalaquepertenece.Incluyelaimagen
institucional de la Administracin General del Estado y el nombre de la organizacin
titular de la web o la denominacin del dominio y responde a un diseo grfico que
contribuyeaunificarelaspectodetodaslaspginasdelportal.
Lacabeceradelapginadeinicioolanzaderaincluirlossiguienteselementos:
Elementosgrficosidentificativosdelasbanderaseuropeayespaola.
Logotipodeimageninstitucional.
Mendeopcindeversionesenlenguas.
Accesoabuzndecontacto.
Mapadelweb.
Buscador(enaquellosportalesquedispongandelmismo).
Estructuradelacabecerapginainicio
Pgina31de80
ASPECTOSGENERALES
Obligatoriopginainicio
Cabecera:Imageninstitucional(VerFascculo2:Imageninstitucional,deesta
Gua de Comunicacin Digital); Multilingismo; Contacto; Mapa web;
Buscador
Laidentificacindelapginaenelcasodequeseaunasedeelectrnicaen
lostrminosdelRD1671/2009.
Mapa web: es la representacin grfica o textual de un Sitio Web. Es una

pgina donde se listan de manera jerrquica las pginas que componen un
sitio, generalmente representadas como enlaces que permiten el acceso
rpidoalasmismas.
Informacin sobre la accesibilidad del portal (ver ANEXO II) e icono de

cumplimientodenormativaWAI.
Laspginasdeiniciocontendrnunazonareservadaparalacolocacindeunelemento
grficoyladenominacindelportal.
Habrunazonareservadaparalainsercindebannersoiconosenlazadosconpginas
relativasauntemadeinterstemporalocampaasinstitucionales(puedenserpginas
delpropioportaloexternas).
La pgina de inicio tambin tendr una zona en la que se incluyan las noticias o
novedades ms relevantes, como por ejemplo titulares y entradillas de noticias, con
vnculos a los documentos correspondientes, listados de documentos relevantes,
informacinsobrenovedadesocambiosenloscontenidosdeunaseccin.
Serecogerasmismolaofertadeserviciosycontenidosenunazonaquedebecumplir
una funcin de orientacin al usuario, facilitndole informacin sobre los contenidos
quemsprobablementeseandesuinters.Enlaspginasdeentradalazonaprincipal
decontenidosmostraralusuariounalistaconlasopcionesdenavegacindeprimer
nivelpermitindoleconoceryelegirentrelosdistintosserviciosycontenidos.
Tambin pueden incluir un men complementario situado al final tanto de las pginas
deiniciocomodelasdenavegacin,oresultados,enelqueaparecernlassiguientes
opciones:
Guadenavegacin.
-
Avisolegal(verANEXOI).
Pgina32de80
ASPECTOSGENERALES
Reccomendado
opginainicio
Lapginadeiniciop
podrconte
ener:
Bann
nersoicono
osdeinform
macionesoccampaasinstitucionales.
Noticcias,novedades
Serviiciosdelsitiioosede
Aspeectosdeuso
o(guadenavegacin,versionesm
multilingess.
Laspgin
nasdenaveegacinoseeccinson aquellasqu
ue,traslaeeleccinporrelusuario de
unadelaasopcionessofrecidas enlapgin
nadeinicio
o,lepresentanlasalte
ernativas(su
ub
opcioness)quetieneedisponibleesenelentornodela primeraop
pcin.Suestructurasuele
seridntticaalade lapginad
deresultado
os,quepressentaelressultadofinaalbuscadop
por
el usuariio. A contin
nuacin se incluyen lo
os diagramaas de estrucctura de am
mbos tipos de
pgina.
La cabeccera de las pginas dee navegaci
n de resultados se diferencian de la anterrior
exclusivaamenteen queincluirnunelem
mentogrficcodeconno
otacincon
nelobjeto del
portaly ladenomin
nacindelm
mismoyquenoincluirrnelmen
deopcin
ndeversion
nes
enlenguas.
Estru
ucturadelacab
becerapginasnavegacin
a
neraldelEstado
o
AdministracinGen
Pgina33de80
ASPEECTOSGENERALLES
Lazonadeopcionesdenavegacinoresultados(pginasdenavegacin/resultados),es
unazonareservadaalaaparicindelassubopcionesdenavegacinsubordinadasala
opcin elegida por el usuario en su navegacin o a la publicacin del documento
resultado(findelanavegacin).
El men principal de contexto (en pginas de navegacin/resultado), versin 1 de la
figuraanterior,eselrecursodenavegacinprincipaldelportalyestarorganizadopor
niveles,enformaderbol,segnlaarquitecturanormalizada.
Alpulsarsobreunaopcindeprimernivel,mostrarunsubmenconlasopcionesde
segundo nivel correspondientes a la seleccin efectuada. Si existen opciones de tercer
nivel, se mostrarn al pulsar la opcin de segundo nivel que las contenga, y as
sucesivamente. Cuando el usuario realice una seleccin de nivel superior que sirva de
entrada un submen, el navegador mostrar los contenidos correspondientes a la
primeradelasopcionesdelsubmen,obienunapginadeentradaconunresumeno
lista de sugerencias del contenido incluido dentro del submen, si la cantidad o
complejidaddelmismolojustifican.
Enloscasosenquelaextensindelosnivelesdenavegacinasloaconseje,enarasde
una mejor usabilidad, el men pasar a ser de contexto y limitado a las opciones del
entornodenavegacinelegidoporelusuario.Enestoscasos,elmenprincipalpasara
ocuparlazonaidentificadacomomenprincipal2,versin2delasfigurasadjuntas.
Enaquellosportalesenlosqueresultetcnicamenteposible,yasseavaloradodesdeel
puntodevistadelausabilidad,sepodrnincluirenlazonadeopciones/resultadossub
zonasdenoticias/novedades,hotlinksoenlacesdemayorinters.
Pgina34de80
ASPECTOSGENERALES
Ejemplodeinclusindezonasdeenlacesyopciones
Diagramadeestructurapginadenavegacin
Pgina35de80
ASPECTOSGENERALES
1.3
3 Conside
eracionesTcnicas
Enestosltimosao
oshanidoaapareciendo
omultitudd
dedispositivoscapacesdeaccedeera
internet y,portanto
o,deacced
deraloscontenidosdeelaWeb.C
Cadaunocu
uentaconu
una
n e interffaces difereentes de in
nteraccin con el usuario y, en
n general, de
resoluci
capacidadesdistintaaspararepresentarpginasweb ydeinteraccionarcon
nelusuario.El
nmero de estos dispositivos
d
del tipo smartphone
s
es, tablets, etc., est creciendo de
manera exponencial en esto
os ltimos tiempos. Asociados a cada una
u
de esstas
mastecnol
gicashanid
doaparecie
endotambindiferenteesnavegadores.
plataform
Hay quee disear laas webs paara que so
oporten disstintos navegadores y
y dispositivvos,
utilizando lenguajess estndar y
y hojas de estilo. Si see introduceen tecnologas para weebs
esibilidadylausabilidaad.
dinmicaashayquettenerencueentalaacce
Lasconsideracionessmsimpo
ortantesatenerencuentaresidirrnenlasp
peculiaridad
des
de los navegadoress, las difereentes resolu
uciones de la pantallaa de los disspositivos, los
lenguajess,lasnormaasdedesarrolloylaste
ecnologas.
Re
ecomendado
Usodellenguajeseestndar,independienttesdelosm
mtodosutilizadosporrla
interfazdeusuarioparaaccederalainforrmacin.
Disear laswebsco
onlenguaje
esyherram
mientasdem
maneraque
eseanlom
ms
independientespossibledede losnavegaadores.Esteecriteriopu
uedevariar en
casodelosdisposittivosmvile
es.
1.3.1 Dispositivo
D
osmviles
Aunque laspginas webpuedaanservisuaalizadasdessdedisposittivosmvile
esnosigniffica
que esa pgina seaa navegablee cmodam
mente desdee dicho disspositivo. El concepto de
Web M
vil se refiere a una Web
W en la que
q el usuario puede aacceder a la informacin
desdecu
ualquierluggar,indepen
ndientemen
ntedeltipo
odedisposiitivoqueuttiliceparaeello
(capacidaad,tamaodelapantaalla).
Ver el pu
unto 1.4 OPTIMIZAR LA
L WEB M
VIL de estte fascculo
o, el Fasccu
ulo de Imaggen
Institucio
onal y el apartado dedicado
d
a
a movilidad
d del Portaal de la Administrac
A
in
Electrniica:http://administracionelectronica.gob.es/?_nfpb=true&_pageLaabel=P12015
51
8801340
0016700398
8&langPae=es
a
neraldelEstado
o
AdministracinGen
Pgina36de80
ASPEECTOSGENERALLES
En general se deben desarrollar sitios web especficos para dispositivos mviles con
informacin y con servicios y aplicaciones web especficas. El diseo de un sitio debe
contemplarestetipodeplataformasparacrearunsitioaccesibleyusablequeseadapte
dinmicamente a las necesidades del usuario, a las capacidades del dispositivo y a las
condiciones del entorno. Para ello, es necesaria una infraestructura global basada en
estndares que permitan la interoperabilidad y aprovechar las capacidades de la
movilidadydelaweb2.0.
NosiempreessencillodisearunSitioWebque,ademsdesoportarlosnavegadores
estndares de mercado, sea adecuado para visualizarse en un dispositivo mvil. En
algunasocasionesesmejor,mssencilloymseficientehacerunaaplicacinespecfica
paralasplataformasmscomunesdedispositivosmvilesqueintentaradaptarunSitio
Webcomplejoparaserutilizadoencualquierdispositivo.
Cuandodiseamosparadispositivosmvilesdebemostenerencuenta:
Eltamaodelapantalla.
-
Laslimitacionesdememoria.
Laausenciaderatn,yensulugarunusointensivodeteclado,opantallas
tctiles.
Lautilizacindeunaredinalmbricayelcostedelanavegacin.
Por tanto hay que tener en cuenta las diferencias que hay entre las plataformas y
tecnologas ms frecuentemente empleadas por los usuarios para acceder a los sitios
Web:
Diferentessistemasoperativos(Android35,3%,SymbianOS31%,iOS16,2%,
BlackBerryOS14,6%,WindowsPhone3,1%,etc.)
-
Diferentes navegadores: Firefox, Chrome, Internet Explorer, Opera, Safari,

etc.
Pgina37de80
ASPECTOSGENERALES
Diferentes resoluciones y tamao: Pantallas panormicas, pantallas

sobremesa,porttiles,tablet,smartphone,etc.
Diferentesmtodosdeinteraccineintroduccindedatos:tecladoyratn,
tecladotelefnico,tecladoenpantallatctil,etc.
Recomendado
Desarrollar sitios web especficos para dispositivos mviles: resolucin y

tamao
Poner a disposicin la versin Web Mvil para los principales sistemas

operativosynavegadores
1.3.2 Navegadores
Las pginas deben ser desarrolladas y probadas para una visualizacin ptima con
independenciadelaplataforma(Windows,MacoLinux)ydelnavegadorutilizado.
Enlaactualidadexistenmuchosnavegadoresdiferentes.Segnlasestadsticas,losms
utilizadosporlosusuariossonInternetExplorer,Firefox,ChromeySafari,locualimplica
quetodaslaspginasdeberanservisiblesencualquieradeellos,ascomo,enlamedida
de lo posible, en otros navegadores menos conocidos pero tambin con un colectivo
importantedeusuarios.
Esto implica comprobar el correcto funcionamiento de las hojas de estilo (CSS) y del
cdigoHTMLengeneral.
Penetracinenelmercadodediferentesnavegadores
Pgina38de80
ASPECTOSGENERALES
Penetraci
nenelmercad
doespaolded
diferentesnave
egadoresendisspositivosmvviles
En elcasso de dispo
ositivos mvviles, los naavegadores son los mismos (Windows Phone /
Internet Explorer,A
Android/Ch
hrome,IOS/Safarico
omonativossyFirefoxccompatible en
todos ellos), y porr ello, la correcta
c
visualizacin en equipo
os fijos mu
ultiplataforma
garantizaar la visuaalizacin en
n estos otrros dispositivos que soportan lo
os estndares
HTML,XH
HTML,CSS,RSS,JavaSccript,etc.
Re
ecomendado
Los sitio
os deben ser compaatibles con
n los princcipales navvegadores del
mercado
o:InternetEExploreryM
MozillaFireffoxyestud
diarlaoporttunidaddeser
compatibles con otros
o
naveggadores deel mercado
o: Safari; Opera;
O
Goo
ogle
Chrome..Optimizar losdiseossparaestossnavegado
oresenlosp
proyectosq
que
hayaplaanteadospaaraaossuccesivos.
Asegurar que el co
ontenido fu
undamentall de la porttada est o
o es accesible
desdeell30%superriordelapaantalla(esto
oesnecesarioparaapaarecerbienen
lastableets).
Obtenerr una verssin del sitio web para

p
los diispositivos mviles ms
m
simplificcadayconu
unainterfazquefaciliteesuvisualizzacin
Esaconssejablecom
mprobarlaccorrectavissualizacin depginas endiferentes
navegad
doresparaaasegurarel correctofu
uncionamientodelash
hojasdeesttilo
(CSS).
Para garantizar la accesib

bilidad se deben tener en cuenta las
recomen
ndacionessobrelainte
erfazgrfico
odeusuario
o.
a
neraldelEstado
o
AdministracinGen
Pgina39de80
ASPEECTOSGENERALLES
Losnaveegadoresdeeltipodere
estitucinfielintentan
npreservar,,enlamedida
delopo
osible,laspginasHTM
MLascomo
olosconten
nidosenriquecidos.Estos
navegad
dores por lo tanto, soportan los estndares XHTM
ML, CSS, RSS,
R
JavaScrip
pt, Flash, etc.
e Los navegadores ms avanzzados en este campo se
reservan
n para los dispositivos
d
s de gama alta como por ejemp
plo: Chromee y
Delphip
paraAndroid;SafaripaaraIOS;SaffariMobile deApple; OperaMob
bile
deOperaSoftware;;NetFrontd
deAccessSystems;Mo
obileInternetExplorerde
Microsofft.
Los naveegadores con restitucin ligera reformatea

r
n las pgin
nas del sitio
o a
travs de
d un servvidor interm
medio resp
ponsable d
de aligerar el contenido
original delsitio,en
ntreestetip
podenavegadorespo
odemoscitaarporejemplo
porejem
mplo:OperaaMinideOp
peraSoftwaareoThund
derhawkdeBitstream.
En cuantto a los navvegadores paradispossitivos mvviles, elnive

el demadurez
de secttor hace difcil
d
hace
er recomen
ndaciones. Estos navvegadores se
distingueenporsuccapacidaddeproporcio
onarunavisualizacin depginasslo
ms parrecida posib
ble al formaato de la pantalla
p
del ordenadorr. Se habla en
estecasoderestitu
ucinfielo encasodeeofrecerun
naversinssimplificadaase
habladeerestitucin
naligerada.
Ventanasmltiples
En el casso de los siitios dinmicos, las ve
entanas mltiples (variias ventanaas abiertas del
mismosiitiosimultneamente)puedecon
nduciralad
desincronizaacinentre
eventanasyyla
base de datos. La expiracin
e
d la sesin
de
n en una dee las ventanas, tener en cuenta los
datos acctualizados en otra ventana, etc.,
e
son factores
f
qu
ue pueden dar lugarr a
incohereenciasalmo
ostrarlasdisstintasventtanas.
Algunasp
precaucioneesbsicasp
puedenmitiigarestosd
desacuerdoss:
Reccomendado
o
Lamultivventanano
odebeserim
mpedidapo
orelsitio.LLaaperturadeliberada de
mltiples ventanaas es un comportamiento no
ormal de los usuarrios
"avanzad
dos"parao
obtenerunamayoreficcienciaycom
modidad.
a
neraldelEstado
o
AdministracinGen
Pgina40de80
ASPEECTOSGENERALLES
Cualquieera que seea la venttana, al haacer clic een "Actualizar" (F5) del
navegad
dor, se actualizar la pgina co
on los ltim
mos datos almacenad
dos
durante lasesin.EEneltransccursodeun
naentrada dedatossiserequierren
los dato
os de base cuando estos no esstn ya dissponibles o
o si se lanzzan
accionessquenosonaplicables,serefrescarlapginaysedarrunmenssaje
deerrorrexplcito(d
datosnodiisponibles, etc.).Eluso
odeventan
nastipo"po
op
ups estt totalmen
nte desacon
nsejado puees las opcio
ones de paarametrizacin
del navegador pueeden bloqu
uear su ap
pertura y por tanto, confundir al
usuario.
Pesttaasmltiples
Todos lo
os navegado
ores actualles ofrecen la navegacin por p
pestaas, lo
o que perm
mite
tener vaarios sitios diferentes o distintass pginas de
d un mism
mo sitio abiertas en una
u
mismain
nstanciadelnavegadorr.
Estopuedeprovocardesincron
nizacionese
entretodasellas,yporelloesreco
omendable::
Reccomendado
o
Queelsitiopermitaatenerabie
ertasvariasdesuspginas.
Que seaa capaz de garantizar

g
la
l sincronaa entre ellass, actualizndose con los
datosmsrecientess.
Loscasosssontotalm
menteanlo
ogosalosdeventanasmltiples.
Funcciones"antterior"y"siiguiente"
Lasfunciiones"anteerior"y"sigguiente"dellnavegadorrpuedenteeneruncom
mportamien
nto
distintod
deunnaveggadoraotro
o,ydebensserreservad
dasparauso
oprivadoderefuerzo.
Los sitioss que ofreccen conten
nidos que requieren reecorridos d
de navegaciin compleejos
(especialmentelosssitiosqueo
ofrecencon
ntenidosdin
nmicos)prroporcionarnunsistema
denaveggacinespeecficopara navegaren
ntrevarias secuencias depginass.Losboton
nes
"anteriorr"y"siguien
nte"delnavvegadorde
ebenestarssiempredisponibles,esdecir,queeel
usuario pueda
p
volver atrs en
n cualquier momento, salvo en eel caso de determinad
dos
procedim
mientos en lnea en lo
os que la cu
umplimentaacin de lo
os formularios podra ser
interrum
mpidaporelusodeesto
osbotones..
a
neraldelEstado
o
AdministracinGen
Pgina41de80
ASPEECTOSGENERALLES

Reccomendado
o
Para garantizar
g
la accesiibilidad no se refrescarn las pgin
nas
automtticamenteyyseinformaardelaaperturadenuevasventaanas.
Como co
omplementto de la naavegacin por
p el sitio, los usuarios utilizan las
caractersticas del navegador para el co
ontrol de laa interfaz: Botn
B
"pggina
anterior" (volver) para
p
volver;; Apertura de nuevas ventanas del
d navegad
dor
(Ctrl+N),etc.
Fram
mes(marco
os)
Uno de los
l principios de la Web
W es que cada pgin
na est representada por
p una n
nica
direccin
nURL.
Enelcassodelaspginasqueccontienenframes(marrcos),estarreglaserom
mpe,hacien
ndo
que la comprensin
n de la esttructura del sitio sea ms complleja. Adems, los fram
mes
dificultan
nlaindexaccindepginasporlossmotoresd
debsquedaa,hacenmscomplejaala
impresindedocum
mentos,com
mplicanlagrabacindeefavoritos,etc.
Reccomendado
o
Larecom
mendacinm
mshabituaalesnousaarmarcos(fframes).
1.3.3 Resolucin
R
dePantalla
Otro pro
oblema tecnolgico all que se en
nfrenta el diseador web viene dado por las
distintas resolucionesdepantaalla,existie
endoenlaaactualidad multitudde
eresolucion
nes
masestadstticasreportaanlosdatossquesemu
uestranaco
ontinuacin
n:
diferentees.Lasltim
a
neraldelEstado
o
AdministracinGen
Pgina42de80
ASPEECTOSGENERALLES
P
Porcentajedere
esolucionesde
epantalla(fuen
nte:http://www
w.netmarketsh
hare.com,enerro,2012)
Laapariccindemonitorescad
davezms potentesy demayoreesdimensio
oneshaceq
que
cada veez se tien
nda a vissualizar los contenid
dos en reesolucioness ms alttas,
incremen
ntndoseellusoderesolucionesp
panormicassfrentealaasestndar.
Por ello
o, ser neecesario co
omprobar la visibilid
dad directa sin tener que usar
desplazamientohorrizontalparraaccederaalainformaacinmsiimportante,questassea
totalmen
nte legible y que no se
s vea diezzmada la esttica
e
de la pgina, ttulos, fottos,
vdeos,eetc.
Losdatossdemuestrranquelaresolucinp
predominan
ntesiguesieendo1024xx768yporeello
serneceesariocuad
drarlaspginasalamisma,hacieendoqueno
oseanecessarioeluso de
scroll, debiendo asegurar
a
tambin que sea posible el redimeensionamie
ento y que los
sistemasdenavegaccinnosevveanperturrbadosporeelcambio.
orizontalde
ebeevitarseesistemticcamente.Sinembargo,la
Labarra dedesplazamientoho
barra de desplazam
miento vertical podr utilizarse
u
en
n caso neceesario y a ser
s posible sin
superareentresveceeslaalturadelapantalla.
Paragaraantizarlaacccesibilidad,serconvenienteadeemsutilizaarunidadesrelativaspara
lapresen
ntacin.
Porltim
moydeform
masimilaraalcasodelosnavegad
dores,setendrencue
entaelacceeso
pormediodedispossitivosmvvilesylapossibilidadqueofrecend
demostrarllainformacin
horizontaaloverticaalmente,ascomopod
dercambiarrentreellassentodom
momento.P
Por
ellonuesstrodiseo debeserfluido,esdeccirqueseaadapteacualquierreso
olucin,porrlo
quedebeeremosusarporcentajesenlugardedimensiionesfijas.
a
neraldelEstado
o
AdministracinGen
Pgina43de80
ASPEECTOSGENERALLES
Tambin debemos considerarr que, a diferencia

d
d una pan
de
ntalla de sobremesa,
s
la
pantalla deunmviiltiendeassermsalargada,por loqueellaayoutdelapginadeebe
l elemen
ntos horizo
ontalmente se
adaptarsse a este hecho. En lugar de disponer los
recomien
ndahacerlo
overticalmeente.
Ejemplossdelayout
Reccomendado
o
Laspginasdebernestaropttimizadaspaarasuvisuaalizacinsin
nusarlabaarra
dedesplazamiento horizontal enresoluccinde1024768.Laaescalabilid
dad
de una pgina
p
web
b se refiere
e a su capaccidad de ad
daptar los contenidos
c
en
funcin del tama
o de la ventana del navegad
dor. Es til permitir la
escalabilidaddelasspginasen
ntre800 600y1248
81024,paaraadaptarrla
presentaacin de laas pginas en el caso de redimeensionamie
ento de esttas.
Cuando seadopteeestaopcin
ntotaloparrcialmente,debeasegurarseque los
sistemassdenavegaacinnoseveanperturbadosporrelcambiodetamao de
laventan
na.
La escalabilidad no
o se recomiienda para los sitios een que los regmenes de
navegacin ocupen
n un rea grande
g
y sitios cuyo co
ontenido informativo sea
s
complejo
o ya que laa jerarqua de la inforrmacin po
odra resultar daada. La
barra dee desplazamiento horizontal deebe evitarse sistemticamente, sin
embargo
o la barra de desplaazamiento vertical podr utilizaarse en caaso
necesariio(hastatreesveceslaaalturadelapantalla).
Para gaarantizar la
l accesibilidad utilizar unidaades relatiivas para la
presentaacin.
a
neraldelEstado
o
AdministracinGen
Pgina44de80
ASPEECTOSGENERALLES
El porcen
ntaje de ussuarios de grandes
g
paantallas de alta resolucin (1600 1200 hasta
2048 1536)
1
est aumentand
a
do constanttemente. Co
omo la pressentacin en
e pantalla de
lossitiosquepuedeevariarsignificativamentedepend
diendodelaascaractersticastcnicas
dedichaspantallas,,esrecomeendablecom
mprobarpaaraaltasreesoluciones lossiguientes
criterios::
Reccomendado
o
Visibilidaad directa: la informaccin esenciial debe verse de una vez sin ten
ner
queutilizarlabarraadedesplazzamientoveertical.
Legibilidad: la inforrmacin de
ebe resultarr legible ante cambioss de ancho de
columnaasenfunci
ndelareso
olucin.
Laesttiicadelapginacuand
domuestra todossuseelementos (ttulos,fottos,
etc.)deb
beserbuen
naparalosd
distintostam
maosdep
pantalla.Laalineacindel
conjunto
o debe con
nservarse y
y los sucesivos rediimensionam
mientos de la
ventana del navegaador deben
n restituir conveniente
c
emente la disposicin
d
de
laspgin
nas.
Parasitiosenlosqueestdem
mostradoq
quenecesitaanpresentaarsuspgin
nas
en pantaallas de mu
uy alta reso
olucin, es aconsejable
a
e adoptar una
u estructu
ura
extensib
ble en la qu
ue el tama
o de las pginas se aajuste a la anchura dee la
pantalla.Seacualssealaresolu
ucindela pantallaottamaode laventana,el
contenid
dodelaspginasocupaarconvenientementeeelespaciodisponible.
olucionesp
paralosdisp
positivosmviles
Reso
Paralasw
websobred
dispositivossmviles,laavariedadd
detamaossdeinterfazzjuntoconlas
caractersticas prop
pias de los dispositivos
d
s complica la problemtica depresentacin en
pantalla.
Lagama deposiblesresolucion
nesseextie
endedesdee128a640
0pxeles,o superiores en
algunosd
dispositivossdegamaaalta,y,adems,algunosterminalesofrecenlaposibilid
dad
de mostrar el conttenido verticalmente u horizontaalmente. Hay que ten
ner en cuenta
tambinlapresenciaono,dep
pendiendod
delosaparaatos,deherrramientasd
denavegacin
diversas(teclado,raatn,lpiz
ptico,panttallatctil,eetc.)
Si un sitiio ofrece allgunas pginas dedicadas especfficamente aa dispositivo
os mviles, es
aconsejableoptimizzarlaspgin
nasparaunaaresolucin
nde2002
250pxeles.
a
neraldelEstado
o
AdministracinGen
Pgina45de80
ASPEECTOSGENERALLES
1.Gamaderesolucionesdisponiblesendispositivosmviles
1.3.4 LenguajesyNormasdeDesarrollo
En este apartado vamos a enumerar los lenguajes de programacin ms utilizados y
recomendados para el desarrollo web de los sitios de la Administracin General del
Estado, basando nuestras recomendaciones en las que describe el W3C con el fin de
garantizarlaaccesibilidadweb.
Lastecnologasmsutilizadasparacrearsitioswebson:
HTML(HyperTextMarkupLanguage):Sehaconvertidoenelestndarweb.
Los navegadores son los encargados de leer este lenguaje y traducir los
elementos que representan, mostrndolos directamente en pantalla. Su
funcionamientosebasaenelusodeetiquetasocdigos,quepermitendotar
deunasdeterminadascaractersticasypropiedadesalostextosyelementos
queengloban.LaversinactualrecomendadaesHTML5siemprequenose
incumplalanormativadeaccesibilidad.
Pgina46de80
ASPECTOSGENERALES
Tambin se debe evitar el uso de un editor HTML automtico y prohibir el

uso de las etiquetas propietarias de los navegadores. Para el desarrollo de
pginas especficamente dedicadas a los dispositivos mviles, el lenguaje a
utilizar ser el XHTML Mobile Profile, (especializacin del lenguaje XHTML
diseado para incorporar elementos del contexto de uso de dispositivos
mviles)yXHTMLBasic.
Ventajas
Inconvenientes
Sencilloquepermitedescribirhipertex
to.
Textopresentadodeformaestructurada
yagradable.
Nonecesitadegrandesconocimientos
cuandosecuentaconuneditordepgi
nasweboWYSIWYG.
Archivospequeos.
Desplieguerpido.
Lenguajedefcilaprendizaje.
Loadmitentodoslosexploradores.
Lenguajeesttico.
Lainterpretacindecadanavegador
puedeserdiferente.
Guardamuchasetiquetasquepue
denconvertirseenbasuraydificul
tanlacorreccin.
Eldiseoesmslento.
Lasetiquetassonmuylimitadas.
XML,versin2(ExtensibleMarkupLanguage):Setratadeun'metalenguaje'
(lenguaje de lenguajes) ms flexible que dota a las pginas de una mayor
funcionalidad. XML se utiliza para definir la estructura del documento y
describirotroslenguajes,esdecir,sepuedencrearsublenguajes,comoel
XHTML (un documento HMTL adaptado a la estructura XML) o el RSS
(Lenguaje basado en etiquetas utilizado junto con HTML dando lugar a
XHTML).
Ventajas
Inconvenientes
Lasetiquetasempleadasnosonfijas(sefijanen
elDTDenelXMLschema.
Separacompletamentecontenidoypresenta
cin,porloquesehacemssencillomodificar
laspginas.
Susintaxisesformalyprecisa,porloquees
mshomogneamenteinterpretadaporlosdi
ferentesnavegadores.
Resultamuytilparaelintercambiodeinfor
macinentreaplicaciones.
Sehadedefinirpreviamente
elDTDelXMLschemapara
poderllevaracabolavalida
cindelXMLcontral.
Pgina47de80
ASPECTOSGENERALES
CSS(CascadingStyleSheets):Paralacreacindehojasdeestilocapacesde
proporcionarfuentes,colores,etc.,aldiseodelSitioWeb.Seutilizanpara
garantizar la coherencia en el estilo y mantener la uniformidad grfica y
funcionalentrelaspginasdeunsitio.Estoseaplicatambinaldesarrollode
pginas para los dispositivos mviles. Un promedio de 100 KB por pgina
(con exclusin de la portada) es actualmente un estndar para el peso o
tamao de las mismas (HTML, JavaScript, CSS, imgenes y texto). Se debe
lograrunequilibrioentrelapresentacinyelpeso,tendiendoafavorecerla
hojadeestilosendetrimentodelasetiquetas,manteniendolalegibilidady
comprensindeloscontenidos.
Paragarantizarlaaccesibilidad:
ReemplazarloselementosquenoseandetextoconestilosCSS.
Crearpginasvlidas.
Favorecerelusodehojasdeestiloparalapresentacinfrentealusode
etiquetas.
Mantener la legibilidad y la comprensin de los contenidos cuando los

estilosestndesactivados.
JSP (Java Server Pages): Tecnologa que permite incluir cdigo Java en
pginasweb.EldenominadocontenedorJSP(queserauncomponentedel
servidorweb)eselencargadodetomarlapgina,sustituirelcdigoJavaque
contieneporelresultadodesuejecucin,yenviarlaalcliente.As,sepueden
disear fcilmente pginas con partes fijas y partes variables. El cdigo JSP
puede ser incrustado en cdigo HTML Para su funcionamiento se necesita
tener instalado un servidor Tomcat o algn otro que proporcione soporte
Java.
Ventajas
Inconvenientes
Ejecucinrpidadelservlets.
Crearpginasdelladodelservidor.
Multiplataforma.
Cdigobienestructurado.
IntegridadconlosmdulosdeJava.
LapartedinmicaestescritaenJava.
Permitelautilizacindeservlets
Cdigoseparadodelalgicadelprograma.
Laspginassoncompiladasenlaprimerapeticin.
Permitesepararlapartedinmicadelaestticaenlaspgi
nasweb.
Cdigo:sepuedeincrustarcdigoJava.
Directivas:permitecontrolarparmetrosdelservlet.
Complejidadde
aprendizaje.
Pgina48de80
ASPECTOSGENERALES
Ventajas
Inconvenientes
Acciones:permitealterarelflujonormaldeejecucinde
unapgina.
PHPHypertextPreprocessor:Esunlenguajedeprogramacininterpretado,
diseadooriginalmenteparalacreacindepginaswebdinmicas.Esusado
principalmente en interpretacin del lado del servidor (serverside
scripting)peroactualmentepuedeserutilizadodesdeunainterfazdelnea
de comandos o en la creacin de otros tipos de programas incluyendo
aplicaciones con interfaz grfica usando las bibliotecas Qt o GTK+, por
ejemplo. Para su funcionamiento necesita tener instalado Apache o IIS con
laslibrerasdePHP.
Ventajas
Inconvenientes
Muyfcildeaprender.
Secaracterizaporserunlenguajemuy
rpido.
Soportaenciertamedidalaorientacin
aobjeto.Clasesyherencia.
Esunlenguajemultiplataforma:Linux,
Windows,entreotros.
Capacidaddeconexinconlamayora
delosmanejadoresdebasededatos:
MysSQL,PostgreSQL,Oracle,MSSQL
Server,entreotras.
Capacidaddeexpandirsupotencial
utilizandomdulos.
Poseedocumentacinensupginaofi
ciallacualincluyedescripcinyejem
plosdecadaunadesusfunciones.
Eslibre,porloquesepresentacomo
unaalternativadefcilaccesoparato
dosycumpleconelprincipiodeneutra
lidadtecnolgicaydeadaptabilidadde
laley11.
Incluyegrancantidaddefunciones.
Norequieredefinicindetiposdevaria
blesnimanejodetalladodelbajonivel.
Senecesitainstalarunservidorweb.
Todoeltrabajolorealizaelservidory
nodelegaalcliente.Portantopuede
sermsineficienteamedidaquelas
solicitudesaumentendenmero.
Lalegibilidaddelcdigopuedeverse
afectadaalmezclarsentenciasHTMLy
PHP.
Laprogramacinorientadaaobjetoses
anmuydeficienteparaaplicaciones
grandes.
Dificultalamodularizacin.
Dificultalaorganizacinporcapasdela
aplicacin.
Pgina49de80
ASPECTOSGENERALES
JavaScript: Se utiliza principalmente para crear pginas web dinmicas que

incorporan efectos (como texto que aparece y desaparece, animaciones,
accionesqueseactivanalpulsarbotonesyventanasconmensajesdeaviso
alusuario,etc.).ElproblemadeJavaScriptresideenqueunagranmayorade
los usuarios suelen tener desactivada esta opcin y, por ello, no es
convenientehacerusodeestatecnologaenexcesoynohacerdependerla
visualizacin de la informacin de inters en la ejecucin de los mismos. Si
finalmente hay que desarrollar en javascript se debe hacer no intrusivo y
accesible.
Ventajas
Inconvenientes
Lenguajedescriptingseguroyfiable.
Losscripttienencapacidadeslimitadas,
porrazonesdeseguridad.
ElcdigoJavaScriptseejecutaenel
cliente.
Cdigovisibleporcualquierusuario.
Elcdigodebedescargarsecompleta
mente.
Puedeponerenriesgolaseguridaddel
sitio,conelactualproblemallamado
XSS(significaeninglsCrossSiteScrip
tingrenombradoaXSSporsusimilitud
conlashojasdeestiloCSS).
Adems,existen lenguajes de programacin ms complejos y, por ende, ms potentes

tambinusualesparaeldesarrollodesitios,destacan:
ASP:nonecesitasercompiladoparaejecutarse.Existenvarioslenguajesque
se pueden utilizar para crear pginas ASP. Los ms utilizados son VBScript,
PerlandJScript.
ASP.NET: es la evolucin de ASP, siendo creado para aliviar las limitaciones

deASP.
PYTHON:lenguajesencilloconsideradomultiparadigmayaqueadmitetodo
tipodeestilosdeprogramacin.
RUBY:lenguajemultiparadigmabasadoenPythonyPerl.
OtrastecnologascomoAjax,Java,Flash,Flex,RSSoAtomentreotros.
Para obtener ms informacin acerca de estas tecnologas y lenguajes, consultar el

AnexoIIdeestedocumento.
Pgina50de80
ASPECTOSGENERALES
1.3.5 Scripts,pluginsyapplets
LosScriptseninternetsepuedenclasificarenguionesdelladodelclienteydelladodel
servidor. Los del lado del servidor ya han sido explicados en prrafos anteriores (JSP,
ASP,PHP,CGI,etc.)
LosScriptsdelladodelcliente(fundamentalmenteJavaScript,VBScript)debenincluirel
tag <script>, incluyendo el atributo type con el tipo MIME, en el cdigo HTML. Tienen
comoobjetivo,porlogeneral,comunicarseconelservidorWebdemaneraasncrona,
enelsentidodequelosdatosadicionalessesolicitanalservidorysecarganensegundo
planosininterferirconlavisualizacinnielcomportamientodelapgina.
LosScriptsdelladodelclienteseejecutanenelcliente,esdecir,enelnavegadordelos
usuarios mientras se mantiene la comunicacin asncrona con el servidor en segundo
plano. De esta forma es posible realizar cambios sobre las pginas sin necesidad de
recargarlas, lo que significa aumentar la interactividad, velocidad y usabilidad en las
aplicaciones.
Suelen producir problemas de accesibilidad de los sitios Web y dificultades en la
portabilidad debido a las diferentes implementaciones, pudiendo incluso llegar a no
estarsuficientementesoportadosporalgunosnavegadores.
Los plugins son programas que hay que instalar junto al navegador para
poder visualizar contenidos determinados. Los ms extendidos son Flash
Player (SWF Flash), Acrobat Reader (PDF), QuickTime, Windows Media
PlayeryRealPlayer(audioyvdeo).
Un applet es un componente de una aplicacin que se ejecuta en el

contextodeunnavegadorweb.Elappletdebeejecutarseenuncontenedor,
que lo proporciona un programa anfitrin, mediante un plugin, o en
aplicaciones como telfonos mviles que soportan el modelo de
programacinporapplets.
UnJavaappletesuncdigoJAVAquecarecedeunmtodomain,poreso
se utiliza principalmente para el trabajo de pginas web, ya que es un
pequeoprogramaqueesutilizadoenunapginaHTMLyrepresentadopor
unapequeapantallagrficadentrodesta.
DeigualformalosAppletsqueelrestodelosplugin,necesitancontarconla
mquinadeJavaarrancadapreviamenteparasuejecucin.
El uso de plugins puede causar problemas de accesibilidad y compatibilidad (ausencia

delpluginenelsistemadelusuario,tiempodedescargadedatosydelosplugin).Entre
lospluginsmsfrecuentesestn:
Pgina51de80
ASPECTOSGENERALES
Acrobatt Reader (A
Adobe): perrmite ver e imprimir d
documentos PDF (Ado
obe
PortableeDocumenttFormat).
Flash Player (Adob

be): permite
e ver las animacioness vectoriales interactivvas,
vdeos de
d la mayo
ora de los principales sistemas o
operativos, navegadorres,
telfono
osmvilesyyotrosdispositivos.
Java (SSun): utilizaado para desarrollar aplicacion

nes llamad
das "appletts",
escritasenellengu
uajedeproggramacinJJava.
me (Apple): puede ve
er vdeos, bandas
b
sono
oras, imge
enes virtualles,
QuickTim
grficosyotrosarcchivosgrficcos.Elusod
deestepluggintiendeadisminuir.
Window
ws Media Player
P
(Micrrosoft): pueede reproducir archivo
os de vdeo
o y
audioen
nInterneteentiempore
eal.
RealPlayyer (Real Networks): le permite reproducir archivos de

e RealAudio
o y
RealVideeo en Inteernet en tiiempo reall. El uso d
de este plu
ugin tiendee a
disminu
uir.
Reccomendado
o
Hayqueutilizarlospluginsslo
ocuandooffrecenunvalorreala
adido.
Sisereccurrealuso
odeunpluginesesen
ncialproporrcionarinfo
ormacinclara
sobre c
mo descarrgar e instaalarlo. Por ejemplo:
e
"si usted no tiene Acrob
bat
Readerp
paraleerarrchivosen FormatoPD
DF,pueded
descargarlo
ohaciendo clic
en el ico
ono...". Se aconseja no
n recurrir a versionees de plugins que hayyan
aparecid
doenelltimoao.
Algunosdelosnaveegadoresqu
ueempleanlaspersonaasdiscapaccitadasnosoncapacesde
interprettar el cdigo de script (JavaScrript) o algu
unos elemeentos multtimedia como
appletsp
programado
osenJavau
uobjetosre
ealizadosco
onMacromediaFlashq
querequierren
de un plugin. Adem
ms, an en
n el caso de
e que pudieesen interpretarlos, se
era muydiffcil
proporcio
onar una representacin alternativa (por ejjemplo, una representacin texttual
paraunaaanimacindeunappllet).
Porreglaageneral,elHTMLDinmico(DHTTML)nofun
ncionarconunnavegadornovisual
y no serr accesiblee. Cualquier efecto qu
ue se base en mostraar u ocultar capas como
respuestaauneven
ntodelrat
n,comopo
orejemplo,,mensdesplegables oinformacin
adicionallalpasarelratnpor encimade unelemen
nto,noseraccesibleyyesnecesaario
proporcio
onarunaalternativa.
a
neraldelEstado
o
AdministracinGen
Pgina52de80
ASPEECTOSGENERALLES
La soluciin ms ad
decuada es lograr que
e una pgin
na web funcione corre
ectamente sin
necesidad de tenerr que ejecu
utar el cd
digo JavaScript. Esta ttcnica se conoce como
JavaScriiptnomolesto.
http://acccesibilidadw
web.dlsi.uaa.es/?menu=guiabreve7Mashupss
Los mash
hups son aplicaciones
a
s Web hbriidas, un pu
unto de con
nexin entre aplicacion
nes
Webdiferentesquep
permiteexttraerlomejjordecadaunaeimpllementarlo enunanueeva
aplicacin.Constituyeenunaherrramientaqueayudaalascompa
asyasussempleado
osa
mezclaryunificarmeejorlainform
macin.
Imaginemos, por ejeemplo, la fu
usin de la herramien
nta de map
pas Google maps y dee la
odeMedio Ambiente dondepodemosconocer
lecturadefeedsdelaapginadeelMinisterio
los niveles de agua de los em
mbalses esp
paoles, la fusin de ambas me
e dara como
resultadolasmarcasledaspreseentadassob
breelmapaa.
Reccomendado
o
Fijarelo
objetivodel"mashup" paracentraarlosesfueerzosenlasherramientas
autilizarrylosconteenidosautilizar.
Utilizarh
herramientaasparageneracinde"mashups".
1.4
4 OptimizzarlaWebMvil
Segn las estimacio
ones de Gartner, en 2013
2
los tellfonos m
viles superrarn a los PC
como disspositivos de
d acceso a la Web. Hay adems otros tip
pos de disp
positivos taales
comoconsolasdeju
uegos,televvisoresconaccesoaInternet,navegadoresenautomviiles
y otros. Se calcula que 150 millones
m
de personas en el mundo
o desarrollaado tienen un
dispositivvo mvilco
omomtodosecundarriodeaccessoalared mientrase
estnfuera de
casa.Porrestasrazo
oneshaycad
davezmsorganizacio
onesquedeesarrollanu
unaversin de
su web especfica
e
p
para
mvilees y las Ad
dministracio
ones Pblicaas van uni
ndose a esta
e
estrategiiaquehacerealidadel24x7encu
ualquierlugaar.
a
neraldelEstado
o
AdministracinGen
Pgina53de80
ASPEECTOSGENERALLES
La noved
dad de loss dispositivvos mviless hace quee tengan cciertas caraactersticas no
estndarrconlasqueehayquelidiar,porejjemplotien
nenunaampliavariedaaddetama
os
de pantaalla y mto
odos de enttrada que van
v desde los teclado
os QWERTY,, las pantallas
tctilesh
hastalostraadicionales tecladosnu
umricos.LLaduracin delabaterratambin
nes
un hnd
dicap: aunq
que desarro
ollemos un
na aplicaci
n muy bu
uena si con
nsume muccha
batera,llosusuariosslaabandon
narn.
Algunos dispositivo
os de ltim
ma generacin incorpo
oran navegadores com
mpletos como
Operao Safari,pero
ootrosdeggamamsb
bajaqueno
otienensu propiosiste
emaoperattivo
pueden ejecutar ap
plicaciones Java que pueden
p
usar Opera Miini (cliente ligero con un
basadoenp
proxyqueccomprimelaaspginas hastaun10
0%desutaamaooriginal
sistemab
antesdeserenviado
oalaunidaadporttilp
parasupressentacin).
As puess desarrollar un nico sitio multiinavegador para cualq
quier dispo
ositivo seraa lo
ideal, aunque no siempre es posible.
p
Loss sitios web
b deben ser capaces de
d servir a las
necesidadesdelosu
usuariosm
vilesydessobremesa.
Hay unaa serie de buenas prcticas a tener
t
en cu
uenta, indeependientemente de las
estrategiiasqueelijaamos:
Recomendado
Combinartanto
osscriptsco
omoseapo
osibleenunarchivo,lo
omismoparralashojasde
estilo
oyreduzcalaspeticion
nesatravssdelared
Utilizzar URIs dee datos para las imggenes y lass imgeness de fondo de CSS. Esto
proporciona una manera de incluir en
e lnea dee datos den
ntro de las pginas web,
aunq
queeltamaodelarch
hivoseamaayoresameenudomejo
orquetene
erqueespeerar
alarredparadesscargarelarchivodeim
magenexteerna.
Usar grficos veectoriales escalables

e
para
p
las im
mgenes, lass imgeness se describ
ben
mateemticamen
nte para el navegadorr que los dibuja mediaante marcaas en lugar de
traerr una imageen de map
pa de bits, lo cual facilita el zoom y las im
mgenes no se
pixelan.
Poneer los elem

mentos de script lo ms abajo
o posible del cdigo
o fuente. Los
naveegadores haacen una paausa durante la descarga de los elementos de script que
q
figuranenlosarchivosHTM
ML.Aselusuariopued
deleerelteextomientrrasesperaq
que
secaarguenconttenidosdettipointeracttivo.
Declaarar las dim

mensiones de las imgenes en el cdigo HTML, el navegador se
descaargar el contenido
c
textual primero y deejar el esspacio correcto para las
imggenes que se
s descargaarn despu
s. Esto perrmite tamb
bin ahorrarr batera pu
ues
deno
ohacerlo,im
mplicaraellredibujado
odelapanttallalocualutilizaunagrancantid
dad
deciclosdeprocesador.
a
neraldelEstado
o
AdministracinGen
Pgina54de80
ASPEECTOSGENERALLES
Familiarizarse con HTML5 que facilitar mucho el desarrollo para cualquier

dispositivo.
Realizarpruebasexhaustivasconlosdiferentesdispositivosynavegadoresyutilice
todaslasfacilidadesdedepuracinqueofrecenlosproductos.
Hay tres estrategias diferentes para hacer que sus sitios web funcionen en todos los
dispositivos que, en general, vamos a denominar mviles aunque sean de distintas
caractersticas, como se ha mencionado anteriormente. Estas estrategias no son
mutuamenteexcluyentesysepuedemezclarycombinaradaptndolaasucasoyasu
presupuesto.
1.4.1 Estrategia1:Nohacerunsitioespecialparadispositivomvil
La generacin actual de navegadores de mviles avanzados reorganizan el contenido
automticamente. A peticin del usuario muestran panormicas, zoom, reformatean
unapginaenunasolacolumna,eliminarimgenes,ymuchoms.
Se puede hacer un buen diseo que sirva para una amplia gama de dispositivos y
tamaosdepantalla.Estoserpositivoparalosusuariosdeordenadoresdeescritorio.
Hay bastantes paralelismos en buenas prcticas para la accesibilidad y para la
navegacin en dispositivos mviles de usuarios que desconectan las imgenes por
rapidez o por coste, si tienen una tarificacin por megabyte. Textos alternativos para
imgenes (si no se descargan imgenes) que los colores no impliquen informacin
(terminalessincolorosinfuentesespeciales)ybuencontrasteentreelprimerplanoyel
fondo,soncuestionesquebeneficianaambosobjetivos.
Otras buenas prcticasdel desarrollo web para terminalesde escritorio tienen efectos
positivosparaeldesarrollowebparamultinavegador.SpritesCSS,porejemplo,evitan
lanecesidaddeactivarlaprecargadelasimgenesdefondocomosolucinparaevitar
elparpadeomientrasquesecarganlasimgenes.Enelmundomvil,lassolicitudesa
travs de la red tardan un tiempo imprevisiblemente largo, as que los sprites CSS
permitereducirelnmerodepeticionesHTTPyporlotantohacerquelainteraccinsea
msrpidaydeunamejorrespuesta.
Si se tienenimgenes de fondo sobre algn elemento, es posible utilizar la propiedad
backgroundsize que reduce la imagen de fondo o la expande hasta llenar su
contenedor.
Pgina55de80
ASPECTOSGENERALES
1.4.2 Estrategia2:Hacerunsitioespecialparadispositivomvil
Parawebcongestordecontenidospuedeserlaopcinmsrpida,peronosiemprees
la mejor opcin a largo plazo: el resultado es que habr dos sitios para probar y
mantener.
Engenerallossitioswebmvilessedenominanm.sitioweb.comysuelentenerlamisma
estructura que el sitio web completo. Esto se consigue fcilmente con un gestor de
contenidos.
Senecesitarimplementarunseguimientoenelsitiowebcompletoparaquedetectelas
peticionesdeaccesoprovenientesdedispositivosmvilesydesviarlasalaversinweb
mvil.Hayvariasformasderesolverestotcnicamente.
Es conveniente proporcionar un acceso a la web tradicional desde la web mvil, para
posibilitar el acceso a la informacin no mapeada en la versin mvil o bien por un
mayor reconocimiento del usuario del contenido y la distribucin de la versin web
tradicional.
Se recomienda estandarizar la programacin utilizando plantillas, hojas de estilo y
metatags.
1.4.3 Estrategia 3: Construir un sitio mvil con contenido adaptable a los

dispositivos
Elsitioponeapruebalascaractersticasdeldispositivoenlugardetenerquedetectar
los navegadores usando CSS Media Queries. Una alternativa es reformatear el diseo
con simpleMedia Queries que pasa de 3 a 2 1 columnas en funcin del ancho de la
pantallaycambialafuente.
1.5 AccesoconAutenticacin
Es comn encontrar sitios en los que sea necesario identificarse como usuario para
poderaccederaciertosserviciosoainformacinconuncaladomsespecial.
LosaccesosmscomunesdentrodelossitiosdelaAdministracinGeneraldelEstadose
realizarnpormediodeDNIe,certificadodigitalousuarioycontrasea.
Pgina56de80
ASPECTOSGENERALES

Recomendado
Paracualquierm
modalidadq
queseutilicceparaiden
ntificarseseernecesarriohabilitarun
rea enlaquessemuestren
nestasopcionespara queseael usuarioelq
queelijaen
ntre
todasellas.
En el
e caso de hacerlo vaa usuario y
y contrase
a, ser necesario hab
bilitar los dos
d
camp
pospararellenarlos,eestandoeld
delacontraaseaoculto
oporcaraccterescomo
oel
asterrisco (*) y completar
c
e rea con un botn para permiitir el accesso y otro paara
el
podeerrecuperarrlacontraseaencaso
odehaberlaaolvidado.
EnellcasodelD
DNIelectrn
nico,sernecesarioco
ontarconundispositivvocapazdeesu
lectu
uray,deigu
ualforma,p
paraelacce
esovacertificadodigittalserneccesarioteneerlo
instaladoeneln
navegadoryyserpropie
etariodelaclaveprivad
da.
Obligatorio
Sereealizarnattravsdeseedeselectr
nicastodaaslasactuaciones,procedimiento
osy
servicios que requieran
r
la autenticaacin de laa Administracin Pb
blica o de los
ciudaadanospormedioseleectrnicos.(A
Artculo4.1
1RD1671/2
2009).
La au
utenticacin
n se entien
nde en el sentido del Artculo 13
3 de la LAEECSP, es decir,
mediiante DNI electrnico
o, firma electrnica
e
avanzada o utilizaci
n de clavves
concertadas.
1.5.1 Continuida
C
ddelmodovisitante
ealmodoaautenticad
do
Encasod
deexistirlaaentradaenmodovissitante,seinformaraalusuariodelosserviccios
ofertados,ascomodelasdiferrenciasexisstentesconelmodoau
utenticado.
modovisitaantealautenticadoguaardandolossdatossobrresistemasde
Sepodrpasardelm
navegacin,aspecto
osgrficos,etc.
Estarprresentede unmodocclaroellugaardesdeel cualsepuederealizarelacceso de
formaau
utenticada.
a
neraldelEstado
o
AdministracinGen
Pgina57de80
ASPEECTOSGENERALLES
1.5.2 DesconexinoCierredeSesin
Debermostrarse,enrelacinconlaentradaalsistemaporautenticacin,elcierrede
sesin o desconexin de la misma. Adems, cuando el usuario cierre el navegador,
automticamente lo har la sesin que estabaen curso, siendo necesario identificarse
denuevolaprximavezquedeseeentraraalgunodelosservicios.
Enelcasodeperiodosdeinactividadprolongados(TimeOut),lasesinsedesconectar
automticamente(previoanuncioalusuarioconeltiemporestanteantesdeproducirse
elcierre)ysecargarlapginadeinicio.Denoobtenerserespuestaaesteanuncioen
los30segundossiguientes,seprocederacerrarlasesindelamismamaneraacomo
seharasisecerraseelnavegador.Enestecasosedeberdeguardarelltimoestado
enelqueseencontrabaelusuarioparapoderlorecuperarmstardesifuesenecesario.
La opcin de cierre o desconexin debe estar siempre visible. En caso de utilizarla, se
pediralusuariounaconfirmacinparaasegurarsedesirealmentedeseasalirantesde
cerrarlaconexin.Encasoafirmativo,secerrar.
Recomendado
Acceso en modo visitante: se informar al usuario de los servicios ofertados, as

comodelasdiferenciasexistentesconelmodoautenticado.
Accesoenmodoautenticado:
Estarpresentedeunmodoclaroellugardesdeelcualsepuederealizar
elaccesodeformaautenticada.
Debermostrarseelcierredesesinodesconexindelamisma.Cuando
el usuario cierre el navegador, automticamente lo har la sesin que
estabaencurso,siendonecesarioidentificarsedenuevolaprximavez
quedeseeentraraalgunodelosservicios.
Periodos de inactividad prolongados (Time Out): la sesin se

desconectarautomticamente(previoanuncioalusuarioconeltiempo
restanteantesdeproducirseelcierre).Denoobtenerserespuestaaeste
anuncioenlos30segundossiguientes,seprocederacerrarlasesinde
lamismamaneraacomoseharasisecerraseelnavegadorysecargar
lapginadeinicio.Enestecasosedeberguardarelltimoestadoenel
queseencontrabaelusuarioparapoderlorecuperarmstardesifuese
necesario.
Pgina58de80
ASPECTOSGENERALES
Laopcindecierreodesconexindebeestarsiemprevisible.Encasode
utilizarla, se pedir al usuario una confirmacin para asegurarse de si
realmentedeseasalirantesdecerrarlaconexin.Encasoafirmativo,se
cerrar.
Se podr pasar del modo visitante al autenticado guardando los datos sobre
sistemasdenavegacin,aspectosgrficos,etc.
1.5.3 TratamientodeDatosPersonales
Eltratamientodelosdatospersonalesdelosusuariosdeberrealizarseconformealas
disposicionesdelaLeyOrgnica15/1999,de13dediciembre,deProteccindeDatos
de Carcter Personal (LOPD), su reglamento de desarrollo RD 1720/2007 y resto de
normativaaplicablealaactividaddequesetrate,quejustifiqueeltratamientodedatos
personales.
Una obligacin esencial que las Administraciones deben cumplir es el deber de
informacin a que se refiere el artculo 5 de la LOPD. A tales efectos, cualquier
formulario a travs del cual obtengamos datos de los usuarios deber contener una
clusula informativa que cumpla con dicho artculo. No debern recabarse datos
personalessinosecumpleconestaobligacin.
Enfuncindelosdatosquetratenuestroaplicativo,debercrearseunficherodedatos
personalesmediantelapreviapublicacinenelBoletnOficialdelEstadooDiariooficial
correspondientedeunadisposicingeneralenlaqueseidentifiqueydefinalafinalidad
ycaractersticasdedichofichero.Hecholoanterior,debernotificarselacreacindelos
ficheroscorrespondientealaAgenciaEspaoladeProteccindeDatos(AEPD).
Cada Administracin deber administrar los ficheros de datos personales con que
cuente en razn de sus competencias, funciones y actividades, para lo cual siempre
deberncontarconaccesoalasiguienteinformacin:
Tipo de Administracin, permite definir valores como Administracin

Central,Autonmica,LocaluOtrasPersonasJurdicoPblicas.
ComunidadAutnoma,siaplica,nombredelaComunidad.
Encuadramiento, que se compone de tres apartados que identifican, en

ordenjerrquico,alresponsabledelfichero:
Organismo,nombredelMinisterio,DepartamentooEntidadLocal.
Pgina59de80
ASPECTOSGENERALES
Centro Directivo, a nivel de Secretara de Estado, Direccin General o

asimilado.
Unidad, que identifica el elemento ms especfico dentro de esta

estructura, como podra ser una Subdireccin General o el equivalente
dentrodecadatipodeAdministracin.
Disposicindecreacindelfichero,quesecomponede:
TipodeBoletn.
NmerodeBoletn.
Fecha de Publicacin del Boletn donde se encuentra publicada la

disposicindecarctergeneralqueregulaelfichero.
Nombredelfichero.
Finalidadyusosdeclarados.
Direccin en la que el interesado puede ejercitar los derechos de acceso,

rectificacinycancelacindelainformacincontenidaenelfichero.
Debemos ser conscientes que la privacidad esuno de los valores fundamentales de la

persona; por lo tanto, adems de cumplir con la LOPD, debemos dar una imagen de
seguridadyconfianzaalusuarioenprodesutranquilidad.
Una vez asegurada la correcta custodia de los datos personales, y siempre que sea
posible,seminimizarelnmerodevecesquesesolicitalaidentificacindelciudadano
para realizar las transacciones. Se recomiendaque laidentificacin slo tenga que ser
realizadaunavezmientrasdurelasesin(anoserqueseproduzcaalgunodeloscasos
mencionadosenelapartadodedesconexin).
En todo caso, se garantizar que los usuarios puedan modificar o actualizar sus datos
personales facilitados a las Administraciones, excepto cuando el cambio de esta
informacinseaobjetodeunprocedimientoespecial.
Se acordar un sistema normalizado de identificacin electrnica para toda la
AdministracinGeneraldelEstado,segndiferentesnivelesdeseguridad,deformaque
lainformacinsolicitadaencualquiersistemadeidentificacinelectrnicasealamisma,
en el mismo momento y se utilice la misma terminologa en toda la Administracin
GeneraldelEstado.
Pgina60de80
ASPECTOSGENERALES
Obligatorio
Cuando se recojan datos personales mediante cualquier formulario electrnico, se

deberincluirunaclusulainformativadeacuerdoconloprevistoenelartculo5
delaLey15/1999de13dediciembre,OrgnicadeProteccindeDatosdeCarcter
Personal,(LOPD).
Pgina61de80
ASPECTOSGENERALES
1.6 ANEXOI AvisoLegal

ElAvisoLegalesuntextoaccesibledesdecadapginadeunsitiowebdondesedeclara
la responsabilidad tanto del usuario como del propio sitio web de cara a las posibles
actuacionesquepuedanderivarsedesucontenidooservicios.
Acontinuacinsemuestranvariasposibilidadesconelnicofindeservirdereferencia.
Puedenincluirsetodoslosapartadosolosqueseconsiderenconvenientes.
Asimismo,eseleccindelgeneradordecontenidospresentarloscomounnicoAviso
Legalodiferentesapartadosconformeasuttulo.
1.6.1 CondicionesgeneralesdeusodelportaldelMinisteriouOrganismo
ElMinisterio[[...........................]]leinformaqueelaccesoyusodelapginawebwww.
[[...........................]].esytodoslossubdominiosydirectoriosincluidosbajolamisma,as
comolosserviciosocontenidosqueatravsdelsepuedanobtener,estnsujetosalos
trminosquesedetallanenesteAvisoLegal,sinperjuiciodequeelaccesoaalgunode
dichos servicios o contenidos pudieran precisar de la aceptacin de unas Condiciones
Generalesadicionales.
Porello,silasconsideracionesdetalladasenesteAvisoLegalnosondesuconformidad,
rogamos no haga uso del Portal, ya que cualquier uso que haga del mismo o de los
servicios y contenidos en l incluidos implicar la aceptacin de los trminos legales
recogidosenestetexto.
ElMinisterio[[...........................]]sereservaelderechoarealizarcambiosenelPortalsin
previo aviso, con el objeto de actualizar, corregir, modificar, aadir o eliminar los
contenidosdelPortalodesudiseo.LoscontenidosyserviciosqueofreceelPortalse
actualizan peridicamente. Debido a que la actualizacin de la informacin no es
inmediata, le sugerimos que compruebe siempre la vigencia y exactitud de la
informacin,serviciosycontenidosrecogidosenelPortal.
Pgina62de80
ASPECTOSGENERALES
Las condiciones y trminos que se recogen en el presente Aviso pueden variar, por lo
que le invitamos a que revise estos trminos cuando visite de nuevo el Portal. El
Ministerio [[...........................]] no se hace responsable de los daos y perjuicios que
pudiera ocasionar la utilizacin de las herramientas e informaciones contenidas en
www.[[...........................]].es,enrelacinconlaadopcindedecisionessobreelinicio,
desarrollo o resultado de procedimientos administrativos. Tales decisiones deben ser
contrastadas en los centros, organismos o dependencias competentes. En cualquier
caso, la informacin y contenidos de esta Web no podr ser alegada en procesos
contradictoriosconlaAdministracinPblica,noasumiendoresponsabilidadalgunapor
las discrepancias que pudiesen existir entre los documentos impresos de la
Administracincompetenteylapublicacinelectrnicaenestaspginas.
1.6.2 Derechosdepropiedadintelectualydepropiedadindustrial
TantoeldiseodelPortalysuscdigosfuente,comoloslogos,marcas,ydemssignos
distintivos que aparecen en el mismo, pertenecen al Ministerio [[...........................]] o
entidades colaboradoras y estn protegidos por los correspondientes derechos de
propiedadintelectualeindustrial.Igualmenteestnprotegidosporloscorrespondientes
derechos de propiedad intelectual e industrial las imgenes, etc. contenidos en el
servidordelMinisterio[[...........................]].
Su uso, reproduccin, distribucin, comunicacin pblica, transformacin o cualquier
otra actividad similar o anloga, queda totalmente prohibida salvo que medie expresa
autorizacin del Ministerio [[...........................]]. La licencia de uso de cualquier
contenidodeestePortalotorgadaalusuarioselimitaaladescargaporpartedelusuario
de dicho contenido y el uso privado del mismo, siempre que los citados contenidos
permanezcanntegros.
El Ministerio [[...........................]] declara su respeto a los derechos de propiedad
intelectual e industrial de terceros; por ello, si considera que este sitio pudiera estar
violando sus derechos, rogamos se ponga en contacto con el Ministerio
[[...........................]] en la siguiente direccin de email: webmaster@
[[...........................]].es.
1.6.3 Privacidad
El Ministerio [[...........................]] es la entidad responsable del fichero de datos
generadoconlosdatosdecarcterpersonalsuministradosporlosusuariosdelportal.
Pgina63de80
ASPECTOSGENERALES
DeacuerdoconlaLeyOrgnica15/1999,de13dediciembre,deProteccindeDatosde
CarcterPersonal,elMinisterio[[...........................]]secomprometealcumplimientode
su obligacin de secreto con respecto a los datos de carcter personal y al deber de
tratarlos con confidencialidad. A estos efectos, adoptar las medidas necesarias para
evitarsualteracin,prdida,tratamientooaccesonoautorizado.
Larecogidaytratamientoautomatizadodelosdatospersonalestienecomofinalidadla
gestin, prestacin, ampliacin y mejora de los servicios solicitados en cada momento
porelusuarioyelseguimientodeconsultasplanteadasporlosusuarios.
Ustedtendrlaposibilidaddeejercerlosderechosdeacceso,rectificacin,cancelacin
y oposicin de sus datos personales que obran en los ficheros del Ministerio
[[...........................]],solicitndoloporcualquiermedioquedejeconstanciadesuenvoy
de su recepcin. Para ejercer sus derechos, podr dirigirse al correo electrnico:
webmaster@[[...........................]].es.
El Ministerio [[...........................]]X mantiene los niveles de proteccin de sus datos
personales conforme al Real Decreto 1720/2007, de 21 de diciembre, relativo a las
medidas de seguridad de los ficheros automatizados que contengan datos de carcter
personal,yhaestablecidotodoslosmediostcnicosasualcanceparaevitarlaprdida,
mal uso, alteracin, acceso no autorizado y robo de los datos que Vd. facilite al
Ministerio[[...........................]],sinperjuiciodequelasmedidasdeseguridadenInternet
noseaninexpugnables.
ElMinisterio[[...........................]]sereservalafacultaddemodificarlapresentePoltica
de Privacidad para adaptarla a las novedades legislativas, jurisprudenciales o de
interpretacindelaAgenciaEspaoladeProteccindeDatos.Enestecaso,ElMinisterio
[[...........................]] anunciar dichos cambios, indicando claramente y con la debida
antelacinlasmodificacionesefectuadas,ysolicitando,encasodequeseanecesario,su
aceptacindedichoscambios.
1.6.4 Leyaplicableyjurisdiccin
La ley aplicable en caso de disputa o conflicto de interpretacin de los trminos que
conformanesteAvisoLegal,ascomocualquiercuestinrelacionadaconlosserviciosdel
presentePortal,serlaleyespaola.
Para la resolucin de cualquier conflicto que pueda surgir con ocasin de la visita al
Portal o del uso de los servicios que en l se puedan ofertar, el Ministerio
[[...........................]] y el Usuario acuerdan someterse a los Jueces y Tribunales de
domiciliodelUsuario,siemprequeelmismoestsituadoenterritorioespaol.
Pgina64de80
ASPECTOSGENERALES
1.6.5 Polticadecertificadoselectrnicos.Requisitos
ParapoderaccederalosserviciosytrmitesdelMinisterio[[...........................]]atravs
de certificado electrnico deber acreditar su identidad y, en los casos que as se
requiera, firmar electrnicamente los escritos presentados. Para estos fines, se
aceptarnloscertificadosdigitalesadmitidosporlaAdministracinGeneraldelEstado.
1.6.6 ReutilizacindelaInformacindelSectorPblico
SeincluyeeltextodelavisolegalcontenidoenelAnexodelRealDecreto1495/2011por
elquesedesarrollalaLey37/2007,segnelcualdeberestardisponibleenelespacio
de reutilizacin designado, preferentemente en la sede electrnica del rgano
administrativo,organismooentidadcorrespondiente.
Obligatoriedaddelascondicionesgenerales
Las presentes condiciones generales, disponibles con carcter permanente bajo
http://www.datos.gob.es/avisolegal, vincularn a cualquier agente reutilizador
porelmerohechodehacerusodelosdocumentossometidosaellas.
Autorizacin de reutilizacin y cesin no exclusiva de derechos de propiedad
intelectual
Laspresentescondicionesgeneralespermitenlareutilizacindelosdocumentos
sometidos a ellas para fines comerciales y no comerciales. Se entiende por
reutilizacin el uso de documentos que obran en poder de los rganos de la
AdministracinGeneraldelEstadoylosdemsorganismosyentidadesdelsector
pblicoestatalreferidosenelartculo1.2delRealDecreto1495/2011,de24de
octubre, por el que se desarrolla la Ley 37/2007, de 16 de noviembre, sobre
reutilizacin de la informacin del sector pblico estatal, por personas fsicas o
jurdicas, con fines comerciales o no comerciales, siempre que dicho uso no
constituya una actividad administrativa pblica. La reutilizacin autorizada
incluye, a modo ilustrativo, actividades como la copia, difusin, modificacin,
adaptacin,extraccin,reordenacinycombinacindelainformacin.
Elconceptodedocumentoeselestablecidoenelapartado2delartculo3dela
Ley37/2007,de16denoviembre,sobrereutilizacindelainformacindelsector
pblico, por lo que comprende toda informacin cualquiera que sea su soporte
material o electrnico as como su forma de expresin grfica, sonora o en
imagenutilizada,incluyendo,enconsecuencia,tambinlosdatosensusniveles
msdesagregadosoenbruto.
Pgina65de80
ASPECTOSGENERALES
Esta autorizacin conlleva, asimismo, la cesin gratuita y no exclusiva de los

derechos de propiedad intelectual, en su caso, correspondientes a tales
documentos, autorizndose la realizacin de actividades de reproduccin,
distribucin,comunicacinpblicaotransformacin,necesariasparadesarrollar
laactividaddereutilizacinautorizada,encualquiermodalidadybajocualquier
formato,paratodoelmundoyporelplazomximopermitidoporlaLey.
Condicionesgeneralesparalareutilizacin
Sondeaplicacinlassiguientescondicionesgeneralesparalareutilizacindelos
documentossometidosaellas:
1.
Estprohibidodesnaturalizarelsentidodelainformacin.
2.
Debe citarse la fuente de los documentos objeto de lareutilizacin. Esta
cita podr realizarse de la siguiente manera: Origen de los datos: [rgano
administrativo,organismooentidaddelsectorpblicoestataldequesetrate]
3.
Debemencionarselafechadelaltimaactualizacindelosdocumentos
objeto de la reutilizacin, siempre cuando estuviera incluida en el documento
original.
4.
No se podr indicar, insinuar o sugerir que la [rgano administrativo,
organismo o entidad del sector pblico estatal de que se trate] titular de la
informacinreutilizadaparticipa,patrocinaoapoyalareutilizacinquesellevea
caboconella.
5.
Deben conservarse, no alterarse ni suprimirse los metadatos sobre la
fechadeactualizacinylascondicionesdereutilizacinaplicablesincluidos,ensu
caso,eneldocumentopuestoadisposicinparasureutilizacin.
Exclusinderesponsabilidad
La utilizacin de los conjuntos de datos se realizar por parte de los usuarios o
agentesdelareutilizacinbajosupropiacuentayriesgo,correspondindolesen
exclusivaaellosresponderfrenteatercerospordaosquepudieranderivarsede
ella.
[Elrganoadministrativo,organismooentidaddelsectorpblicoestataldeque
se trate] no ser responsable del uso que de su informacin hagan los agentes
reutilizadores ni tampoco de los daos sufridos o prdidas econmicas que, de
forma directa o indirecta, produzcan o puedan producir perjuicios econmicos,
materialesosobredatos,provocadosporelusodelainformacinreutilizada.
Pgina66de80
ASPECTOSGENERALES
[Elrganoadministrativo,organismooentidaddelsectorpblicoestataldeque
se trate] no garantiza la continuidad en la puesta a disposicin de los
documentos reutilizables, ni en contenido ni en forma, ni asume
responsabilidadesporcualquiererroruomisincontenidoenellos.
Responsabilidaddelagentereutilizador
El agente reutilizador se halla sometido a la normativa aplicable en materiade
reutilizacin de la informacin del sector pblico, incluyendo el rgimen
sancionador previsto en el artculo 11 de la Ley 37/2007, de 16 de noviembre,
sobrereutilizacindelainformacindelsectorpblico.
1.6.7 Linksohiperenlaces
El Ministerio [[...........................]] le facilita el acceso a otras pginas web que
consideramos pueden ser de su inters. El objetivo de dichos enlaces es nicamente
facilitarlelabsquedadelosrecursosquelepuedaninteresaratravsdeInternet.No
obstante,dichaspginasnolepertenecen,nihaceunarevisindesuscontenidosy,por
ello, no puede hacerse responsable de los mismos, del funcionamiento de la pgina
enlazadaodelosposiblesdaosquepuedanderivarsedelaccesoousodelamisma.
No se permitir el enlace del propio dominio del ministerio a ninguna pgina web o
direccin de correo electrnico, salvo autorizacin expresa por escrito del Ministerio
[[...........................]].
En cualquier momento, el Ministerio [[...........................]] podr retirar la autorizacin
mencionadaenelprrafoanterior,sinnecesidaddealegarcausaalguna.Entalcaso,la
pgina que haya realizado el enlace deber proceder a su inmediata supresin, tan
pronto como reciba la notificacin de la revocacin de la autorizacin por parte del
Ministerio[[...........................]].
1.6.8 VersinMultilinge
El presente sitio web Ministerio [[...........................]] est traducido a varias lenguas
espaolasoficialesensusrespectivosterritorios,deconformidadconloestablecidoen
el artculo 3 de la Constitucin Espaola de 1978 y sus Estatutos de Autonoma. Las
lenguassonelcataln,eleuskerayelgallego.Tambinesttraducidoalassigiuentes
lenguasextranjeras(.....................).
Elcontenidodelportalesttraducidoadiferentesnivelesdeprofundidad.Seexcluyede
la traduccin el canal/apartados (.....................) de la Home del portal, dada la
inmediatezdeloscambiosplanteadosenelmismo,ascomolasnormasjurdicas.
Pgina67de80
ASPECTOSGENERALES
En el caaso de la versin en idioma (.....................) de los (........citar si hay alggn

documen
ntoenestecaso:Covenio,Acuerd
do,etc..............)paraeevitarladob
bleimposicin
queaparrecenenessteportalw
web,tienen carctermeramenteinformativo,dadoque no
se trata de la versiin oficial en
e custodiaa de la Oficina de Traatados del Ministerio de
AsuntosExterioresyydeCooperracin.
on carcterr general, puede
p
existtir un desffase entre la versin en
Se advieerte que co
castellan
noyenlaso
otraslenguaas,derivadaasdelprocesodetradu
uccinalasmismas.
1.6.9 Frames
F
ElMinisterio[[............................]]prohbeexpresameentelarealizacindeframingso
ola
utilizaci
n por partte de terceeros de cu
ualesquiera otros meccanismos que
q
alteren el
diseo,cconfiguraci
noriginalo
ocontenido
osdesuPorrtal.
1.6.10 LicenciasCr
L
reativeCommons
La presente pu
ublicacin/im
magen/pressentacin/vvdeo
[[............................]]yestabajo
olicencia
perrtenece
al
a
Ministeerio
Opcinaa)
Reconocimiento
oCCBY
(Estaliceenciapermiiteaotros distribuir,rremezclar,rretocar,yccrearaparttirdetuob
bra,
inclusocconfinesco
omerciales, siemprey cuandoted
dencrdito
oporlacreacinorigin
nal.
Estaeslaamsflexib
bledelasliccenciasofrecidas.Sereecomiendap
paralamxximadifusi
ny
utilizaci
ndelosmaaterialesliceenciados)
AccedaaalResumendelaLicenccia|AccedaaalCdigoLegal
Opcinb
b)
oCompartirrIgualCCBYYSA
Reconocimiento
(Estaliceenciapermiteaotrosrremezclar,rretocar,ycrearapartiirdetuobrra,inclusoccon
fines com
merciales, siempre
s
y cuando
c
te den
d crdito
o y licencieen sus nuevvas creacion
nes
bajocondicionesidnticas.Estalicenciasuelesercomparadaco
onlaslicenccias"copyleeft"
de softw
ware libre y
y de cdiggo abierto. Todas las nuevas ob
bras basadaas en la tu
uya
portarnlamismalicencia,asquecualesquieraobraasderivadasspermitirn
ntambinu
uso
comerciaal.Esaeslalicenciaqu
ueusaWikipedia,yse recomiend
daparamatterialesqueese
beneficiaarandeincorporarcon
ntenidodeW
Wikipediayyproyectosconlicenciassimilaress)
a
neraldelEstado
o
AdministracinGen
Pgina68de80
ASPEECTOSGENERALLES
AccedaalResumendelaLicencia|AccedaalCdigoLegal
1.6.11 Estadsticasdeuso
El Ministerio [[...........................]] informa de la utilizacin de la herramienta
[[...........................]]enestePortal/Sede/Sitiowebaefectosexclusivamenteestadsticos.
1.6.12 Sedeselectrnicas
LassedeselectrnicastienenunaseriedecaractersticasespecficasrecogidasenelRD
1671/2009de6denoviembreporelquesedesarrollaparcialmentelaLey11/2007,de
22dejuniodeaccesoelectrnicodelosciudadanosalosserviciospblicos,porloque
suAvisoLegaldeberecogerlossiguientespuntos:
Titularidad y rgimen de responsabilidad de la Sede Electrnica: Titular de la

Sedeydelrganourganosencargadosdelagestinydelosserviciospuestosa
disposicin de los ciudadanos en la misma, Gestin tecnolgica, gestin, de los
contenidosydelosservicios(Art.Elartculo3.2delRealDecreto1671/2009)
Responsabilidaddeltitularrespectodelaintegridad,veracidadyactualizacinde
la informacin y los servicios a los que pueda accederse a travs de la misma.
(Art. 10.2 de la Ley 11/2007, de 22 de junio de acceso electrnico de los
ciudadanos a los Servicios Pblicos). Adems el artculo 7.1 del Real Decreto
1671/2009aadeque:
"El titular de la sede electrnica que contenga un enlace o vnculo a otra cuya
responsabilidadcorrespondaadistintorganooAdministracinPblicanoser
responsable dela integridad, veracidad ni actualizacinde esta ltima. La sede
establecer los medios necesarios para que el ciudadano conozca si la
informacinoservicioalqueaccedecorrespondealapropiasedeoaunpunto
deaccesoquenotieneelcarcterdesedeoauntercero".
SerecomiendaenestesentidoadvertirsienlaSedeElectrnicaseindicaatravs
demensajessobrelosenlacessiaccediendoaellosseabandonalasedeoporel
contrariopermaneceenella.
Pgina69de80
ASPECTOSGENERALES
CondicionesgeneralesdeusodelaSedeElectrnica:
El ( ....Titular de la sede.....) le informa de que el acceso y uso de la Sede
Electrnica ( https://sede.xxxxx.gob.es) y todos los subdominios y directorios
incluidosbajolamisma(enadelante,conjuntamentedenominadoscomolaSede
Electrnica), as como los servicios o contenidosque a travs de ella sepuedan
obtener, estn sujetos a los trminos que se detallan en este Aviso Legal, sin
perjuicio de que el acceso a alguno de dichos servicios o contenidos pudieran
precisardelaaceptacindeunasCondicionesGeneralesadicionales.
Por ello, si las consideraciones detalladas en este Aviso Legal no son de su
conformidad,rogamosnohagausodelaSedeElectrnica,yaquecualquieruso
quehagadelamismaodelosserviciosycontenidosenellaincluidosimplicarla
aceptacindelostrminoslegalesrecogidosenestetexto.
El (....Ministerio/Organismo.....) se reserva el derecho a realizar cambios en la
Sede sin previo aviso, con el objeto de actualizar, corregir, modificar, aadir o
eliminarloscontenidosdelaSedeodesudiseo.
Los contenidos y servicios que ofrece la Sede se actualizan peridicamente.
Debido a que la actualizacin de la informacin no es inmediata, le sugerimos
que compruebe siempre la vigencia y exactitud de la informacin, servicios y
contenidosrecogidosenlaSede.
LascondicionesytrminosqueserecogenenelpresenteAvisopuedenvariar,por
loqueleinvitamosaquereviseestostrminoscuandovisitedenuevolaSede.
Frames
El (....Ministerio/Organismo.....) prohbe expresamente la realizacin de
"framings" o la utilizacin por parte de terceros de cualesquiera otros
mecanismos que alteren el diseo, configuracin original o contenidos de su
Portal.
Propiedadintelectualeindustrial
Tanto el diseo de esta Sede y sus cdigos fuente, como los logos, marcas, y
dems signos distintivos que aparecen en la misma, pertenecen al
(....Ministerio/Organismo.....) y estn protegidos por los correspondientes
derechosdepropiedadintelectualeindustrial.
Pgina70de80
ASPECTOSGENERALES
Su uso, reproduccin, distribucin, comunicacin pblica, transformacin o

cualquierotraactividadsimilaroanloga,quedatotalmenteprohibidasalvoque
medieautorizacinexpresadel(....Ministerio/Organismo.....).
La licencia de uso de cualquier contenido de esta Sede, otorgada al usuario, se
limitaaladescargadedichocontenidoyelusoprivadodelmismo,siempreque
los citados contenidos permanezcan ntegros y se cite la fuente de los mismos
(Ley 37/2007, de 16 de noviembre, sobre reutilizacin de la informacin del
sectorpblico).
PrivacidadyProteccindeDatos
De acuerdo con la Ley Orgnica 15/1999 de 13 de diciembre de Proteccin de
Datos de Carcter Personal, (....Ministerio/Organismo.....) se compromete al
cumplimiento de su obligacin de secreto con respecto a los datos de carcter
personalyaldeberdetratarlosconconfidencialidad.Aestosefectos,adoptar
lasmedidasnecesariasparaevitarsualteracin,prdida,tratamientooacceso
noautorizado.
La recogida y tratamiento automatizado de los datos personales tiene como
finalidad la gestin, prestacin, ampliacin y mejora de los servicios solicitados
encadamomentoporelusuarioyelseguimientodeconsultasplanteadasporlos
usuarios.
Elusuariopodrejercitarentodomomentolosderechosdeacceso,rectificacin,
cancelacinuoposicin,enlaformaquereglamentariamentesedeterminepara
los distintos procedimientos administrativos. Puede solicitar la informacin
correspondiente, a travs de la Oficina Central de Atencin al Ciudadano y
Registrodel(....Ministerio/Organismo.....).
El(....Ministerio/Organismo.....).mantienelosnivelesdeproteccindesusdatos
personalesconformealRealDecreto1720/2007,de21dediciembre,porelque
se aprueba el Reglamento de desarrollo de la Ley Orgnica 15/1999, de 13 de
diciembre,deproteccindedatosdecarcterpersonal,yhaestablecidotodoslos
mediostcnicosasualcanceparaevitarlaprdida,maluso,alteracin,acceso
no autorizado y robo de los datos que el usuario facilite al
(....Ministerio/Organismo.....)., sin perjuicio de que las medidas de seguridad en
Internetnoseaninexpugnables.
Pgina71de80
ASPECTOSGENERALES
El (....Ministerio/Organismo.....).se reserva la facultad de modificar la presente

Poltica de Privacidad para adaptarla a las novedades legislativas,
jurisprudenciales o de interpretacin de la Agencia Espaola de Proteccin de
Datos. En este caso, el (....Ministerio/Organismo.....).anunciar dichos cambios,
indicandoclaramenteyconladebidaantelacinlasmodificacionesefectuadas,y
solicitando,encasodequeseanecesario,suaceptacindedichoscambios.
Esta poltica de privacidad es de aplicacin a las pginas de la Sede. No se
garantizaenlosaccesosatravsdeenlacesconestesitio,nialosenlacesdesde
este sitio con otras webs. Segn dispone el artculo 6.1 g) del Real Decreto
1671/2009,de6denoviembreseincluyeunenlaceconlasedeelectrnicadela
AgenciaEspaoladeProteccindeDatos.
PolticadeCertificadosElectrnicos.Requisito.
Parapoderaccederalostrmitesdel(....Ministerio/Organismo.....).atravsde
certificado electrnico, deber acreditar su identidad y firmar electrnicamente
losescritospresentados.
Para estos fines, se admitirn los certificados digitales soportados por la
Plataforma @firma, esto es, los emitidos por los prestadores de servicios
reconocidos que puede consultar en la pgina del Consejo Superior de
Administracin Electrnica del Ministerio Hacienda y Administraciones Pblicas
http://administracionelectronica.gob.es/?_nfpb=true&_pageLabel=PAE_PG_CTT
_General&langPae=es&iniciativa=190.
UsodelenguascooficialesenlaSedeElectrnica
La Disposicin adicional sexta de la Ley 11/2007, de 22 de junio, de acceso
electrnico de los ciudadanos a los Servicios Pblicos, en su apartado primero
determina que se garantizar el uso de las lenguas oficiales del Estado en las
relaciones por medios electrnicos de los ciudadanos con las Administraciones
Pblicas, en los trminos previstos en la Ley 30/1992, de 26 de noviembre, de
Rgimen Jurdico de las Administraciones Pblicas y del Procedimiento
AdministrativoComn,yenlanormativaqueencadacasoresultedeaplicacin.
A estos efectos, las sedes electrnicas cuyo titular tenga competencia sobre
territorios con rgimen de cooficialidad lingstica posibilitarn el acceso a sus
contenidosyserviciosenlaslenguascorrespondientes.
Pgina72de80
ASPECTOSGENERALES
Los sistemas y aplicaciones utilizados en la gestin electrnica de los

procedimientos se adaptarn a lo dispuesto en cuanto al uso de lenguas
cooficialesenelarticulo36delaLey30/1992,de26denoviembredeRgimen
Jurdico de las Administraciones Publicas y el Procedimiento administrativo
Comn.
La utilizacin de las lenguas cooficiales en cualquier lugar de esta sede no
prejuzga su admisibilidad en todos los procedimientos integrados en la misma,
que se resolver en cada caso mediante la aplicacin de la normativa
procedimentalmencionadaconanterioridad.
[Con motivo de la publicacin del Real Decreto (... de reorganizacin), se est
procediendo a modificar los contenidos de esta sede electrnica pudiendo no
coincidirlasversionesenlasdistintaslenguas].
Derechoaplicableyjurisdiccincompetente
Laleyaplicableencasodedisputaoconflictodeinterpretacindelostrminos
queconformanesteAvisoLegal,ascomocualquiercuestinrelacionadaconlos
serviciosdelapresenteSede,serlaleyespaola.
Paralaresolucindecualquierconflictoquepuedasurgirconocasindelavisita
a la Sede o del uso de los servicios que en ella se ofertan, el
(....Ministerio/Organismo.....).y el Usuario acuerdan someterse a los Jueces y
Tribunales de domicilio del Usuario, siempre que el mismo est situado en
territorioespaol.
Pgina73de80
ASPECTOSGENERALES
1.7 ANEXOII Declaracindeaccesibilidad

A continuacin se muestran un posible modelo de Declaracin de accesibilidad con el
nico fin de servir de referencia. Pueden incluirse todos los apartados o los que se
considerenconvenientes.
1.7.1 PolticadeAccesibilidad
ElportaldelMinisterio/Organismo<NOMBRE>hasidodiseadoconelobjetivodeque
todas las personas puedan navegar por sus contenidos sin encontrar dificultades en el
acceso.
La poltica de accesibilidad aplicada por el Ministerio/Organismo <NOMBRE> est
alineadaconlasexigenciasdelRealDecreto1494/2007,de12denoviembre,porelque
seapruebaelReglamentosobrelascondicionesbsicasparaelaccesodelaspersonas
condiscapacidadalastecnologas,productosyserviciosrelacionadosconlasociedadde
lainformacinymediosdecomunicacinsocial.
1.7.2 Cumplimientodelosestndares
LaspginasdeestesitioWebcumplenlamarcaAAsegnlaNormaUNE139803:2012y
las Directrices de Accesibilidad para el Contenido Web 2.0 del (WCAG 2.0) por la
IniciativadeAccesibilidadWeb(WAI)delWorldWideWebConsortium(W3C).Todoslos
requisitos del Nivel A y del Nivel AA han sido comprobados y corregidosmediante un
anlisissemiautomticodelaaccesibilidadatravsdediferentesherramientas.
[Este portal est optimizado para los navegadores <NOMBRE DE NAVEGADORES Y
VERSIN> oversionessuperioresdelosmismos.Laresolucinmnimarecomendadaes
de800x600].
[ParalacorrectavisualizacindelportalgrficoesnecesariopoderejecutarJavascript].
[La funcionalidad de cambio de tamao de fuente necesita que su navegador admita
cookies].
1.7.3 Excepciones
[Explicarsihayexcepcionesculesson].
Ciertos documentos en formato pdf pueden presentar problemas de accesibilidad. El
Ministerio/Organismo <NOMBRE> se compromete a proporcionar cualquiera de estos
documentosenformatoaccesibleaquienlosolicite.
Pgina74de80
ASPECTOSGENERALES
ElentornotcnicodeestePortal/Sedeincluyelossitioswebde(.)
Porelcontrario,noincluyelossitiosdelrestodelosOrganismosAutnomosyEmpresas
(.).
1.7.4 Actualizadoel<FECHA>.
La ltima revisin manual de accesibilidad de este portal/sede ha sido realizada con
<FECHA>.
1.7.5 Contacto
Siustedencuentraalgntipodedificultaddeaccesibilidadousabilidadensuvisitaal
Portal del / Organismo <NOMBRE> o quiere hacernos alguna sugerencia al respecto,
puede contactar con el administrador del Portal. Su experiencia personal puede
contribuirdeformaimportanteenlaprogresivamejoradelPortal.
Pgina75de80
ASPECTOSGENERALES
1.8 ANEXOIII.LenguajesdeDesarrollo
1.8.1 LenguajeASP
EsunatecnologadelladodeservidordesarrolladaporMicrosoftparaeldesarrollode
Sitio Web dinmicos. ASP significa en ingls (Active Server Pages) y comenz a
comercializarseporMicrosoften1996.Laspginaswebdesarrolladasbajoestelenguaje
requierentenerinstaladoInternetInformationServer(IIS).
ASPnonecesitasercompiladoparaejecutarse.Existenvarioslenguajesquesepueden
utilizarparacrearpginasASP.ElmsutilizadoesVBScript,nativodeMicrosoft.ASPse
puede hacer tambin en Perl and Jscript (no JavaScript). El cdigo ASP puede ser
insertadojuntoconelcdigoHTML.Losarchivoscuentanconlaextensin(asp).
Ventajas
Inconvenientes
UsaVisualBasicScript,siendofcilparalos
usuarios.
ComunicacinptimaconSQLServer.
SoportaellenguajeJScript(JavaScriptde
Microsoft).
Cdigodesorganizado.
Senecesitaescribirmuchocdigopara
realizarfuncionessencillas.
Tecnologapropietaria.
Hospedajedesitioswebcostosos.
1.8.2 LenguajeASP.NET
Este es un lenguaje comercializado por Microsoft, y usado por programadores para
desarrollar,entreotrasfunciones,sitiosweb.
ASP.NET es el sucesor de la tecnologa ASP, fue lanzada al mercado mediante una
estrategiademercadodenominada.NET.
ElASP.NETfuedesarrolladopararesolverlaslimitacionesdesuantecesorASP,creado
paradesarrollarwebsencillas,nograndesaplicaciones.ParaeldesarrolloenASP.NETse
puedeutilizarC#,VB.NEToJ#.Losarchivoscuentanconlaextensin(aspx).
ParaelfuncionamientodelaspginassenecesitatenerinstaladoIISconelFramework
.Net. Desde Microsoft Windows 2003 se incluye este framework y solo se necesitar
instalarloenversionesanteriores.
Ventajas
Inconvenientes
Completamenteorientadoaobjetos.
Controlesdeusuarioypersonalizados.
Mayorconsumoderecursos.
Pgina76de80
ASPECTOSGENERALES
Divisinentrelacapadeaplicacinodise
oyelcdigo.
Facilitaelmantenimientodegrandesapli
caciones.
Incrementodevelocidadderespuestadel
servidor.
Mayorvelocidad.
Mayorseguridad.
1.8.3 LenguajePython
Es un lenguaje de programacin creado en el ao 1990 por Guido van Rossum, como
sucesor del lenguaje de programacin ABC. Python es comparado habitualmente con
Perl(http://www.maestrosdelweb.com/principiantes/python/).
Pythonesunlenguajedeprogramacindealtonivelcuyafilosofahacehincapienuna
sintaxismuylimpiayquefavorezcauncdigolegible.Losusuariosloconsiderancomo
unodeloslenguajesmslimpiosparaprogramar.Permitelacreacindetodotipode
programasincluyendolossitiosweb.
Setratadeunlenguajedeprogramacinmultiparadigmayaquesoportaorientacina
objetos, programacin imperativa y, en menor medida, programacin funcional. Es un
lenguajeinterpretado,esfuertementetipado,usatipadodinmicoyesmultiplataforma.
Ventajas
Inconvenientes
Cumpleconelprincipiodeneutralidad
tecnolgicaydeadaptabilidaddelaley
11.
Lenguajedepropsitogeneral.
Grancantidaddefuncionesylibreras.
Sencilloyrpidodeprogramar.
Multiplataforma.
Licenciadecdigoabierto(Opensource).
OrientadoaObjetos.
Portable.
Lentitud,porserunlenguajeinterpretado.
1.8.4 LenguajeRuby
Esunlenguajeinterpretadodemuyaltonivelyorientadoaobjetos.Desarrolladoenel
1993porelprogramadorjaponsYukihiroMatzMatsumoto.Susintaxisestinspirada
enPhyton,Perl.Esdistribuidobajolicencialibre.
Pgina77de80
ASPECTOSGENERALES
Ruby es un lenguaje dinmico para una programacin orientada a objetos rpida y

sencilla que ha sido descrito como un lenguaje de programacin multiparadigma:
permite programacin procedural (definiendo funciones y variables fuera de las clases
hacindolaspartedelobjetorazObject),conorientacinaobjetos,(todoesunobjeto)
o funcional (tiene funciones annimas, clausuras o closures, y continuations, todas las
sentenciastienenvalores,ylasfuncionesdevuelvenlaltimaevaluacin).
Soportaintrospeccin,reflexinymetaprogramacin,ademsdesoporteparahilosde
ejecucin gestionados por el intrprete. Ruby tiene tipado dinmico, y soporta
polimorfismodetipos(permitetratarasubclasesutilizandolainterfazdelaclasepadre).
Ruby no requiere de polimorfismo de funciones al no ser fuertemente tipado (los
parmetrospasadosaunmtodopuedenserdedistintaclaseencadallamadaadicho
mtodo).
Suscaractersticasprincipalesson:
Existediferenciaentremaysculasyminsculas.
Mltiplesexpresionesporlneas,separadasporpuntoycoma;.
Disponedemanejodeexcepciones.
Ruby puede cargar libreras de extensiones dinmicamente si el (Sistema

Operativo)lopermite.
Porttil.
Ventajas
Inconvenientes
Permitedesarrollarsolucionesabajo
costo.
Opensource.
Multiplataforma.
Lentitud,porserunlenguajeinterpretado.
1.8.5 OtrasTecnologas
Adems de las tecnologas mostradas en el apartado anterior, existen otras que son
capacesdedarmsdinamismoyefectosvisualesalaweb,peroqueencontraprestacin
pueden tener problemas de rendimiento o incompatibilidades con los dispositivos o
problemasdeaccesibilidad.
Ajax,Java,FlashyFlex:permitendesarrollarsitiosespecialmentedinmicos
yparticipativosparaelusuario.Sinembargo,sugranproblemaresideenel
peso de ejecucin que conllevan. Algunos necesitan tener instalado un
pluginparasuvisualizacinynopuedenservistosendispositivosmviles
iPhone.
Pgina78de80
ASPECTOSGENERALES
Por ello
o, cualquieer contenido generaado con estas tecn
nologas seer
nicameentesecund
dario,nobasandoningunainformacinderelevanciaen
nsu
uso.
RSSyAttom:RSSso
onlassiglasdeReallySSimpleSynd
dication,un
nformatoXML
para sin
ndicar o co
ompartir co
ontenido en la web. Se utiliza para difun
ndir
informaccinactualiizadafrecue
entemente ausuariosquesehan
nsuscritoaala
fuented
decontenido
os.
El formaato permitee distribuirr contenido
os sin neceesidad de un
u navegad
dor,
utilizand
dounsoftw
waredisead
doparaleeerestoscon
ntenidosRSS(agregado
or).
A pesarr de eso, es posible
e utilizar el
e mismo n
navegador para ver los
contenid
dos RSS. Las
L
ltimass versioness de los principales navegadores
permiten
nleerlosRSSSsinnecessidaddesofftwareadicional.
Atom ess un sublen
nguaje XML, no se co
orrespondee ni se bassa en ningu
una
versind
deRSS,peroesunform
matomuyssimilarastteyquesob
bretodotieene
elmismo
oobjetivo: permitirladistribuci
ndeconteenidosynotticiasdesittios
web. La versin ms reciente es la1.0 conforme all protocolo RFC 5023 del
ao2007
7.
Las mejo
oras que supone resp
pecto a RSS (en cualq
quiera de sus
s versiones)
hacen que
q
su uso
o se extien
nda rpidaamente a pesar de ser
s algo ms
m
complicaado. Un do
ocumento Atom
A
puedee contener ms inform
macin (y ms
m
complejaa)yesmsconsistente
equeundo
ocumentoR
RSS.
Reccomendado
o
Unsitio nodebeseerconstruid
dototalmen
nteentecno
ologaFlash
h,Flex,oAjjax.
Esaconssejablelimittarelusod
deestastecnologaspaaraanimacio
onesldicaaso
para experimentoss interactivvos basadoss en eventtos, etc. Lo
os contenid
dos
crticos de un sitio
o no deben
n dependerr de estas ttecnologass. Se aconsseja
dosificarr el uso dee estas tecn
nologas y utilizarlas p
para mejorrar el impacto
visual. Las animacio
onesFlash demasiado vistosas pueden ser molestas paara
elusuario,adems,,eldesarro
ollodeuna animacin enunapgginatienem
ms
impacto que una pgina com
mpletamen
nte animada. En todo
o caso deb
ben
desarrollarseparaq
queseaelu
usuarioelqu
uetengaelcontroldelaanimaci
n.
Con el fin de no bloquear al

a internauta es neceesario no poner
p
"cdigo
obtuso" en sus pginas. Esto
o significa que los fragmentos de cdigo en
JavaScrip
ptodetipo
oAppletnodebenserindispensab
blesparalaanavegacino
paralaccomprensi
nadecuadaadelconten
nido,conelfindenop
penalizara los
usuariossquenotieenenintrprretedeJavaaScript.Seeestimaqueentredeun6
aun8%delosinterrnautastien
nedesactivaadalaejecu
ucindeJavvaScript.
a
neraldelEstado
o
AdministracinGen
Pgina79de80
ASPEECTOSGENERALLES
LasnormasWACG2.0contemplanelusodecdigoJavaScript(yAJAX)pero
stedebeseraccesiblenativamente.Encasocontrarioesnecesarioofrecer
una alternativa a dicho cdigo y componentes programables para que los
usuarios que hayan desactivado JavaScript puedan acceder a todos los
elementosdenavegacin.ElW3Cofrecediversastcnicasparacrearscripts
respetando las normas WCAG2.0 en http://www.w3.org/TR/2008/NOTE
WCAG20TECHS20081211/clientsidescript.html.
Pgina80de80
ASPECTOSGENERALES

1-Guia de Comunicacion Digital para La AGE - Aspectos Generales - 14!02!2013

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

1-Guia de Comunicacion Digital para La AGE - Aspectos Generales - 14!02!2013

Diunggah oleh

Hak Cipta:

Format Tersedia

ASPECTOS GENERALES

Gua de Comunicacin Digital para Administracin General del Estado

REQUISITOS ANTES DE TENER EL SITIO WEB

Este primer fascculo de la Gua de Comunicacin Digital de la Administracin General del

Legibilidad: se trata de exponer recomendaciones referentes al uso de diferentes

Consideraciones tcnicas: en este aspecto se recogen las recomendaciones referidas a

Estadsticas de Uso: en este apartado se incluyen las recomendaciones para incluir el

Cada pgina del sitio debe in

La elecccin del sistema de navegaci

Enlaaces, iconoss o bannerss que sirven

Asegurarse de quee en resolu

En caso de utilizarr iconos "piinchables en vez de botones te

Destacarr adecuadaamente este

Fuera del sistema de navegaacin, los botones

La jerarrqua entree los nivele

Se debee conseguir que la navvegacin principal se destaque por el uso de

Los ttullos de los enlaces de navegaci

Si el uso de grficos o enlaces JavaScript debe estar disponible, debe

Nosotros, Quines somos, Contactar con el administrador: las reas de contacto

Direcciones de correo electrnico de contacto para cada una de las

Mapa web: es la representacin grfica o textual de un Sitio Web. Es una pgina

Gua de navegacin web: Facilita la navegacin de los usuarios, incluyendo

Ayuda y Preguntas Frecuentes (FAQ): La pgina "Ayuda" y la de Preguntas ms

Otros avisos de inters: Poltica de proteccin de datos del sitio, Poltica de

Si el uso de grficos o enlaces JavaScript debe estar disponible, debe

Mapa web: es la representacin grfica o textual de un Sitio Web. Es una

(Real Deecreto 1494

Los enlaaces corresp

Men Principal: este elemento se encuentra siempre presente, permitiendo

Cabecera: tiene como misin principal albergar la imagen corporativa para

Fecha de publicacin: nos permitir indicar la fecha de actualizacin de la

Aviso sobre la poltica de proteccin de datos del sitio, seguridad e

Ruta de Acceso (breadcrumb

Los enlaaces a utilidades: se

Los conttenidos con

Cada ettapa debe ir acompaaada de un

El texto de los enlaaces debe identificar

Si se deefinen pginas que se

Se debee mantener un orden lgico de tabulacin

Se proporcionarn barras de navegacin

Cuando se proporccione un siistema de bsqueda en el sitio, se ofrecerrn

Los enlaaces se disstinguirn del

Se debeen proporcionar enlacces redundaantes, en fformato texxto para caada

La utilizaacin de tipos de letrra sin serifa o sans sserif (sin remates)

Para conseguir una coherenccia grfica en todo eel Sitio We

Se debe respetar laa jerarqua visual de lo

Para desstacar algn elemento

Se debee evitar la utilizacin de cursivaa en prrafos complletos o frases

Debe exxistir un con

Es conveeniente utilizar un color para lo

Los colores brillantes (como el rojo, por ejemplo) se deben reservar

Para garantizar la accesibilidad no use el color slo para dar acceso a

Para cualquier otrro nivel de

(png, gif, svg, eps)

(png, gif, svg, ep

(png, gif, svg, eps)

(png, gif, svg, ep

Cada pgina del sitio debe ser

Esimporrtanteque elttulode cadapgin

Los ttulos debern

Cuando mediante un enlace

Cuando existauna versindelsitiowebp

Los textos de conteenidos (artculos, instrrucciones, ttextos oficiales, etc.) son