Вы находитесь на странице: 1из 22

ManualdeProyectosWeb

EscuelaSuperiordeEconomayNegocios
Volumen2DefinicindeSitioWeb

PreparadoporIng.FelipeTorres
DecanodeIngenieraIndustrialydeNegocios

ManualdeProyectosWEB
EscuelaSuperiordeEconomayNegocios

Introduccin
Este documento conforma parte de una serie de artculos que han sido preparados como material
acadmico para el concurso Arroba de Oro y conforman un manual para desarrollar las mejores
prcticasylograrimplementarestndaresdeclasemundialenlosproyectoswebydejarcimientospara
losfuturosdesarrollosweb.
Este manual cubre aspectos administrativos de proyectos y mejores prcticas para la formacin del
equipodetrabajo,desarrolloadecuadodelostrminosdereferenciaylicitacindeldesarrollowebo
construccindelaaplicacininternamente.
Se introducen conceptos de vanguardia en el diseo, desarrollo e implementacin de proyectos web
asociados a la llamada Web 2.0, lo que conlleva ms que realizar alguna inversin tecnolgica en el
programa , pero escuchar y, sobre todo, conversar y relacionarse con los usuarios. Conlleva una
transformacintotaldelaculturaactualdelosclientesousuariosdelosproductososerviciosofrecidos
por la Internet. Atributos derivados de las nuevas tecnologas, como rapidez, colaboracin y
transparencia, afectarn a la toma de decisiones del programa. Las propuestas pasarn de generarse
exclusivamente entre las personas que forman parte del equipo directivo a dar entrada a empleados,
proveedoresyhastaclientesenlosprocesosestratgicosdedecisin.
Lairrupcindelasnuevastecnologassociales(blogs,wikis,podcast,redessociales,etc.)hagenerado
un alto grado de interconectividad entre las personas, lo que les permite intercambiar todo tipo de
opiniones sobre diferentes productos, servicios y experiencias con otras personas. Cada da ms las
personas toman decisiones de compra de productos o servicios orientados o motivados por la
informacin que encuentra en la web social. Las empresas deben tener muy presente que las
conversacionesyrecomendacionesquetienenlugarenlawebsocialocupanyamsdel15%deltrfico
enInternet.
Estemanualademspresentalasherramientasconcretasparaverificarlacorrectaimplementacinde
todoslosestndaresasociadosalosnuevosproyectosweb,astambincomopruebasespecficaspara
controlaryauditarlostrminosdereferenciaestablecidosenlaetapainicialdelproyecto.
Elsiguientemanualhasidocompiladoenbaseaunaseriederecursosdisponiblespublicamenteenla
webycitadosenlasreferenciasdecadadocumento.Lacompilacindelmaterialhasidodesarrollada
por el departamento de Ingeniera Industrial y de Negocios de la Escuela Superior de Economa y
Negocios(ESEN).

2|P g i n a

ManualdeProyectosWeb
PreparadoporIng.FelipeTorres

ManualdeProyectosWEB
EscuelaSuperiordeEconomayNegocios

Contenidos

Introduccin ........................................................................................................................................ 2
3.DefinicindelSitioWeb ................................................................................................................... 4
3.1.ArquitecturadeInformacin .............................................................................................................4
3.1.1.DefinicindeObjetivosdelSitio.................................................................................................4
3.1.2.DefinicindeAudiencia..............................................................................................................5
3.1.3.DefinicindeContenidosdelSitio..............................................................................................6
3.1.4.DefinicindelaEstructuradelSitio ...........................................................................................8
3.1.5.DefinicindelosSistemasdeNavegacin ...............................................................................10
3.1.6.DefinicindelDiseoVisual .....................................................................................................11
Anexo2AccesibilidadparaDiscapacitados ...................................................................................... 15
REFERENCIAS ..................................................................................................................................... 21

3|P g i n a

ManualdeProyectosWeb
PreparadoporIng.FelipeTorres

ManualdeProyectosWEB
EscuelaSuperiordeEconomayNegocios

3.DefinicindelSitioWeb
3.1.ArquitecturadeInformacin
EntrelasmetodologasmstilesquetendrnlosprofesionalesencargadosdedesarrollarunSitioWeb,
secontarnlasqueaparecendescritasdentrodelaArquitecturadelaInformacin,queeselconjunto
de mtodos y herramientas que permiten organizar los contenidos, para ser encontrados y utilizados
porlosusuarios,demanerasimpleydirecta.
La Arquitectura de Informacin estar cumpliendo sus objetivos cuando un usuario entre por primera
vezalsitioypuedareconoceraquinperteneceelSitioWeb;lopuedaentenderenformarpidaysin
esfuerzoyencontrarlainformacinofrecidafcilmente.Adicionalmenteesoentregarelbeneficiode
quequienesproducenelsitiopodrnubicarlanuevainformacinsintenerquecrearnuevasestructuras
y al mismo tiempo tendrn la libertad de incorporar nuevas iniciativas al sitio sin tener que partir de
cero.
Los elementos que se muestran a continuacin constituyen la metodologa de la Arquitectura de
Informacin,mediantelacualesposibleconseguirlasmetasdeorganizacinyvisibilidaddelcontenido.
Cadaunadeellasdebeserinvestigada,desarrolladaydocumentadaadecuadamente:
3.1.1.DefinicindeObjetivosdelSitio
AtravsdeestaetapasebuscadefinirculessernlosobjetivoscentralesquedebertenerelSitioWeb
yestablecerlaformadecumplirlos.
Serecomiendacomenzarporgenerarunobjetivocentralyluegodefinirvariosobjetivossecundarios;no
obstanteloanterior,esimportantequeestosobjetivosseanexplicitadosadecuadamentealcomienzo
deldesarrollo,conelfindequetodoelequipotengaclaroelhorizontequedebetenerelproyecto.
Paragenerarobjetivosqueseanvlidosycomprensibles,seaconsejaescribirlosatravsdefrasesque
seinicienconverbosqueexpresenlasaccionesarealizar.Porejemplo:Recibirpreguntasdelosusuarios
sobre las actividades de la institucin o Presentar pblicamente los informes ms importantes de la
institucin.
Una forma de llegar ms concretamente a los objetivos, es revisar la visin y la misin de la
organizacin,desdelacualsepuedenobtenerlasclavesquepermitandefinirlos.Demsestdecirque
losobjetivosdelsitiodebernestarenconcordanciaconlasnecesidadesyplanificacinquehayahecho
lainstitucinensusplanesanuales.
Idealmenteellistadodeobjetivosdelsitiodebeestaracotadoynollegaramsdecincoproposiciones.
Estenmero,sibienesarbitrario,seindicacomounaformadesealarquelosobjetivosnopuedenser
tantoscomoparaimpedirsucumplimiento;nitanpocoscomoparaqueelsitioseapocoambicioso.
De cada uno de estos objetivos se pueden desprender tareas concretas que permitan avanzar en el
cumplimientodeellos.
4|P g i n a

ManualdeProyectosWeb
PreparadoporIng.FelipeTorres

ManualdeProyectosWEB
EscuelaSuperiordeEconomayNegocios

3.1.2.DefinicindeAudiencia
Unavezquesehaterminadoadecuadamentelaetapaanteriorconlageneracindelosobjetivosdel
sitio,sedebedarunsiguientepaso,queeseldedeterminarlasprincipalesaudiencias(pblicos)hacia
lascualesseorientarelsitio.
EstclaroqueelSitioWebnopodratenderalmismopblicoqueatiendelainstitucinoelprograma,
dadoqueelaccesoaInternetseproducemayoritariamenteensegmentosdeingresosmedianosaaltos.
Sin embargo, hay varias consideraciones que tener en cuenta, al definir qu tipos de audiencia se
atenderndesdelaspantallasdelsitio.
Acontinuacinsehacenalgunasdefinicionesdeaudiencia,lasque,sinimportarlascaractersticasdel
sitio, siempre debern estar presentes, y por lo mismo, deben traducirse en acciones para poder
atenderlasadecuadamente.

Porcapacidadfsica:laaudienciadelsitioincluirpersonascondiscapacidadesfsicasatravs
del cumplimiento de las normas de Accesibilidad que se han recomendado como estndares
internacionales. Para hacerlo se deben seguir los Estndares Tcnicos de Accesibilidad. (Ver
Anexo2)
Por capacidad tcnica: la audiencia que llegue al sitio se dividir de acuerdo a la experiencia
tcnica que tenga; por ello se deben plantear acceso simples mediante enlaces y otros ms
complejos,porejemplo,medianteelusodebuscador
Porconocimientodelainstitucinoprograma:losusuariosdelsitiosedividirnentrequienes
conocen la institucin y quienes no la conocen. Por lo anterior, los primeros siempre sabrn
dnde buscar lo que necesitan usando la terminologa, siglas y nombres de departamentos
internos;lossegundos,entanto,noentendernnadadelanomenclaturainternaylessermuy
difcilaccederalainformacinqueselesofrezcadeesamanera.
Pornecesidadesdeinformacin:losusuariosdelsitiotambinsedividirnentrequienesllegan
abuscarcontenidosdeterminadosyquienesslolleganaversiexistealgoquelespuedaservir
enloqueestnrealizando.
Por ubicacin geogrfica: dentro de la audiencia siempre habr salvadoreos que ingresan al
Sitio Web desde lugares diferentes a San Salvador o incluso El Salvador, por lo que los
contenidosdebenrespondertambinaestadiversidad.

Una metodologa efectiva, al momento de trabajar en el tema de las audiencias, tiene que ver con la
formaenqueelequipodedesarrollorespondaadospreguntas:

Culessonlasaudienciasprevistas?
Porqulagentevendrasusitio?

Alresponderlaprimerapregunta,serposibledeterminarhaciaquinessedeberenfocarelsitioy,por
lo mismo, comenzar a tomar decisiones respecto de la forma de navegacin, servicios interactivos
previstosyotroselementosdedesplieguequetendrelsitio.

5|P g i n a

ManualdeProyectosWeb
PreparadoporIng.FelipeTorres

ManualdeProyectosWEB
EscuelaSuperiordeEconomayNegocios

Alresponderlasegundapreguntaloquesebuscaesquebasadosenlasaudienciasposibles,seafactible
imaginarlostiposdecontenidosqueellosvendrnabuscaralsitio.
Enestesentido,laexpresinEstudiarescenariosdeuso,buscadeterminarsituacionesdeusorealesen
el Sitio Web, basado en usuarios existentes que puedan llegar al sitio a buscar determinados tipos de
informacin.
Al llegar a casos reales de uso del sitio, basado en las audiencias que se haya definido, es posible
establecer con mucha mayor exactitud cmo esas personas (es decir casos reales) van a usar el sitio.
Naturalmente, este tipo de revisiones permiten ratificar o modificar lo que se haya definido
previamentecomocontenidodelsitio,debidoaquemuchasveceslaplanificacininicialeshechapor
personasqueconocenlainstitucinydanporobviosmuchosdeloscontenidosqueparalosusuarios
normalesnolosontanto.
3.1.3.DefinicindeContenidosdelSitio
Una vez que se han identificado los objetivos del sitio y la audiencia, se debe proceder a hacer las
definicionesmsconcretasquepermitandecidirqucontenidossonlosquevaatenerelSitioWebque
sedesarrolle.
Paraidentificarcontenidos,sedebenutilizarcomoinsumolosmaterialesquesehayanobtenidoenla
etapadeidentificacindeObjetivosydeAudiencias,yaqueenamboslabsquedagirentornoalas
necesidadesquetenanlosusuariosdelsitio.
Para cumplir con una norma general respecto de qu debera contener un sitio, se pueden anotar las
siguientes,comolasmsimportantes:

Acerca del Programa: entregar la informacin completa referida al objetivo del proyecto
programaodelafuncionalidaddelsitioweb.
Productos / Servicios: destacar las actividades principales que el usuario puede hacer el
proyecto web en el programa; puede incluir una lista de servicios interactivos para hacerlos
desdeelSitioWeb.
NovedadesdelaInstitucin:ltimasactividades,noticias,etc.

Viendo estalistamnima(quecrecerenlamedidadelasnecesidadesdeentregadeinformacindel
proyectooprograma),hayquehacernfasisenqueelintersdeloscontenidosvariarsisetratadeun
usuariointernooexterno.
Por lo mismo, es muy relevante que tanto los objetivos como la audiencia del sitio se hayan definido
muybienenformaprevia,porquedelocontrarionohabrposibilidaddeatenderaambosusuariosde
maneraadecuada.

6|P g i n a

ManualdeProyectosWeb
PreparadoporIng.FelipeTorres

ManualdeProyectosWEB
EscuelaSuperiordeEconomayNegocios

AgruparyEtiquetarelContenido
Conlasdefinicioneshechashastaahora,llegaelmomentodeponerenprcticalasmetodologasque
permiten ordenar los contenidos, agrupndolos en conjuntos coherentes y dndoles nombres que los
identifiquen.
Probablementelamejortcnicaparahacerloeshacerunaspequeastarjetasdepapel,enlasquese
anotanlasprincipalesreasdecontenidoquesehayandetectadoyrevisadoenelpasoanterior.Una
vez hecho, las cartas se ponen sobre una mesa y se van agrupando, hasta formar conjuntos de
elementoscoherentesentreellos.Luego,acadaconjuntoseleponeunnombre(idealmenteunasola
palabra)queidentifiqueatodossuscontenidos.
Conesasagrupacioneshechas,yatendremosloselementosadecuadosparagenerarposteriormenteel
rboldecontenidosque,asuvez,permitirhacerelsistemadenavegacin.
Una vez que el proceso de Etiquetado ha concluido, es bueno hacer comprobaciones empricas de la
validezdelosnombresescogidos.Paraello,serequierequeloselegidosseanmostradosapersonasde
diversoorigenyqueconozcanlainstitucin,comotambinaquienesladesconozcanporentero.Ellos
debenresponderlassiguientespreguntas:

Qusignificaestenombre?
Qutiposdecontenidosesperaraencontrarenestarea?

Conlasrespuestasobtenidassepodrjuzgarsilosnombresquesehanusadosonlosmsadecuadoso,
bien,hayqueintroducirmodificaciones.
Porejemplo,dentrodelosnombresmsusadosparaunadelasseccioneshabitualesdeunSitioWeb
comoesladeinformacincorporativa,secuentaAcercade,Sobre...,QuinesSomoseInformacindel
ProgramaodelaInstritucin.
IdentificarRequerimientosFuncionales
Juntoconlabsquedadelasreasdecontenidoquedebertenerelsitio,sedebetrabajartambinen
ladefinicindeloquesebuscaqueelsitiohaga,esdecir,lostiposdeinteraccinquesebuscaincluir.
Dentrodelosserviciosinteractivosmsfrecuentessecuentanlassiguientes:

FormulariodeContactoparaenvodemensajeselectrnicos
Sistemadeenvodeunanoticiapormailaunamigo
Formatodeimpresindeloscontenidos
MapadelSitio

Dentro de las funcionalidades de mayor complejidad, pero a las que todo sitio debera aspirar, se
cuenta:

BuscadorinternodelSitioWeb

7|P g i n a

ManualdeProyectosWeb
PreparadoporIng.FelipeTorres

ManualdeProyectosWEB
EscuelaSuperiordeEconomayNegocios

readeaccesoprivadoparausuariosregistrados
Sistemadeenvodeboletinesdenoticiasdelsitioausuariosregistrados
Sistemas especficos para alguna funcionalidad requerida e interactividad por parte de los
usuarios

Ser importante que el sitio cuente con todos los servicios interactivos descritos como mnimos, para
ofrecerunamejorexperienciaalusuarioquelovisita.
AnlisisdeSitiosSimilares
ElltimoelementoquesedebedesarrollarenestaetapaeslabsquedadeotrossitiosenInternetque
sean similares a nuestra institucin, con el fin de revisar de qu manera han resuelto los mismos
problemasquedeberemosatender.
Esta actividad comparativa permitir llegar a las buenas prcticas que es posible adaptar a las
necesidades de nuestro sitio, con el fin de asegurarnos mtodos de funcionamiento y despliegue de
contenidos,queseancoherentesconlosobjetivosquesehanplanteadoinicialmente.
Es importante que sehaga una pauta previadecomparacin,conelfindesaberdeantemanocules
sonlosparmetrosquesemedirnygraciasaeso,optimizarlarevisinquesehaga.
3.1.4.DefinicindelaEstructuradelSitio
Unavezquesehahechoeltrabajodeidentificacindecontenidosreseadoenlasetapasanterioresde
estedocumento,sedebeavanzarhacialasdefinicionesrelacionadasconlaformaquetendrelsitioque
seestdesarrollando.Elloimplicartrabajarentresreasconcretas,atravsdelascualessedefinirla
estructuradelsitio,elrboldecontenidosylossistemasdenavegacinqueseofreceralosusuarios
paraqueavancenatravsdesuscontenidos.
Lastresetapasseexplicanacontinuacin:
SerefierealprocesodeidentificarlaformaquetendrelSitioWebqueseestdesarrollando.Eneste
sentidoesimportantehacerunadiferenciaentreestructuraydiseo(queserexplicadagrficamente
msadelanteenestecaptulo).

Estructura: se refiere a la forma que tendr el Sitio Web en trminos generales con sus
secciones,funcionalidadesysistemasdenavegacin.Noconsideraniincluyeelementosgrficos
(logotipos,vietas,etc.).
Diseo:serefierealasolucingrficaquesecrearparaelsitio,enlacualaparecencolores,
logotipos,vietas,yotroselementosdediseoquepermitenidentificarvisualmentealsitio.

Dadoloanterior,cuandohablamosdelaestructuranosestamosrefiriendobsicamenteaculserla
experienciaquetendrunusuariocuandoaccedealsitio.Deestamanerapodremosdeterminardnde
estarnubicadoslosserviciosinteractivos(buscador,sistemasdeencuestas,reasdecontenidos).
Graciasalarealizacindeestaetapaesposiblediscutirentrminosmuyprcticosculserlaofertade
elementos de informacin e interaccin que tendr el usuario. Al no incluir elementos de diseo, se
8|P g i n a

ManualdeProyectosWeb
PreparadoporIng.FelipeTorres

ManualdeProyectosWEB
EscuelaSuperiordeEconomayNegocios

permite que la discusin sobre la estructura se desarrolle en aspectos concretos, sin que intervengan
anconsideracionesestticasquehabitualmenteatrasanlaaprobacindeestaetapadeldesarrollo.
MapasPermanentesdelSitio
Serefierealprocesodecrearunrboldecontenidoenelquesemuestredemaneraprcticacuntas
seccionestendrelsitioendesarrolloycuntosniveleshabrdentrodecadauno.
Cuandoseusalaideadecrearunrbol,serefiereexactamenteagenerarundiagramaquecuentecon
un tronco, ramas y hojas, para mostrar las zonas principales, secundarias y contenidos finales que se
irnincorporando.
En este sentido se debe evitar a toda costa que el rbol de contenidos represente la estructura de la
organizacin,dadoquestaesconocidaycomprendidainternamente,peroconstituyeunabarrerade
entrada para usuarios externos. Si ellos llegan a buscar en una estructura de contenidos basada en la
forma en que funciona la organizacin, primero debern comprender cmo funciona la entidad para
luegoencontrarloquelesinteresa.
Dadoloanterior,lasrecomendacionesparalageneracindeesterbolsonlassiguientes:

Secciones:sedebeintentarqueseanlasmenosposibles,conelfindeconcentrarlasacciones
delusuarioenpocasreas;hayqueconsiderarquecadaunadelasreasaintegrarenelrbol
requerirdemantenimientoposteriorencontenidos,grficayfuncionalidad,loqueencarecer
elcostofinaldeoperacindelsitio.Dadoloanterior,serecomiendaquelasseccionessesiten
entre5y7.
Niveles:sedebeintentarqueelusuarioestsiempreamenosdetresclicksdelcontenidoque
anda buscando. Por ello no se debera crear ms de tres niveles de acceso; esto significa una
Portada,unaPortadilladeSeccinylosContenidospropiamentetales.
Contenidosrelacionados:sedebeconsiderarquehabrfuncionalidadesqueestnpresentesen
todo el sitio. Entre ellas se incluyen elementos como Buscador, Preguntas Frecuentes y
Formularios de Contacto. Se recomienda que este tipo de elementos quede fuera del rbol y
flotensobreste,conelfindeindicarquedesdetodaslaspginashabrenlacesaellos.

DefinicindelosSistemasdeNavegacin
Unavezquesecuentaconlosrbolesdecontenidodesarrolladosenelpasoanterior,latareasiguiente
consisteengenerarlossistemasdeaccesoadichoscontenidosenelSitioWeb.Atravsdeestos,los
usuariospodrnavanzarporsusdiferentesreas,sinperderse.
Enlageneracindedichossistemassedebeatenderadoselementosquesernmuyimportantes:

Textual: se refiere a que la navegacin se har a travs de elementos concretos, tales como
mens, guas, botonesy otroselementosquedebenserclaramentedistinguiblesdentro dela
interfaz. Para generarlos se debe conseguir que cada uno de ellos represente claramente la
funcin para la que fueron designados y no dejar lugar a dudas sobre su funcin ni sobre la

9|P g i n a

ManualdeProyectosWeb
PreparadoporIng.FelipeTorres

ManualdeProyectosWEB
EscuelaSuperiordeEconomayNegocios

accinquedesarrollarnalserusados.Esdecir,unbotndebeparecertalynoslounparche
decolorsobrelapantalla.Adicionalmente,esmuyimportantequelaspalabrasescogidaspara
indicaracciones,seanclarasyprecisas.Enestesentido,siunbotnnecesitaserexplicado,es
mejordesecharloybuscarotrasolucin.
Contextual: es todo lo referido a cmo se presenta la informacin, utilizando para ellos
elementosbasadosentexto,grficosobiendeentorno.Loselementosrelevantesenestecaso,
serntodosaquellosquepermitenmostrarlanavegacinenlapantalla.Entreellos,lagrfica
utilizada,laredaccindelostextosquesemuestraneinclusoelnombredeldominio(URL)que
permitirqueelusuariosientaqueestenellugarindicado.

CaractersticasdelosSistemasdeNavegacin
Algenerarelsistemadenavegacin,sedebentenerencuentalassiguientescaractersticas:

Consistente: el sistema debe ser similar en todo el sitio, en lo referido a su ubicacin y


disposicinenlaspginas.Estoseaplicatambinaaquellasinstitucionesquepuedentenerms
deunSitioWeb.
Uniforme:elsistemadebeutilizarsimilarestrminosconelfindequeelusuarioqueloveaen
laspginas,confeenquesusopcionesllevansiemprehacialosmismoslugaresdentrodelsitio.
Visible: el sistema debe distinguirse claramente dentro del sitio, con el fin de que el usuario
cuenteconl,comosisetrataradeunaguapermanenteenelreaenqueseencuentredel
sitio.

SedebetenerencuentaquelosbuscadoresdeInternettienenlacapacidaddeindexareincluirensus
bases de datos, cualquier pgina del sitio, an las ms internas. Por ello, es de suma importancia que
todas las pginas del sitio cuenten con el sistema de navegacin, especialmente si el Sitio Web est
desarrollado con frames (o marcos) que normalmente impiden que se indique claramente en cada
pginalainformacinreferidaalanavegacingeneral.Deestamanera,siunusuarioaccedealsitiopor
una pgina interior que estaba indexada en un buscador, siempre contar con las herramientas
adecuadasparairalaportadaorealizarcualquierotraaccinqueleinterese.
3.1.5.DefinicindelosSistemasdeNavegacin
Entreloselementosmsrelevantesqueconformanelsistemadenavegacinsecuentanlossiguientes:

MenGeneral:siemprepresenteentodoelsitio,permiteelaccesoacadaunadelasreasdel
sitio.
PiedePgina:usualmenteubicadoenlaparteinferiordecadapgina,indicaelnombredela
institucin,telfonos,direccinfsicaydecorreoelectrnico.
Barra Corporativa: ofrece diversas opciones de informacin respecto del sitio y tal como el
anterior,semuestraentodaslaspginas.
Ruta de Acceso: listado que aparece en la parte superior de cada pgina y que muestra el
trazado de pginas que hay entre la Portada del sitio hasta la pgina actual que se est
revisando;cadaunadeellasdebetenerunenlace,paraaccederalreadelacualdependela
pgina. Cada uno de los elementos que conforman este camino debe tener un enlace que

10|P g i n a

ManualdeProyectosWeb
PreparadoporIng.FelipeTorres

ManualdeProyectosWEB
EscuelaSuperiordeEconomayNegocios

permitaelaccesoaesasreas.Enlaliteraturainternacionaleninglssobreestetema,sellama
aesteelementocomobreadcrumbs.
Fechadepublicacin:parasaberlavigenciadepublicacindelcontenidodesplegado.
BotnHome:parairalaportada
BotnMapadelsitio:paraverelmapadelSitioWeb
BotnContacto:paraenviarunmensajealencargadodelsitio.
Buscador:presenteencadapginasiesquelafuncionalidadexisteenelsitio.
BotnAyuda:pararecibirayudasobrequhacerencadapantalladelsitio.
BotnImprimir:paraimprimirelcontenidodelapgina;seesperaqueelformatodeimpresin
deldocumentoquesemuestraenpantallaseamssimplequelapginanormaldelSitioWeb,
paradarlaimpresinalusuariodequehayunapreocupacinporayudarleenlatareadellevar
impresoelcontenido.

3.1.6.DefinicindelDiseoVisual
Unavezquesehaterminadoeltrabajoenlaestructura,yasecuentaconlosinsumossuficientescomo
para avanzar hacia la generacin del diseo visual de las pantallas del sitio, momento en que se
utilizarntodoslosinsumosquesehanidogenerandoenlasetapasanteriores.
Paraellolarecomendacinestrabajarencuatroetapassucesivaseincrementales,quesedescribena
continuacin:
DiseodelasEstructurasdePginas
Estaetapaconsideralageneracindedibujosslolinealesquedescribenloscomponentesdecadauna
delaspantallasdelsitio,conelobjetivodeverificarlaubicacindecadaunodeellos.
Elidealesquesedibujendiagramascontodaslaspantallasquetendrelsitio,yaquedeestamanera
serposiblequediseadoresydesarrolladorestenganundocumentoconcretodetrabajo,atravsdel
cualresuelvantodaslasdudasdeloselementosquecomponenestapgina.Sibienestetrabajoeslargo
ypuederesultartedioso,suventajaesqueningnelementoenlaspginasquedapuestoalazarsino
querespondeanecesidadespuntualesquesehandetectadoyqueseresuelvenporestava.
Nuevamente,talcomoseplantecuandoseestabapresentandoeltemadeEstructuraenlaspginas
anteriores,loidealesqueestosdibujosnotenganningnelementogrficoovisualconcreto,sinoque
slo incluyan lneas y bloques que representen objetos de contenido (como logos, vietas o fotos).
Nuevamente, como en ese caso, el uso de estas imgenes ayudar a que la discusin sobre cada
pantalla se centre en la funcionalidad y no en temas ms subjetivos como colores o calidad de los
elementosdediseoenlapgina.

11|P g i n a

ManualdeProyectosWeb
PreparadoporIng.FelipeTorres

ManualdeProyectosWEB
EscuelaSuperiordeEconomayNegocios

Figura2.1.:Estructuradepginas(Wireframe).

Unelementoquesedebeconsiderarjuntoconestosdibujosdeestructura,esqueenlaspantallasque
representen transacciones, se debe incluir un diagrama de flujo sencillo, mediante el cual se
ejemplifique cules son las interacciones posibles y sus resultados. Naturalmente se deber incluir las
pantallascorrespondientescuandoseaadecuado.

Figura2.2.:DiagramadeFlujo.

12|P g i n a

ManualdeProyectosWeb
PreparadoporIng.FelipeTorres

ManualdeProyectosWEB
EscuelaSuperiordeEconomayNegocios

Gracias a estos diagramas en combinacin con las pginas, tanto diseadores como desarrolladores
podrntenerclaroculeseltrabajoquedebenrealizarencadaunadelasreasdelsitioqueseestn
generando.
BocetosdeDiseo
Estaetapaconsisteenlageneracindedibujosdigitalesacabadosdelaformaquetendrnlaspginas
principalesdelsitioquesedesarrolla,considerandocomotaleslaPortada,PortadadeSeccinyPgina
dedesplieguedecontenidos.
Para desarrollar los elementos grficos se utilizan como insumos los dibujos de estructura que se han
generadoenlaetapaanterior.
Laideaesqueenestaetapasetrabajeensoftwaregrficoparafacilitarelprocesodecorreccin,yaque
habitualmentehabrmuchainteraccinconlosusuarios.
Loselementosquesedebentenerpresentesenestaetapa,sonlossiguientes:

ImagenCorporativadelPrograma:sedebenseguirloslineamientosdeusodecolores,textosy
otroselementosdefinidosparalaentidad.
Criterios de Usabilidad: se deben tener en cuenta los criterios que se dan a conocer en el
captulodeusabilidad

BorradoresdePgina
Una vez que se ha aprobado la etapa anterior, se toman los bocetos de diseo que hayan sido
aprobados y se genera un prototipo (pginas clickeables) mediante el cual se pueda comprobar
directamentelaformaenquesedesempean,cuandoselesaplicalatecnologaHTMLdeconstruccin
depginasweb.
Laintencindeestaetapaesusareldiseodepantallaquesehacreado,contandoconenlacesreales
que permitan ver la forma de usar sus atributos (cada enlace tiene los estados de Enlace, Flotante,
ActivoyVisitado)yrevisarlaformaenquesedesplieganlaspginasquesevanadesarrollar.
Adicionalmente,enestaetapaserposiblehacerlacomprobacinefectivadelpesodelaspginasuna
vezconstruidasysepodrnoptimizarloselementosquequedenfueradenormaporpesootamao.
MaquetaWeb
EslaetapafinalyconsisteengenerartodoelsitioentecnologaHTMLutilizandoimgenesycontenidos
reales.
Enelcasodeunsitioesttico,estaetapacorresponderalaconstruccindelsitio.Enelcasodeunsitio
dinmico, las pginas que se generen permitirn que el diseador genere las plantillas de trabajo y el
desarrolladordesoftwarelasutilicecomoelementosparaintroducirlaprogramacinqueseanecesaria
paralacreacindelsitio.
13|P g i n a

ManualdeProyectosWeb
PreparadoporIng.FelipeTorres

ManualdeProyectosWEB
EscuelaSuperiordeEconomayNegocios

Es importante considerar que todas las tareas y actividades incluidas en esta etapa pueden ser
abordadas por un diseador que tenga experiencia en diseo web. Esto debe ser parte de los
requerimientossolicitadosalasempresasproveedorasdeestetipodeservicios.

14|P g i n a

ManualdeProyectosWeb
PreparadoporIng.FelipeTorres

ManualdeProyectosWEB
EscuelaSuperiordeEconomayNegocios

Anexo2AccesibilidadparaDiscapacitados
Cuandoseplanteaeltemadelasdiscapacidades,hayqueconsiderarquestasnoslotienenrelacin
con personas que son afectadas por problemas desde nacimiento, sino tambin, que muchos de los
problemasfsicosaumentanconlaedad.
En este sentido, si la audiencia hacia la cual est orientado un Sitio Web es de personas adultas o
adultosmayores,habrmayorgradodediscapacidadqueatender.Ytambin,queesosusuariosestarn
muchomejoratendidos,sielsitioqueselesofrececuentaconlacapacidaddepresentarloscontenidos
demaneraaccesible.
Lostiposdediscapacidadesqueexistenypuedendificultarelusodelosequiposcomputacionales,son:

Discapacidadesvisuales:Desdepocavisinhastalaceguera,elrangodelimitacionesvisualeses
amplio.Lossntomasdevisinreducidasonvisinborrosa,visindesenfocada,problemaspara
ver de lejos o de cerca, daltonismo y visin tnel entre otros. Las personas que padecen este
tipo de discapacidades necesitan ver el texto o las imgenes de la pantalla de los equipos y
poder llevar a cabo tareas que requieren la coordinacin de manos y ojos, como mover un
mouse. El tamao y el color del texto pueden marcar una gran diferencia en materia de
legibilidadparapersonasconvisinreducida.
Discapacidadesdemovimiento:Lasdiscapacidadesdemovimientopuedenestarcausadaspor
la artritis, problemas cardacos, parlisis cerebral, la enfermedad de Parkinson, esclerosis
mltipleylaprdidadelasextremidadesolosdedos,entreotrosfactores.Elcontrolreducido
de los msculos o su debilidad puede dificultar el uso de dispositivos de teclado y mouse
estndar. Por ejemplo, algunas personas no pueden presionar dos teclas simultneamente,
mientras que otras tienden a presionar varias teclas o a presionar una tecla varias veces de
formainvoluntariacuandoquierenpresionarlasysoltarlas.Laspersonasqueslopuedenusar
unamanotienendificultadesconalgunastareasdeltecladooelmouse.
Discapacidades auditivas: Las personas con dificultades auditivas quizs puedan or algunos
sonidos pero es posible que no puedan distinguir las palabras. Otras quizs no puedan or
ningnsonido.Alnopoderorlasadvertenciasdelequipo,comolospitidosymensajesdevoz,
puedentenerproblemas.
Discapacidades cognitivas y de lenguaje: Las discapacidades cognitivas y de lenguaje abarcan
tanto la dislexia como dificultades para recordar, resolver problemas o percibir informacin
sensorial o incluso problemas para comprender y utilizar el lenguaje. Para personas con estas
dificultades, el uso de los equipos puede verse dificultado por pantallas complejas o
incoherentesoporlaeleccindelaspalabras.
Epilepsia: Ciertos patrones de luz o sonido pueden provocar ataques epilpticos en algunas
personassusceptiblesdepadecerlos.
Discapacidadesrelacionadasconlaedad:Elproblemamscomnalenvejecereseldeterioro
naturaldelavista.Alos65aos,lamayoradelaspersonashaperdidopartedesucapacidad
paraenfocar,resolverimgenes,distinguircoloresyadaptarsealoscambiosdeluz.Comoparte
delprocesonaturaldeenvejecimientoylongevidad,lanecesidaddecontrasteaumentadebido

15|P g i n a

ManualdeProyectosWeb
PreparadoporIng.FelipeTorres

ManualdeProyectosWEB
EscuelaSuperiordeEconomayNegocios

aladecoloracindelosfluidosylaslentesoculares.Lamayoradelaspersonassufrenprdidas
depercepcindelcolorqueacompaanalavisinborrosa.Conlalongevidad,tambinsuelen
experimentarseotrosefectosdegenerativos.As,sonhabitualesdiversosgradosdeprdidade
audicin,aligualquelasdificultadesdecoordinacinmotora,amenudodebidasalaartritisoal
desgastedelasarticulaciones.
Estndarestcnicosrecomendados
Las normas a cumplir para conseguir la Accesibilidad de un sitio y por lo tanto atender a este tipo de
audiencias,estnseparadasentresreasalasqueselesasignadiferenteniveldePrioridad:

Prioridad1:UndesarrolladordecontenidosdepginasWebtienequesatisfacerestepuntode
verificacin, porque de lo contrario, uno o ms grupos de usuarios encontrarn imposible
acceder a la informacin del documento. Satisfacer este punto de verificacin es un
requerimientobsicoparaquealgunosgrupospuedanusarestosdocumentosWeb.
Prioridad 2: Un desarrollador de contenidos de pginas Web debe satisfacer este punto de
verificacin,porquedelocontrario,unoomsgruposencontrarndificultadesenelaccesoala
informacin del documento. Satisfacer este punto de verificacin eliminar importantes
barrerasdeaccesoalosdocumentosWeb.
Prioridad 3: Un desarrollador de contenidos de pginas Web puede satisfacer este punto de
verificacin., porque de lo contrario, uno o ms grupos de usuarios encontrarn alguna
dificultad para acceder a la informacin del documento. Satisfacer este punto de verificacin
mejorarlaaccesibilidaddelosdocumentosWeb.

Comoseveenladescripcinanterior,cadaunadelasprioridadesllevaasociadountipodeobligacin,
sientolaprimeralamsperentoriadetodas.
ParacumplirloindicadoenPrioridad1,lastareassonlassiguientes:
http://usuarios.discapnet.es/disweb2000/PautaWAI/LPVWCAG10.htm
PuntosdeverificacinPrioridad1.

Proporcioneuntextoequivalenteparatodoelementonotextual(porejemplo,atravsde"alt",
"longdesc" o en el contenido del elemento). Esto incluye: imgenes, representaciones grficas
del texto, mapas de imagen, animaciones (por ejemplo, GIFs animados), "applets" y objetos
programados, "ASCII art", marcos, scripts, imgenes usadas como vietas en las listas,
espaciadores, botones grficos, sonidos (utilizados con o sin interaccin), archivos
exclusivamenteauditivos,bandasonoradelvdeoyvdeos.
Asegurequetodalainformacintransmitidaatravsdeloscolorestambinestdisponiblesin
color,porejemplomedianteelcontextoopormarcadores.

16|P g i n a

ManualdeProyectosWeb
PreparadoporIng.FelipeTorres

ManualdeProyectosWEB
EscuelaSuperiordeEconomayNegocios

Identifiqueclaramenteloscambiosenelidiomaoriginaldeltextodeldocumentoyencualquier
textoequivalente(porejemplo,leyendas).
Organiceeldocumentodeformaquepuedaserledosinhojadeestilo.Porejemplo,cuandoun
documentoHTMLesinterpretadosinasociarloaunahojadeestilo,tienequeserposibleleerlo.
Asegure que los equivalentes de un contenido dinmico son actualizados cuando cambia el
contenidodinmico.
Hasta que las aplicaciones de usuario permitan controlarlo, evite provocar parpadeo en la
pantalla.
Utiliceellenguajeapropiadomsclaroysimpleparaelcontenidodeunsitio.

Ysiutilizaimgenesymapasdeimagen(Prioridad1):

Proporcione vnculos de texto redundantes con cada zona activa de un mapa de imagen del
servidor.
Proporcione mapas de imagen controlados por el cliente en lugar de por el servidor, excepto
dondelaszonassensiblesnopuedanserdefinidasconunaformageomtrica.
Ysiutilizatablas(Prioridad1):
Enlastablasdedatos,identifiquelosencabezamientosdefilaycolumna.
Para las tablas de datos que tienen dos o ms niveles lgicos de encabezamientos de fila o
columna,utilicemarcadoresparaasociarlasceldasdeencabezamientoylasceldasdedatos.

Ysiutilizamarcos("frames")(Prioridad1):

Titulecadamarcoparafacilitarlaidentificacinynavegacindelosmismos.

Ysiutiliza"applets"y"scripts"(Prioridad1):

Asegure que las pginas sigan siendo utilizables cuando se desconecten o no se soporten los
scripts,appletsuotrosobjetosdeprogramacin.Siestonoesposible,proporcioneinformacin
equivalenteenunapginaalternativaaccesible.

Ysiutilizamultimedia(Prioridad1):

Hastaquelasaplicacionesdeusuariopuedanleerautomticamenteeltextoequivalentedela
banda visual, proporcione una descripcin auditiva de la informacin importante de la banda
visualdeunapresentacinmultimedia.
Paratodapresentacinmultimediatempodependiente(porejemplo,unapelculaoanimacin)
sincronice alternativas equivalentes (por ejemplo, subttulos o descripciones de la banda de
visual)conlapresentacin.
Ysitodolodemsfalla(Prioridad1):

17|P g i n a

ManualdeProyectosWeb
PreparadoporIng.FelipeTorres

ManualdeProyectosWEB
EscuelaSuperiordeEconomayNegocios

Si, despus de los mayores esfuerzos, no puede crear una pgina accesible, proporcione un
vnculo a una pgina alternativa que use tecnologas W3C, sea accesible, tenga informacin
equivalente(ofuncional)yseaactualizadatanamenudocomolapgina(original)inaccesible.

ParacumplirloindicadoenPrioridad2,lastareassonlassiguientes:

Asegure que las combinaciones de los colores de fondo y primer plano tengan el suficiente
contrasteparaqueseanpercibidasporpersonascondeficienciasdepercepcindecoloropor
pantallasenblancoynegro[Prioridad2paralasimgenes.Prioridad3paralostextos].
Cuando exista un marcador apropiado, use marcadores en vez de imgenes para transmitir la
informacin.
Creedocumentosqueestnvalidadosporlasgramticasformalespublicadas.
Utilicehojasdeestiloparacontrolarladiagramacinylapresentacin.
Utiliceunidadesrelativasenlugardeabsolutasalespecificarlosvaloresenlosatributosdelos
marcadoresdelenguajeyenlosvaloresdelaspropiedadesdelashojasdeestilo.
Utiliceelementosdeencabezadoparatransmitirlaestructuralgicayutilcelosdeacuerdocon
laespecificacin.
Marquelaslistasylospuntosdelaslistascorrectamente.
Marquelascitas.Noutiliceelmarcadordecitasparaefectosdeformatotalescomosangras.
Asegurequeloscontenidosdinmicossonaccesiblesoproporcioneunapginaopresentacin
alternativa.
Hastaquelasaplicacionesdeusuariopermitancontrolarlo,eviteelparpadeodelcontenido(por
ejemplo,cambiodepresentacinenperiodosregulares,ascomoelencendidoyapagado).
Hastaquelasaplicacionesdeusuarioproporcionenlaposibilidaddedetenerlasactualizaciones,
nocreepginasqueseactualicenautomticamentedeformaperidica.
Hasta que las aplicaciones de usuario proporcionen la posibilidad de detener el
redireccionamiento automtico, no utilice marcadores para redirigir las pginas
automticamente.Ensulugar,configureelservidorparaqueejecuteestaposibilidad.
Hastaquelasaplicacionesdeusuariopermitandesconectarlaaperturadenuevasventanas,no
provoqueaparicionesrepentinasdenuevasventanasynocambielaventanaactualsininformar
alusuario.
Utilice tecnologas W3C cuando estn disponibles y sean apropiadas para la tarea, y use las
ltimasversionescuandoseansoportadas.
EvitecaractersticasdesaconsejadasporlastecnologasW3C.
Divida los bloques largos de informacin en grupos ms manejables cuando sea natural y
apropiado.
Identifiqueclaramenteelobjetivodecadavnculo.
Proporcionemetadatosparaaadirinformacinsemnticaalaspginasysitios.
Proporcioneinformacinsobrelamaquetacingeneraldeunsitio(porejemplo,mapadelsitio
otabladecontenidos).
Utilicelosmecanismosdenavegacindeformacoherente.

18|P g i n a

ManualdeProyectosWeb
PreparadoporIng.FelipeTorres

ManualdeProyectosWEB
EscuelaSuperiordeEconomayNegocios

Ysiutilizatablas(Prioridad2):

Noutilicetablasparadiagramar,amenosquelatablatengasentidocuandosealinee.Porotro
lado,silatablanotienesentido,proporcioneunaalternativaequivalente(lacualdebeseruna
versinalineada).
Si se utiliza una tabla para diagramar, no utilice marcadores estructurales para realizar un
formateovisual.

Ysiutilizamarcos("frames")(Prioridad2):

Describa el propsito de los marcos y cmo stos se relacionan entre s, si no resulta obvio
solamenteconelttulodelmarco.

Ysiutilizaformularios(Prioridad2):

Hasta que las aplicaciones de usuario soporten explcitamente la asociacin entre control de
formulario y etiqueta, para todos los controles de formularios con etiquetas asociadas
implcitamente,asegurequelaetiquetaestcolocadaadecuadamente.
Asocieexplcitamentelasetiquetasconsuscontroles.

Ysiutiliza"applets"y"scripts"(Prioridad2):

Para los scripts y applets, asegure que los manipuladores de eventos sean entradas
independientesdeldispositivo.
Hastaquelasaplicacionesdeusuariopermitancongelarelmovimientodeloscontenidos,evite
losmovimientosenlaspginas.
Haga los elementos de programacin, tales como scripts y applets, directamente accesibles o
compatibles con las ayudas tcnicas [Prioridad 1 si la funcionalidad es importante y no se
presentaenotrolugar;deotramanera,Prioridad2].
Asegure que cualquier elemento que tiene su propia interfaz pueda manejarse de forma
independientedeldispositivo.
Parascripts,especifiquemanipuladoresdeeventoslgicosmejorquemanipuladoresdeeventos
dependientesdedispositivos.

ParacumplirloindicadoenPrioridad3,lastareassonlassiguientes:

Especifique la expansin de cada abreviatura y acrnimo en el documento cuando aparezcan


porprimeravez.
Identifiqueelidiomaprincipaldeundocumento.
Creeunordenlgicoparanavegarconeltabuladoratravsdevnculos,controlesdeformulario
yobjetos.
Proporcioneatajosdetecladoparalosvnculosmsimportantes(incluidoslosdelosmapasde
imagendecliente),loscontrolesdeformularioylosgruposdecontrolesdeformulario.

19|P g i n a

ManualdeProyectosWeb
PreparadoporIng.FelipeTorres

ManualdeProyectosWEB
EscuelaSuperiordeEconomayNegocios

Hastaquelasaplicacionesdeusuario(incluidaslasayudastcnicas)interpretenclaramentelos
vnculoscontiguos,incluyacaracteresimprimibles(rodeadosdeespacios),quenosirvancomo
vnculo,entrelosvnculoscontiguos.
Proporcionelainformacindemodoquelosusuariospuedanrecibirlosdocumentossegnsus
preferencias(porejemplo,idioma,tipodecontenido,etc.).
Proporcionebarrasdenavegacinparadestacarydaraccesoalmecanismodenavegacin.
Agrupelosvnculosrelacionados,identifiqueelgrupo(paralasaplicacionesdeusuario)y,hasta
quelasaplicacionesdeusuariolohagan,proporcioneunamaneradeevitarelgrupo.
Si proporciona funciones de bsqueda, permita diferentes tipos de bsquedas para diversos
nivelesdehabilidadypreferencias.
Localicelainformacindestacadaalprincipiodelosencabezamientos,prrafos,listas,etc.
Proporcione informacin sobre las colecciones de documentos (por ejemplo, los documentos
quecomprendanmltiplespginas).
ProporcioneunmedioparasaltarsobreunASCIIartdevariaslneas.
Complemente el texto con presentaciones grficas o auditivas cuando ello facilite la
comprensindelapgina.
Creeunestilodepresentacinqueseacoherenteparatodaslaspginas.

Ysiutilizaimgenesomapasdeimagen(Prioridad3):

Hasta que las aplicaciones de usuario interpreten el texto equivalente para los vnculos de los
mapasdeimagendecliente,proporcionevnculosdetextoredundantesparacadazonaactiva
delmapadeimagendecliente.

Ysiutilizatablas(Prioridad3):

Proporcioneresmenesdelastablas.
Proporcioneabreviaturasparalasetiquetasdeencabezamiento.
Hastaquelasaplicacionesdeusuario(incluidaslasayudastcnicas)interpretencorrectamente
los textos contiguos, proporcione un texto lineal alternativo (en la pgina actual o en alguna
otra)paratodaslastablasquemaquetantextoenparalelo,encolumnasdepalabras.

Ysiutilizaformularios(Prioridad3):

Hasta que las aplicaciones de usuario manejen correctamente los controles vacos, incluya
caracterespordefectoenloscuadrosdeedicinyreasdetexto.

20|P g i n a

ManualdeProyectosWeb
PreparadoporIng.FelipeTorres

ManualdeProyectosWEB
EscuelaSuperiordeEconomayNegocios

REFERENCIAS
[1]
[2]
[3]
[4]
[5]
[6]
[7]
[8]
[9]
[10]
[11]
[12]
[13]
[14]
[15]
[16]
[17]
[18]
[19]
[20]
[21]
[22]
[23]
[24]
[25]
[26]
[27]
[28]
[29]
[30]
[31]

TheWorldWideWebConsortium(W3C)http://www.w3.org/
OficinaEspaoladelW3Chttp://www.w3c.es/
EspecificacinHTML4.01http://html.conclase.net/w3c/html401es/cover.html
GuaBrevedeCSShttp://www.w3c.es/Divulgacion/Guiasbreves/HojasEstilo
Hojas de Estilo en Cascada Especificacin CSS2.1 http://www.w3.org/Style/css21
updates/css2.1_spa.pdf
Programacin y Diseo en Entornos Grficos. Grado Superior Flix Chamorro Atance Ed.
McGrawHill
VBScriptyprogramacinASPGonzlezMoreno,scarEd.AnayaMultimedia,1997
ProgramacinAvanzadaParaInternetJorgeSerranoPrezEd.AnayaMultimedia
Active Server Pages 3. Creacin de aplicaciones Web a travs de ejemplos. Rodrguez
Manzaneque.Ed.RaMa,2000.
ProgramacinconASP3JorgeSerranoPerez.AnayaMultimedia
Web 2.0 y Empresa, Manual de aplicacin en entornos corporativos, Asociacin Nacional de
EmpresasInternet,Espaa
PHPBible.TimConverseandJoycePark.HungryMindsInc.
CreacindesitioswebconPHP4.FranciscoJavierGilRubio.Mc.GrawHill.
XML.IniciacinyReferenciaRamnMonteroAyalaEd.McGrawHill
Latindex,SistemaregionaldeinformacinenlneapararevistascientficasdeAmricaLatina,el
Caribe,EspaayPortugal.Directorio,catlogoendice(www.latindex.unam.mx)
DHTMLhttp://www.dhtmlcentral.com
JavaScripthttp://www.javascript.com/
XML 1.0 (Second Edition), W3C Recommendation http://www.w3.org/TR/2004/RECxml
20040204
GuaWeb(http://www.guiaweb.gob.cl/)
FundacinSidarAccesoUniversalhttp://www.sidar.org/index.php
Guadeusabilidadhttp://www.usability.gov/
GuadeReferenciaRpidaCSS2.1http://www.w3c.es/Divulgacion/GuiasReferencia/CSS21/
GuaBrevedeXHTMLhttp://www.w3c.es/divulgacion/guiasbreves/XHTML
XHTML1.0:(SecondEdition),W3CRecommendationhttp://www.w3.org/TR/2002/RECxhtml1
20020801
ClientSideJavaScriptReferentehttp://docs.sun.com/source/816640810/contents.htm
ManualdeASP(http://msdn.microsoft.com/asp)
ManualdePHP(http://www.php.net/)
ProgramacindeAplicacionesparaInternetconASP3GrupoEidos
PHPGuadeaprendizajeLarryUllmanPrenticeHall
GuasBrevesdeTecnologasW3C(http://www.w3.org/)
ComprendiendolaAccesibilidad:GuaparaLograrConformidadR.Yonaitis

21|P g i n a

ManualdeProyectosWeb
PreparadoporIng.FelipeTorres

ManualdeProyectosWEB
EscuelaSuperiordeEconomayNegocios

[32] Revistas
USERS,
Power,
.Code,
(http://www.tectimes.com/magazines/)

22|P g i n a

TecTimes

MP

Ediciones

S.A

ManualdeProyectosWeb
PreparadoporIng.FelipeTorres