Tecnologias Web - Documentos - Alejandro9006

12/3/2015
TecnologiaswebDocumentosAlejandro9006
Tecnologiasweb
ByAlejandro9006|Studymode.com
Temario:
1IntroduccinalastecnologasWeb.
1.1PerspectivahistricadelInternet.
1.2Protocolohttp.
1.2.1ArquitecturadelWWW.
1.2.2URLs.
1.2.3Mtodoshttp.PersistenciaenhttpCookies.
1.3IntroduccinalHTML.Lenguajededesplieguedelweb
1.3.1HTMLcomountipoSGML.
1.3.2ElementosdellenguajeHTML.
1.3.3TablasenHTML.
1.3.4Formularios.
1.4EvolucindeldesarrollodeaplicacionesWeb.
1.5HojasdeestiloencascadaeintroduccinalXML.
1IntroduccinalastecnologasWeb.
1.1PerspectivahistricadelInternet.
Elobjetivoeracrearunareddecomunicacionesmilitarcapazdeseguirfuncionando
despusdeun
ataquenuclear.
Losprimerospasosfueron:
En1964PaulBaran,deRandCorporationpropusolautilizacindeunaredde
conmutacinde
paquetes.
En1968sepusoenfuncionamientoelNPL(NationalPhysicsLaboratory)enelReino
Unido.
En1969secreARPANET,unaredparacomunicarlosdistintoscentrosimplicadosen
elproyecto
ARPA.
LosmiembrosdeARPANETfueron:
StanfordResearchInstitute(SRI).
UniversidaddeCalifornia,SantaBarbara.
http://www.buenastareas.com/download/?id=8715981&token=b2c4ba8366f934bc591e8ed7f39ff045&format=text
1/77
12/3/2015
UniversidaddeCalifornia,Losngeles(UCLA).
UniversidaddeUtah.
EvolucindeARPANET:
1973.PrimeraconexininternacionalconInglaterrayNoruega.
SurgeelprotocoloTCP/IPparaestandarizarlacomunicacinentreredes.
1986.SurgeNSFNET(NationalScienceFoundationNetwork)parainterconectar5
grandescentros
desupercomputacin.
MiembrosdeNSFNET:
Prinston
Pittsbourgh
UCSD
UIUC
Cornell
volucin:
E
1990.DesmantelamientodeARPANET.
1992.TimBernersLee,fsicodelCERNEuropeanOrganizationforNuclearResearch
(Suiza),
inventalaWordWideWeb(WWW).
1993.SurgeInterNIC.
1995.SunMicrosystemspresentaunnuevolenguajedeprogramacin(Java).
InternetnaciapartirdeunareddenominadaARPANET,diseadaydesarrolladaen
1969parael
DepartamentodeDefensadeEstadosUnidos,creadaparamantenerlacomunicacin
entre
computadorasencasodeguerra.SegnelPentgonosuponaungranpeligroelhecho
deque
todaslascomunicacionesdependierandeungrancentroneurlgicoquepodraser
destruidocon
unasolabomba,quedandoassinposibilidadesanteelenemigo.Debidoatodasestas
circunstancias,laredfuediseadasincentroneurlgico.
EstadosUnidosfuecapazdedesarrollarunaredquefuncionara(laantecesoradela
actual
Internet)ylosusuariosacadmicoseinvestigadoresquetenanaccesoaella
rpidamentese
volvieronadictos.Lademandaporlaredmuyprontoseesparci.Losdesarrolladoresde
2/77
12/3/2015
Internet
enEstadosUnidos,elReinoUnidoyEscandinavia,enrespuestaalaspresionesdel
mercado,
empezaronaponerelsoftwaredeIP(InternetProtocol)entodotipodecomputadoras.
Sellega
convertirenelnicomtodoprcticoparacomunicarcomputadorasdediferentes
fabricantes.Al
mismotiempoqueInternetseconsolidaba,almismotiempo,muchascompaasyotras
organizacionesempezaronaconstruirredesprivadasusandolosmismosprotocolos
deARPAnet.
Parecaobvioquesiestasredespodancomunicarseentres,losusuariosdeunared
podran
comunicarseconusuariosdeotraytodoelmundoserabeneficiado.
Deestasnuevasredes,unadelasmsimportantesfuelaNSFNET,auspiciadaporla
Fundacin
NacionaldelaCiencia(NationalScienceFoundation),unaagenciadelgobiernode
Estados
Unidos.AlfinaldelosochentalaNSFcrecincocentrosdesupercmputoen
universidades
importantes.Hastaeseentonces,lascomputadorasmsrpidasdelmundosloestaban
a
disposicindelosfabricantesdearmamentoydealgunosinvestigadoresdecompaas
muy
grandes.Conlacreacindecentrosdesupercmputo,laNSFponastasadisposicin
de
cualquierinvestigacinescolar.Alprincipio,laNSFtratdeutilizarlaredARPAnetpara
la
comunicacindeloscentros,peroestaestrategiafalldebidoaproblemas
burocrticos.En
respuestaaesto,laNSFdecidiconstruirsupropiaredbasadaenlatecnologaIPde
ARPAnet,
staredconectabaloscentrosmedianteenlacestelefnicosde56,000bitsporsegundo.
Elcosto
delalneatelefnicadependedeladistanciaporestarazn,sedecidicrearredes
regionales.En
cadaregindelpaslasescuelaspodanconectarseasuvecinomscercano.Cada
cadena
estabaconectadaauncentrodesupercmputoenunsolopunto.
3/77
12/3/2015
Elhechodecompartirsupercomputadoraspermitialoscentrosdecmputocompartir
recursosno
relacionadosconloscentros.Repentinamente,lasescuelasqueparticipabanenlared
contaron
conunampliouniversodeinformacinycolaboradoresalalcancedesusmanos.Eltrfico
enla
redseincrementconeltiempohastaquelascomputadorasquelacontrolabanylas
lneasde
telfonoconectadasaellassesaturaron..En1987secelebruncontratopara
administrary
actualizarlared,conlacompaaMeritNetworkInc.,encolaboracinconIBMyMCI.La
viejared
fuemejoradaconlneastelefnicasdemayorvelocidad(porunfactorde20)ycon
computadoras
mspoderosas.
1.2Protocolohttp
ElProtocolodeTransferenciadeHiperTexto(HypertextTransferProtocol)esunsencillo
protocolo
clienteservidorquearticulalosintercambiosdeinformacinentrelosclientesWebylos
servidores
HTTP.FuepropuestoporTimBernersLee,atendiendoalasnecesidadesdeunsistema
globalde
distribucindeinformacincomoelWorldWideWeb.
esdeelpuntodevistadelascomunicaciones,estsoportadosobrelosserviciosde
D
conexin
TCP/IP,yfuncionadelamismaformaqueelrestodelosservicioscomunesdelos
entornosUNIX:
unprocesoservidorescuchaenunpuertodecomunicacionesTCP(pordefault,el80),y
esperalas
solicitudesdeconexindelosclientesWeb.Unavezqueseestablecelaconexin,el
protocolo
TCPseencargademantenerlacomunicacinygarantizarunintercambiodedatoslibre
de
errores.
HTTPsebasaensencillasoperacionesdesolicitud/respuesta.Unclienteestableceuna
conexin
4/77
12/3/2015
conunservidoryenvaunmensajeconlosdatosdelasolicitud.Elservidorrespondecon
unmensajesimilar,quecontieneelestadodelaoperacinysuposibleresultado.Todas
las
operacionespuedenadjuntarunobjetoorecursosobreelqueactancadaobjetoWeb
(documentoHTML,ArchivomultimediaoaplicacinCGI)esconocidoporsuURL.
HTTPseutilizaparatransmitirrecursos,queincluyenademsdearchivos,elresultado
dela
ejecucindeunprograma,unaconsultaaunabasededatos,latraduccinautomticade
un
documento,etc.ParaunservidorHTTP,losrecursossonobienarchivos,obienel
resultadodela
ejecucindeunprograma.
LostiposMIME(MultipurposeInternetMailExtensions)sonunestndarparaelenvode
informacinbinariaatravsdecaracteresalfanumricos.Esteestndarpermiteque,a
travsdel
protocoloHTTP(quemanejainformacinenmodotexto),podamostransferirarchivos
notextuales,
comopuedenserimgenes,audio,vdeo,programasejecutablesetc.LostiposMIME
definen
grupos(antesdelcarcter"/")ytipos(despusdelcarcter"/").AseltipoMIME
"text/html"define
atodoslosarchivosdetextoquecontienencdigoHTML,eltipo"video/mpeg"definea
todoslos
archivosdevdeoalmacenadosenformatompeg,etc.Paraindicarcualquiertipose
puedeutilizar
elcarcter"*",tantoeneltipocomoenelgrupo.Deestemodo,eltipoMIME"image/*"
representa
atodoslosarchivosdeimagen,yaestnalmacenadasenformatogif,jpeg,bmp,etc.
ParaprofundizarmsenelfuncionamientodeHTTP,veremosprimerouncasoparticular
deuna
transaccinHTTPenlossiguientesapartadosseanalizarnlasdiferentespartesdeeste
proceso.
Cadavezqueunclienterealizaunapeticinaunservidor,seejecutanlossiguientes
pasos:
UnusuarioaccedeaunaURL,seleccionandounenlacedeundocumentoHTMLo
introducindoladirectamenteenelcampoLocationdelclienteWeb.
ElclienteWebdescodificalaURL,separandosusdiferentespartes.Asidentificael
protocolodeacceso,ladireccinDNSoIPdelservidor,elposiblepuertoopcional(el
5/77
12/3/2015
valor
pordefaultes80)yelobjetorequeridodelservidor.
SeabreunaconexinTCP/IPconelservidor,llamandoalpuertoTCPcorrespondiente.
Serealizalapeticin.Paraello,seenvaelcomandonecesario(GET,POST,HEAD,),
la
direccindelobjetorequerido(elcontenidodelaURLquesiguealadireccindel
servidor),laversindelprotocoloHTTPempleadayunconjuntovariabledeinformacin,
queincluyedatossobrelascapacidadesdelbrowser,datosopcionalesparaelservidor,
Elservidordevuelvelarespuestaalcliente.Consisteenuncdigodeestadoyeltipode
datoMIMEdelainformacinderetorno,seguidodelapropiainformacin.
SecierralaconexinTCP.
steprocesoserepiteencadaaccesoalservidorHTTP.Porejemplo,siserecogeun
E
documento
HTMLencuyointeriorestninsertadascuatroimgenes,elprocesoanteriorserepite
cincoveces,
unaparaeldocumentoHTMLycuatroparalasimgenes.
1.2.1ArquitecturadelWWW.
LaarquitecturadelWWWsepuedeverdesdedospuntosdevistaArquitecturafsicay
Arquitectura
lgica
Dentrodelaarquitecturafsicapodemosmencionarlosdiferentestiposderedes:
Computadoraspersonales(PCs)
Redesderealocal(LANs)
Redesdereaglobal(WANs)
LasComputadoraspersonalestienenlassiguientescaractersticas
ConexinespordicaaInternet.
Necesarialacolaboracindeotracomputadoraqueestconectadadeformacontinuaa
Internet
(ISPProveedordeServiciosInternet).
DebeestablecerseundilogoconelISPatravsdealgncanaldecomunicacin.
Lasformasdeconexinpuedenser:
1.Lneatelefnicaestndar.
Necesarioelusodeunhardwarequeactedeinterfazentrelacomputadoraylalnea
telefnica(mdem).
Modemsinternosoexternos.
6/77
12/3/2015
Velocidadbaja
2.RDSI(RedDigitaldeServiciosIntegrados).
Lneadigital.
Siguesiendonecesariounhardwareespecficoqueactedeinterfazentrelalneayla
computadora.
Hardwaredistintodelusadoparalalneatelefnicaestndar(mdemRDSI).
PosibilidaddeconexinaInternetyalmismotiempodisponibilidaddelneatelefnica.
Posibilidaddevideoconferenciapuntoapunto.
3.ADSL(AsymmetricDigitalSubscriberLine).
Lneadecomunicacindealtavelocidad.
Utilizacomosoporteelpardecablesdecobredelalneatelefnicaestndar.
Velocidaddecomunicacinasimtrica
4.Cable.
Utilizaunodeloscanalesdevdeodeunsuministradordeaccesoacable.
Suelesuministrarseenunindeotrosservicios(televisin,telfono,etc.).
5.
Satlite.
AligualqueADSL,setratadeuncanaldecomunicacinasimtrico.
Losdatosdesalidaviajangeneralmenteatravsdetelfono.
Larecepcinserealizaatravsdeunoomscanalesdevdeoemitidosporunsatlite.
RedesdereaLocal(LANs)
Sirveparaunirordenadoressituadosengeneralenunmismoedificioogrupode
edificios.
Enlaredpuedencoexistirsistemasactuandocomoservidoresycomoclientes.
Lascomputadorasseunenformandotopologas(lineales,anillo,estrella,...).
Siguesiendonecesariounhardwarededicadoqueactecomointerfazentrela
computadorayla
red(tarjetadered).
Velocidadestpicas
7/77
12/3/2015
1.Ethernet:10Mbaudios.
2.TokenRing:4y16Mbaudios.
3.FastEthernet:100Mbaudios.
4.GigaEthernet:1Gbaudio.
Nuevastendencias:redesinalmbricas
RedesdereaGlobal(WAN)
UnindemltiplesLANs.
LaunindemltiplesWANsanivelmundialesloqueseconocecomoInternet.
ArquitecturalgicadeInternet.NormalmenteenInternetseusalaarquitecturacliente
servidor.
Estetipodeorganizacinsebasaenque:entretodaslascomputadoresqueestnenla
red,unos
ofrecenservicios(losllamadosservidores)yotrosusanesosservicios(losdenominados
clientes).
Cuandoelclienteestaviendoestaspginas,estaaccediendoaunservicioquelesofrece
el
servidordepginasWEB.Lossistemasclienteservidorestnconstruidosdetalmodo
quelabase
dedatospuederesidirenelservidorysercompartidaentretodoslosusuarios.
LaarquitecturadeInternetanivellgicoestaestructuradoporloqueseconocecomo
capasde
servicio.
ModeloOSIde7capas:
1.Capafsica:LaCapaFsicadelmodelodereferenciaOSIeslaqueseencargadelas
conexionesfsicasdelacomputadorahacialared,tantoenloqueserefierealmedio
fsico
(mediosguiados:cablecoaxial,cabledepartrenzado,fibrapticayotrostiposdecables
mediosnoguiados:radio,infrarrojos,microondas,lseryotrasredesinalmbricas)
2.Capadedatos:Lacapadeenlacededatosseocupadeldireccionamientofsico,dela
topologadelared,delaccesoalared,delanotificacindeerrores,deladistribucin
ordenadadetramasydelcontroldelflujo.
3.Capadered:Elcometidodelacapaderedeshacerquelosdatoslleguendesdeel
origen
aldestino,ancuandoambosnoestnconectadosdirectamente.Losdispositivosque
facilitantaltareasedenominanenrutadores,aunqueesmsfrecuenteencontrarel
nombre
inglsrouters.
4.Capadetransporte:Sufuncinbsicaesaceptarlosdatosenviadosporlascapas
8/77
12/3/2015
superiores,dividirlosenpequeaspartessiesnecesario,ypasarlosalacapadered,
tambinseaseguraquelleguencorrectamentealotroladodelacomunicacin.
.CapadeSesin:Estacapaeslaqueseencargademantenerelenlaceentrelosdos
5
computadoresqueestntrasmitiendoarchivos,ofrecevariosserviciosquesoncruciales
paralacomunicacin,comoson:
Controldelasesinaestablecerentreelemisoryelreceptor(quintransmite,quin
escuchayseguimientodesta).
Controldelaconcurrencia(quedoscomunicacionesalamismaoperacincrticanose
efectenalmismotiempo).
Mantenerpuntosdeverificacin,quesirvenparaque,anteunainterrupcinde
transmisinporcualquiercausa,lamismasepuedareanudardesdeelltimopuntode
verificacinenlugarderepetirladesdeelprincipio.
6.Capadepresentacin:Elobjetivodelacapadepresentacinesencargarsedela
representacindelainformacin,demaneraqueaunquedistintosequipospuedantener
diferentesrepresentacionesinternasdecaracteres(ASCII,Unicode,EBCDIC),nmeros
(littleendiantipoIntel,bigendiantipoMotorola),sonidooimgenes,losdatoslleguende
manerareconocible.
7.Capadeaplicacin:Ofrecealasaplicaciones(deusuarioono)laposibilidadde
accedera
losserviciosdelasdemscapasydefinelosprotocolosqueutilizanlasaplicacionespara
intercambiardatos,comocorreoelectrnico(POPySMTP),gestoresdebasesdedatos
y
servidordearchivos(FTP).
1.2.2URLs.
EnlaWebexisteunsinnmerodeobjetos,alosquesepuedeaccedermedianteuna
variedadde
protocolos.Parapoderabstraerlaideade"objetogenrico",senecesitadisponerde
conceptos
quedensentidoanombresydireccionesenlaWeb.UnIdentificadorUniversalde
Recursos(URI)
esunmiembrodeesteconjuntouniversaldenombres,unLocalizadorUniformede
Recursos
(URL),esbsicamenteuncasoparticulardeURIqueexpresaunadireccin,mapeadaa
un
algoritmoderecuperacindelobjetoqueusaprotocolosdecomunicacinatravsdela
red.Por
9/77
12/3/2015
ltimo,unNombreUniformedeRecursos(URN)esalgoqueanestendebateyque
pretende
definirunespaciodenombresparaetiquetarobjetospersistentes.
Unrecursoescualquiercosadistinguible.Porejemplo,undocumentoelectrnico,una
imagen,un
servicio,etc.Unrecursoes,bsicamente,unconceptoquepuedemapearseaunaoa
varias
entidades,yquepuedepermanecerconstanteapesardeveralteradossuscontenidos.
Laraznporlaqueesnecesariouniformizaridentificadores,localizadoresynombres,es
lagran
cantidaddeprotocolosusadoshoyendaparaencontraryrecuperarrecursosenlared.
Los
sistemasenlosquesedistribuyetodalainformacinalcanzableutilizanunavariedadde
plataformasyformatosenconstanteevolucin,quedenoserporlosprotocolosy
convertidoresde
formatoadecuados,nopodranofrecerelaccesoglobalquesedahoyenda.Sin
embargo,esto
noesposiblederealizaralniveldedireccionesynombresdelosobjetos,dadoqueson
usados
paraidentificarlosydistinguirlos.Adems,estosnombresydireccionesson"transmitidos"
delas
msdiversasmaneras,desdememorndumshastahipertextos,porloquedebe
suponerseque
estosidentificadorestendrnunalargaexistencia.
Detodaslasideasdesarrolladasenesteaspecto,apareceunacaractersticacomn
mapeableala
ideadeun"objeto"ysucorrespondientenombre/etiqueta/identificador.Deestamanera
sepuede
definirunconjuntodeespaciosdenombresenlosquesedicequeexistenlosobjetos.
URI:IdentificadoresUniversalesdeRecursos.Correspondenaunaformadeencapsular
un
nombreenunespaciodenombresregistrados,yetiquetarloconelespaciodenombres,
produciendounmiembrodelconjuntouniversal.Lasintaxisuniversalpermiteelaccesoa
objetos
disponiblesutilizandoprotocolosexistentes,yescapazdeserextendidaconeltiempo
URL:LocalizadoresUniformesdeRecursos.ParalosprotocolosdeaccesoaInternet
existentes,
enlamayoradeloscasossehacenecesariodefinirlacodificacindelalgortimode
10/77
12/3/2015
accesoen
algosuficientementeconcisoparallamarse"direccin".LasURIsquereferencianobjetos
alosque
seaccedemedianteprotocolosexistentesseconocencomoURLs.
URN:NombresUniformesdeRecursos.UnURNdifieredeunaURLenquesu
propsitoprincipal
esetiquetarpersistentementeunrecursoconunidentificador.Esteidentificadores
obtenidodeun
c
onjuntodeespaciosdenombresdefinidos,cadaunodeloscualestieneestablecidasu
propia
estructuradenombresyprocedimientosdeasignacin.Elesquema"urn"seencuentra
reservado
paraestablecerunaestandarizacindelosrequerimientosdelespaciodenombresURN.
ElformatodeunaURLbsicaeselsiguiente:
Protocolo://host.dominio.dominiodelprimernivel/directorio/recurso
Protocolo.Unprotocoloes,bsicamente,unlenguajequeutilizanlasmquinas
conectadasparacomunicarseentreellas.Conestoleindicamosalamquinaalaque
nosconectamoselprotocoloquedebeusar.Dependiendodeeste,probablemente
tengamos
queusarunprogramadistinto.Cadaprotocoloutilizaunpuerto(unaespeciede"entrada"
a
lamquina)pordefault,yesaesealque,enprincipionosconectaralindicarleese
protocoloenlaURL.
HostLapalabraHosthacereferenciaacualquierclasedemquinaconectadaalared
y,
porextensin,asunombre.
DominioSellamadominioalnombrequetieneenInternetunamquinaoreddeellos.
Una
redpuedecontenerasuvezaotrasredesdetrodeella(estoesloquehacequesellame
aInternet"Laredderedes").Siestefueraelcaso,podramosencontrarnosconnombres
como"subred.red.granred.com"quenosindicaran,deizquierdaaderecha,quredse
encuentradentrodelasiguiente.
Dominiodeprimernivel.Todoslosnombresdedominio,independientementedesise
refierenaunamquinaoaunareddeellas,acabanconelllamado"dominodeprimer
nivel".Esteeselnombrequeindica,enprincipio,culeslaocupacindelared(como
son
loscasos,porejemplo,de.comparaempresasoactividadescomercialesy.orgpara
11/77
12/3/2015
organizaciones)oaqupaspertenecenlasautoridadesquehanotorgadoesenombre
(porejemplo,.esparaEspaa,.mxparaMxicoo.deparaAlemania).
Directorio.Seutilizaparalocalizarelarchivoconcreto,dentrodeesamquina,que
queremosver.
Recursosellamarecursoacualquiercosaquepuedasencontrarenunamquina.
RecursoesunapginaWeb,unaimagenounprogramaparadescargar.Perotambin
es
unrecursoelresultadodeejecutarunprogramaenunamquinaremotaolaimagende
unawebcam.LamayoraderecursosquesepuedenencontrarenlaWebson,
evidentemente,pginas.
Losprotocolosutilizadosmscomunessonlossiguientes:
FTP(FileTranferProtocol).ElprotocoloFTPesunodelosmsutilizadosenInternet,
ya
quepermitetransferirarchivosentredosmquinasutilizandounaconexinInternet.El
protocolodisponedeunaseriedeformasestandarizadasporlasqueunamquina
remota
puedecrearycambiardirectoriosenlamquinalocal,ascomotransferir,copiar,mover
y
borrarArchivos.EnrealidadFTPutilizacomandosdetextoplanoparaindicarlas
diversas
rdenes,peroexistenmultituddeprogramasquesimplificansuutilizacinmedianteuna
interfazgrficaenlaquelasoperacionesdetransferenciasereducenaprocesosde
cortar
ypegaryenlasquerecorrerelrboldedirectoriosdelamquinaremotaestanfcil
como
utilizarelnavegadorenlapropiamquina.
SMTP(SimpleMailTransferProtocol).Protocoloencargadodetransmitirlosmensajes
de
correodeunservidoraotro.Unavezquelosmensajesestnenelservidordedestinose
utilizaotroprotocolo(POP)parallevarloalamquinadelclientefinal.
POP(PostOfficeProtocol).Eselprotocoloquepermiteaunusuarioleerelcorreoque
llegaasuservidor.EsunprotocoloparalascomunicacionesServidoraUsuario.Cuando
recibimosunemailquedaalmacenadoenelservidorhastaqueconectamosconl
medianteelclientedecorreoynosautentificamos(proporcionamosunnombrede
usuario
ycontraseacorrectos).DespusdeestoPOPesutilizadoparatransferirlosdatos
desde
elservidoralbuzndecorreoentrantedenuestrapropiamquina.Eventualmenteuna
12/77
12/3/2015
vez
recibidalacopiaesposibleordenaralservidorqueborrelosArchivosoriginales.
IRC(InternetRelayChat).Esunprotocolodecomunicacinentiemporealbasadoen
texto,quepermitedebatesengrupooentredospersonasyqueestclasificadodentro
de
laMensajerainstantnea.Esunsistemadecharlasampliamenteutilizadoporpersonas
detodoelmundo.LosusuariosdelIRCutilizanunaaplicacinclienteparaconectarse
con
unservidor,enelquefuncionaunaaplicacinIRCd(IRCDaemonoservidordeIRC)
que
gestionaloscanalesylasconversaciones.
Telnet.Esunservicioquepermiteregistrarseenunservidoryaccederasusdiferentes
recursos.Losinvestigadoresaprecianmuchoesteserviciocuandobuscaninformacin
sobrelibrerasyarchivos.Telnetesespecialmenteimportanteenlaconexincon
informacinalmacenadaenmacrocomputadoras.ElserviciodeTelnettienesupropio
protocolollamado:Telnet.NoesposiblebuscarunservidordeTelnetatravsdelos
proveedoresdeserviciosenlnea.ParabuscaraunservidordeTelnet,sedebe
establecer
unasesin.
WWW.ElWoldWideWeb(WWW)fuecreadoporcientficosdelCERNquienes
necesitan
compartiryaccesarinformacinsobreinvestigacionesatravsdeunainterfazcomn.Al
usarunainterfazcomn,losinvestigadoressimplificabanlospasosnecesariospara
accederalosdiferentesserviciosdisponiblesenInternet.
Losprogramasdeaplicacinraramentereferencianaloshosts,buzonesdecorreoy
otrosrecursos
porsudireccinderedenformatobinario.Envezdeestoutilizancadenasdecaracteres.
Apesar
deestolaredporsimismasoloentiendedireccionesbinarias,porloqueserequierede
algn
mecanismoparaconvertirlascadenasdecaracteresendireccionesdered.
EnsusiniciosARPANET,estoserealizabamedianteunsimpleArchivo,hosts.txt,que
13/77
12/3/2015
listabatodos
loshostsysusrespectivasdireccionesIP.Comosepuedesuponer,cadadasetena
queestar
verificandoyactualizandoesteArchivo.Ademsparaunnmerorazonabledemquinas,
esta
solucinpodaserviable,peroelaumentodeestacionesconectadasalaredaumentaba
considerablementecadada,porloqueeltamaodelArchivopodallegarasermuy
grande.Para
solventarestosproblemasseinventoelDNS(DomainNameSystemtambinconocido
como
DomainNameServeroDomainNameService).
LaesenciadelDNSsebasaenlainvencindeunesquemajerrquico,asignando
nombresquese
basanendominiosyenunsistemadebasededatosdistribuidoparaimplementarlo.Su
principal
funcinconsisteenmapearnombresdehostsydireccionesemailendireccionesIP,
aunquesele
puededarotrasmuchasutilidades.
Deunaformabreve,sumaneradetrabajareslasiguienteParamapearunnombreen
unadireccinIP,unprogramallamaaunprocedimientopasndoleelnombrecomo
parmetro.Este
procedimientoentoncesenvaunpaqueteUDP(UserDatagramProtocol)asuservidor
DNSlocal,
quebuscaelnombreyretornaladireccinIPalprocedimiento,queselodevuelveala
aplicacin.
UnavezqueelprogramadeaplicacintieneladireccinIPpuedeestableceruna
conexinTCP
coneldestino.
Conceptualmente,Internetestadivididaennumerososdominios,quecadaunocubre
cientosde
hosts,asuvezcadadominioestadivididoensubdominios,yestosasuvezsubdivididos
deforma
recursiva.
Existendostiposdedominiossuperiores,genricosyterritoriales.
Losdominiosterritorialessonlosdominiosmantenidosporcadapas.Estosdominios
territoriales
sonutilizadosporlasorganizacionesyempresasquedeseanestablecerseenInterneto
que
14/77
12/3/2015
quierenprotegerlaidentidaddesumarcaosunombrecomercialenunpasconcreto.
Los
dominiosestndefinidosenISO3166.Algunosejemplosdedominiosterritorialessonlos
siguientes:
es:Espaa
mx:Mxico
ar:Argentina
uk:ReinoUnido
at:Austria
il:Israel
c
h:Suiza
LosdominiosgenricossonlosdominiosbsicosenInternet.Cualquierempresaque
realice
negociosatravsdeInternetoquetengaintencindehacerlodeberegistrarseenuno
deestos
dominiosgenricos,dadalapopularidadquehanadquirido.Losdominiosgenricosson:
com:Comercial
edu:Educationalinstitutions
gov:U.S.FederalGovernment
int:InternationalOrganizations
mil:U.S.ArmedForces
net:NetworkProvider
org:NonprofitOrganizations
Cadanombredeundominiopuedetenerhasta63caracteres,yelnombredeldominio
completo
nopuedesobrepasarlos255caracteres.
Enlateora,unsoloservidorpuedetenerlabasededatosDNScompleta,yrespondera
todaslas
consultas.Enlapractica,esteservidorpodraestarsobrecargadooinfrautilizado.
Ademssieste
servidorcayera,todaInternetquedaracolapsada.
Parasolucionarelproblemaasociadoatenerunasolafuentedeinformacin,elespacio
de
nombresDNSsedivideenzonas.Deformaquecadazonatieneunservidorprincipal
conla
15/77
12/3/2015
informacinensudisco,yunoovariosservidoressecundarios,queconsiguenla
informacindel
servidorprincipal.Paraunamejoreficiencia,algunosservidoresdeunazonapuedenser
colocadosenotra.
ElNetworkInformationCenterMxico,(NICMxico)eslaorganizacinencargadade
la
administracindelnombrededominioterritorial(ccTLD,countrycodeTopLevelDomain)
.MX,el
cdigodedosletrasasignadoacadapassegnelISO3166.Entresusfuncionesestn
elproveer
losserviciosdeinformacinyregistropara.MXascomolaasignacindedireccionesde
IPyel
mantenimientodelasbasesdedatosrespectivasacadarecurso.
UnejemploenqueunamquinaaccesaunaURLeselsiguiente:
Unclientepreguntaporundominio.MX(www.negocio.com.mx),estarespuestatiene
queser
contestadaporelservidordenombresdelaredalaqueperteneceelcliente
quepregunta.Como
primerainstancia,elservidordelaredlocal,deberpreguntaralosservidoresrazporel
dominio
queestbuscando(negocio.com.mx).Estosservidoresconocenlainformacindelos
diferentes
NICsenelmundo,ascomodelosdominiosgenricos,porloqueleindicanalservidor
delared
local,dndepuedeencontrarmsinformacindelosdominiosbajo.MXylodirigencon
los
servidoresdeNICMxico.LosservidoresdeNICMxicosontambinlosservidorespara
el
.com.mx,porloquebuscanensubasededatoslainformacinrelacionadaaldominio
negocio.com.mx.Enlainformacinqueserecaba,setienequeeldominio
negocio.com.mxtiene
comoservidoresregistradosns1.negocio.com.mxyns2.negocio.com.mx,estos
servidoresconocen
lainformacinreferentealdominionegocio.com.mx,porloquedanlarespuestaala
preguntade
dndeencontrarwww.negocio.com.mx.
Cabemencionarquequienrealiztodoelprocesodelabsquedafueelservidordela
redlocal.
16/77
12/3/2015
Yaconlarespuestadedndelocalizarawww.negocio.com.mx,elservidorle
proporcionaesta
respuestaalcliente,conestainformacin,elcliente,puedetenerunacomunicacin
directaconel
hostparasolicitaralgnservicio,queenestecaso,eselserviciodeweb.
Conesto,seterminaelprocesoderesolucindeunnombrededominio.
.2.3Mtodoshttp.PersistenciaenhttpCookies.
1
Losmtodosqueutilizaelprotocolohttpsonlossiguientes:
1.GET:seutilizapararecuperarelcontenidodeunrecursoesttico(pginaHTML,
imgen,vdeo,etc),obienejecutarunprogramaoscriptenelservidor(comoprogramas
CGI,
pginasASP,JSP,PHP,etc.).Eslaoperacinmscomn,queselanzacadavezque
pulsamosenunenlaceynavegamosaunapginaweb.
2.HEAD:esunaoperacinespecialquetanslonosrecuperainformacindelrecurso,
como
eltamao,lafechademodificacin,tipo,etc.Losuelenutilizarlosnavegadoreso
servidoresparacomprobarelestadodesucachuotrasoperaciones.
3.POST:envainformacindesdeelclientealservidorweb,comopuedenserlosdatos
de
unformulario.
4.PUT:almacenarecursosenelservidor.
5.DELETE:borrarecursosdelservidor.
Unodelosproblemasclsicoseneldesarrollodewebsitesyaplicacioneswebesla
perdidade
persistenciacuandoelusuariopasadeunapginaaotra.Debidoalascaractersticasde
diseo
delprotocoloHTTPquefuerzaunanuevaconexinydesconexinporcadarequestno
esposible
saberquienestaccediendoaquepginaoenquelugarestacadausuariodelsitio.
Mantener
persistenciaalolargodelanavegacindelsitiohasidounodelostemasmscomplejos
e
importanteseneldesarrollodeaplicacionesweb,
Unodelosmecanismosmsusadosparamantenerpersistenciaeselmecanismode
cookies,
inventadoporNetscapeyhoyendaaceptadoporcasitodoslosbrowsers,enespecial
losms
17/77
12/3/2015
populares.ElconceptoesquemedianteunheaderdelprotocoloHTTPelserverpueda
almacenar
informacinenelcliente.Aestainformacinqueelserverguardaenelclientesela
denomina
cookie.Lascookiespuedenhabilitarseodeshabilitarsedesdeelbrowserporloque
algunos
usuariosnolosoportan,sondeusobastantegeneralenmuchossitioswebapuntotal
queen
algunossitiossielusuarionotienehabilitadaslascookiesprcticamentenopuedeutilizar
la
mayoradelosserviciosdelsitio.Cuandoelserverenvaunheaderconuncookieel
browser,si
aceptacookies,guardalainformacinenviadaenunarchivodetextoconunformato
especial.
Cadavezqueelbrowsersolicitaunapginadeldominioqueenvilacookiereenviala
cookieal
sitio,deestaformaesposiblemantenerpersistencia.Lainformacinquepuede
guardarseenuna
cookieestalimitadaporloquehabitualmenteseutilizalamismaparamantenerel
identificadorde
sesindelusuarioalmacenndoseelrestodelosdatosnecesariosenelservidorusando
la
sessioniddelacookiecomoclave.
Losusosmsfrecuentesdelascookiesson:
Llevarelcontroldeusuarios:cuandounusuariointroducesunombredeusuarioy
contrasea,sealmacenaunacookieparaquenotengaqueestarintroducindolaspara
cadapginadelservidor.Sinembargounacookienoidentificaaunapersona,sinoauna
combinacindecomputadoraynavegador.
Ofreceropcionesdediseo(colores,fondos,etc)odecontenidosalvisitante.
Conseguirinformacinsobreloshbitosdenavegacindelusuario,eintentosde
spyware,
porpartedeagenciasdepublicidadyotros.
18/77
12/3/2015
Cuandolascookieshancaducado,estasnosonenviadasalnavegadorporlotanto,la
caducidad
delascookiespuedeserpensadacomounlmitedetiempoenelqueunadeellaspuede
ser
usadas.Lacookiepuedeluegoserrenovadadespusdequeestelmitehayapasado.
Algunos
sitiosprefierenquelascookiescaduquenentiemposmscortosporrazonesde
seguridad.Las
cookiesnoseenvanalnavegadorsiellasestnbajoestascondiciones:
Alfinalizarunasesindeusuario:porejemplo,cuandosecierraelnavegador(siestano
espersistente)
Sehafijadounafechadecaducidadyestahapasado.
Lafechadecaducidadescambiadaaunafechaanterior(porelservidor)
Estaseborraporordendelusuario.
1.3IntroduccinalHTML.Lenguajededesplieguedelweb.
HTML(HipertTextMarkupLanguage)esellenguajeconelqueseescribenlaspginas
web.Las
pginaswebpuedenservistasporelusuariomedianteuntipodeaplicacinllamada
navegador.
PodemosdecirporlotantoqueelHTMLesellenguajeusadoporlosnavegadorespara
mostrar
laspginaswebalusuario,siendohoyendalainterfazmsextendidaenlared.
Estelenguajenospermiteaglutinartextos,sonidoseimgenesycombinarlosanuestro
gusto.
Adems,yesaqudonderesidesuventajaconrespectoalibrosorevistas,elHTMLnos
permitela
introduccindereferenciasaotraspginaspormediodelosenlaceshipertexto.
1.3.1HTMLcomountipoSGML.
SGMLsonlassiglasde"StandardGeneralizedMarkupLanguage"o"Lenguajede
19/77
12/3/2015
Marcacin
Generalizado".Consisteenunsistemaparalaorganizacinyetiquetadodedocumentos.
La
OrganizacinInternacionaldeEstndares(ISO)hanormalizadoestelenguajeen1986.
EllenguajeSGMLsirveparaespecificarlasreglasdeetiquetadodedocumentosyno
imponeens
algnconjuntodeetiquetasenespecial.
EllenguajeHTMLesunsubconjuntodeSGML,queesunestndardedescripcinde
pgina
independientedeldispositivo,loquepermiteadaptarlavisindeldocumentoaltamao
dela
pantallaenlaquesemuestra.
EnundocumentoHTMLhayetiquetasqueindicanlosatributosdeltexto(negrita,
centrado...).
Otrasindicanalsistemacmodeberesponderaeventosquegenereelusuario,por
ejemplo,que
despusdequeelusuariosealeconelratnuniconoquerepresentaunapelcula,se
ejecuteel
programaquereproducevdeoenformatodigital.
Laetiquetamsimportanteeslaqueindicaunvnculo,quepuedecontenercomo
destinatariootro
lugardelmismodocumentooelURLdeotrodocumentoesteltimopuederesidirenel
mismo
lugardelaWebqueeldocumentoactualoencualquierotracomputadoradeWWW.A
medidaque
sehaidoavanzando,sehanestandarizadodistintasversionesdellenguajeHTML.Cada
unade
ellasamplaelnmerodeetiquetas,loquepermitenuevasposibilidadesparalos
documentosas,
selehadotadodemarcaspararellenarformularios(forms)demanerainteractiva,que
permitenal
usuarioenviarlainformacinnecesariapararealizarconsultasenbasesdedatos,
compraro
solicitarunservicio.
Otrasmarcaspermitenmejorarlapresentacindelosdocumentos,porejemplo,
aadiendofondos,
tablasdecontenidootextosintermitentes.LaversinHTML4.0seutilizaencombinacin
conel
20/77
12/3/2015
XML1.0,otrosubconjuntodeSGMLquepermitealdesarrolladordefinirsuspropias
etiquetasel
resultadoesunnuevoformatodenominadoXHTML,queseesperaqueconstituyaun
nuevo
estndardeformatoparapginasWeb.Suprincipalventajaestribaenquevaapermitir
desarrollar
pginasWebcondiferentesconjuntosdedatos,quesepodrandescargarendispositivos
de
mano,conpantallasdetamaoreducido.
ElsoftwarequepermitealusuarioconsultardocumentosenWorldWideWebse
denomina
exploradoronavegadorlosmsconocidossonNetscapeNavigatoryMicrosoftInternet
Explorer.
Seencargadeinterpretarlasetiquetasydemostrareldocumentoenlapantalla.
LaevolucindelasdistintasversionesdellenguajeHTMLhaestadodeterminadaporun
desarrollo
paralelodelosnavegadores,quepermitieseinterpretarlasnuevasetiquetas.Elavance
deunosy
otroshacontribuidoalcrecimientoexponencialquehaexperimentadoWWW.
UnadefinicindeltipodedocumentoSGMLdeclaratiposdeelementosquerepresentan
estructurasouncomportamientodeseado.HTMLincluyeelementosquerepresentan
prrafos,
vnculosdehipertexto,listas,tablas,imgenes,etc.
adadeclaracindetipodeelementodescribegeneralmentetrespartes:unaetiqueta
C
inicial,un
contenidoyunaetiquetafinal.
Elnombredelelementoapareceenlaetiquetainicial()yenlaetiqueta
final()enlaetiquetafinalmuestraunabarraqueprecedealnombredel
elementoparaindicarqueeselcierredelaetiqueta.
Loselementospuedentenerpropiedadesasociadas,llamadasatributos,quepueden
tenervalores
(pordefaultoasignadosporelautoroporunscript).Lasparejasatributo/valoraparecen
antesdel
finaldelaetiquetainicialdeunelemento.Enlaetiquetainicialdeunelementopuede
aparecer
cualquiernmerodeparejasatributo/valor,separadasporespacios.Puedenapareceren
cualquier
21/77
12/3/2015
orden.
Pordefault,SGMLrequierequetodoslosvaloresdeatributoestndelimitadosyasea
mediante
comillasdobles(ASCIIdecimal34)omediantecomillassimples(ASCIIdecimal39).
Elvalordelatributoslopuedecontenerletras(azyAZ),dgitos(09),guiones(ASCII
decimal
45),puntos(ASCIIdecimal46),subguiones(ASCIIdecimal95)ydospuntos(ASCII
decimal58).
Paralosnombresdeatributosnosedistinguenuncaentremaysculasyminsculas.
Paralosvaloresdelosatributosengeneralnosedistingueentremaysculasy
minsculas.
1.3.2ElementosdellenguajeHTML.
UndocumentoHTMLcomienzaconlaetiqueta,yterminacon.
Dentrodeldocumentohaydoszonasprincipales:elencabezamiento,delimitadoporlas
marcas
y,quesirveparadefiniralgunosvaloresvlidosparatodoeldocumento,yel
cuerpo,delimitadoporlasetiquetasy,donderesidelainformacindel
documento.
Elelementocontenidodentrodelencabezamientopermiteespecificarelttulodeun
documentoHTML.Estettulonoformapartedeldocumentoenspuesnoseveenla
pantalla
principal,sinoquesirvecomottulodelaventanadelprogramaquelamuestra.
Existenmuchosotroselementosqueseenglobandentrodelencabezamientoperopara
la
estructurabsicadellenguajeHTMLensunivelbsiconosonnecesarios.
ElcuerpodeundocumentoHTMLcontieneeltexto,imgenes,etc.que,conla
presentacinylos
efectosquesedecidan,sepresentarnanteelusuario.Dentrodelcuerposepueden
aplicaruna
seriedeefectosatravsdediferentesmarcasoetiquetas(tambinotrosautoreslas
denominan
"directivas").
Aspues,laestructuradeundocumentoHTMLeslasiguiente:
Ttulodelapgina
22/77
12/3/2015
[Aqusesitanotrasetiquetasquehacenposiblevisualizarlapgina]
ManejodeTexto.Paradefinirysepararbloquesdetextoseempleanunaseriede
marcasque
definenprrafos,textopreformateadoobloquesconsignificadoespecialcomo
direccionesocitas.
Marcasdebloques:
Prrafos.
Saltosdelnea.
Lneahorizontal.
Divisiones.
Textopreformateado.
Direcciones.
Centradodebloques.
>seutilizaparasepararprrafos.DadoqueparaelHTMLtodoeltextoescontinuo,
P
necesitamos
algnmecanismoparaindicarelprincipioyelfindeunprrafo.Lasmarcasinicialyfinal
sony
.
Ejemplo:
Estetextoestcontenidodentrodelprimerprrafo
Esteotrotextoestcontenidodentrodelprrafo2
Estodarcomoresultado:
23/77
12/3/2015
Estetextoestcontenidodentrodelprimerprrafo,
Esteotrotextoestcontenidodentrodelprrafo2,
Normalmentenosueleutilizarselamarcadefindeprrafo,yaqueeltextocontinuar
hasta
queencuentreotrocomienzodeprrafo.
EsteelementoadmiteelatributoALIGN,quepuedetomarunodelossiguientesvalores:
LEFT:Justificaeltextoalaizquierda.(pordefault)
RIGHT:Justificaeltextoaladerecha.
CENTER:Eltextoaparececentrado.
Ejemplo:
Textojustificadoalaizquierda
Textojustificadoaladerecha
Textocentrado
Textocentrado
Elelementoesvacoporloqueslotienemarcainicial.Indicaunsaltodelnea.
Ejemplo:
Texto1.
Texto2.
Conestotendremoscomoresultado:
Texto1.
Texto2.
esunelementovacoporloquesolotienemarcainicial.Seempleaparasepararbloques
de
textorepresentandounalneahorizontal.
Sepuedecambiarlaaparienciadedichalneamediantelossiguientesatributos:
NOSHADE:Eliminaelefectodesombradelalnea.
WIDTH:Permitedefinirlalongituddelalnea.
SIZE:Permitedefinirelgrosordelalnea.
Ejemplos:
24/77
12/3/2015
lelementosecomportadeformamuyparecidaalsaltodelnea,,yasuvezadmite
E
losmismosatributosque:ALIGN(LEFT,RIGHT,CENTER)osea,permitedefinirun
bloque
conlosatributosde,perodejandotansolounsaltodelneaentreunbloqueyotro.
Ejemplo:
Textocentrado
Textocentrado
Eltextoinsertadoentrelasmarcasyservisualizadoporelbrowser,respetandoel
formateotalcomohayasidoentradoenelArchivofuenteHTML,osea,respetandolos
espaciosy
lossaltosdecarro.
Ejemplo:
Estoesuntextopreformateado,portantose
respetanlosespacios
ylossaltosde
carro
Elresultadoser:
Estoesuntextopreformateado,portantose
respetanlosespacios
ylossaltosde
carro
25/77
12/3/2015
Elelementoseempleaparaindicarqueuntextorepresentaunadireccinouna
firmamostrndolo,generalmente,enletracursiva.Esmuyutilizadoparaindicartodala
informacin
respectoalautordeldocumento(direccin,telfono,email,...).Puedeinsertarseen
cualquierlugar
deldocumentolohabitualenWWWesincluirestazonadedireccinalfinaldel
documento.
Ejemplo:
TekinTontu
77AWellingtonRd
Auburn2144,NSW
Australia
emailtekin@cis.com
TekinTontu
77AWellingtonRd
Auburn2144,NSW
Australia
emailtekin@cis.com
lelementocentraloselementossituadosentresusmarcasdeaperturaycierre.
E
Dichoselementospodrnser:bloquesdetexto,tablas,enlaces,imgenes,formularios.
Ejemplo:
Tablacentrada
Celda1Celda2
Celda3Celda4
Celda1Celda2
Celda3Celda4
Tablacentrada
Elelementoseutilizafundamentalmenteparaescribirencabezamientos.Asignaun
tamaoa
26/77
12/3/2015
loscaracteres,dependiendodelvalorn,elcualvarade1a6.Losmsgrandestienen
valor1ylos
mspequeosvalor6.Eltextoentreestasmarcassetrataennegrita.Seinserta
automticamente
unsaltodeprrafo,comopuedecomprobarenelsiguienteejemplo:
Ejemplo:
Textoantesdelacabecera.CabeceraMstexto.
Estodarelsiguienteresultado:
Textoantesdelacabecera.
Cabecera
Mstexto.
Elelementopermitedefinireltamao,colorytipodeletradeunconjuntodecaracteres
mediantelossiguientesatributos:
ElatributoSIZE:Regulaeltamaodeloscaracteres(17).
ElatributoCOLOR:Especificaelcolordeloscaracteres.
ElatributoFACE:permitedefinireltipodeletra:Algerian,Arial,TimesNewRoman,
Courier,MSSerif,Symbol,System,TimesNewRoman,Windsort,...
Ejemplos:
Textodecolorverdeytamao4.
Textodecolorverdeytamao4.
Textodecolorrojoytamao6.
Textodecolorrojoytamao6.
ElatributoSIZEdelelementotienelapeculiaridaddepoderindicareltamaodeletra
deseadoenfuncindeltamaodefinidopordefaultparaeldocumento.
Ejemplo:
Estetextotieneeltamaopordefault(3).
Estetextoesdeltamao31=2.
Estetextoesdeltamao3+2=5.
Teniendoencuentaqueelvalorpordefaultdefinidoinicialmenteparaundocumentoes
3,el
resultadoser:
Estetextotieneeltamaopordefault(3).
Estetextoesdeltamao31=2.
27/77
12/3/2015
Estetextoesdeltamao3+2=5.
Elvalordeltamaopordefaultpuedesermodificadomedianteelelemento
lelementopermitecambiareltamaopordefaultdetodalapginamedianteel
E
atributoSIZE.
Ejemplo:
Conestasentenciaseconseguirqueeltamaodeletrapordefaultdeldocumentopase
aser5,
hastaqueaparezcaotroelementoquelorestaureolocambieporotrovalor
diferente.
EstilosdeCaracteres:Lossiguienteselementosllenospermitirndefinirdistintosestilos
parael
grupodecaracteresquesedefinaentresusmarcasdeinicioycierre.
Ejemplo:
Textoencursiva(itlica)
Textoencursiva(itlica)
Losestilosfsicosindicanexplcitamenteeltipodecaracteresautilizar.
Estilosfsicos
Negrita
Cursiva
Subrayado
Tachado
ASuperndice
BSubndice
Parpadeo
28/77
12/3/2015
Mquinadeescribir
(Teletipo)
Textogrande
Textopequeo
Losestiloslgicosestnpensadosparacaracterizardeterminadasporcionesdetexto,
perosu
interpretacinestotalmentedependientedelbrowser.
Estiloslgicos
nfasis
Textodestacado
Cdigo
Citas
Entradaporteclado
Ejemplos
Variables
29/77
12/3/2015
Sepuedenanidardistintosestilosobteniendoresultadoscomoestos:
Negritaycursiva
Negritaycursiva
Negritaytachado
Negritaytachado
Parpadeo,tachadoytipocdigo
Parpadeo,tachadoytipocdigo
ManejodeColores.Loscoloresseidentificanmedianteelnombredelcoloreninglso
bien
medianteuncdigodeltipo#rrggbbdonde"rr""gg"y"bb"sonvaloreshexadecimales
comprendidosentre00yFFqueespecificanelgradodesaturacindeloscoloresrojo,
verdey
azul.
Medianteelelementosepuedecambiarelcolordeungrupodefinidodecaracteresenun
texto.
Acontinuacinsemuestranalgunosejemplos:
ROJO
ROJO
AZUL
30/77
12/3/2015
AZUL
AZULMARINOAZULMARINO
VERDE
VERDE
OLIVA
OLIVA
AMARILLO
AMARILLO
LIMA
LIMA
MAGENTA
MAGENTA
PURPURA
PURPURA
CYAN
CYAN
MARRON
MARRON
NEGRO
31/77
12/3/2015
NEGRO
GRIS
GRIS
TEAL
TEAL
BLANCO
BLANCO
Enelsiguienteejemplosemuestraunacombinacindecoloresytamaosdeletra:
Captulo
Eraseunavezun...
Resulta:
CaptuloI
Eraseunavezun...
oscoloresdeentornocomoloscoloresdefinidospordefaultparaelfondo,eltexto
L
normalylos
enlacessepuedencambiarmedianteelelemento.Esteelementotambinpermiteutilizar
unaimagencomofondodepgina.
<BODYatributo1atributo2atributo3...atributoN>
ElatributoBGCOLOR.Esteatributopermiteestableceruncolordefondoparael
documento.
Esteejemploestablecerelcolosgrisclaro(#C0C0C0)comocolordefondodepgina.
ElatributoBACKGROUND.Esteatributopermitirseutiliceunaimagenresidenteenel
servidor,o
enunArchivolocal,comofondodepgina.
ElatributoTEXT.Permitecontrolarelcolordeltextoestndar,esdecir,todotextoqueno
especifiqueunenlace.
32/77
12/3/2015
Esteejemploharque,pordefault,eltextodeldocumentoaparezcadecolorazuloscuro.
LosatributosLINK,VLINKyALINKcontrolanelcolordelosenlaces:
LINKeselcolordeunenlacequeannohasidovisitado.
ALINKesuncolormuyfugazqueaparececuandosehaceclicsobreelenlace.
VLINKeselcolordeunenlacequeyahasidovisitado.
ManejodeImgenes.ElelementoIMGpermiteincluirunaimagenounaanimacinenun
documento.VendrsiempreacompaadoporelatributoSRCqueindicaladireccindel
archivo
grficoquecontienelaimagen:
Ejemplos:
Imagensituadaenunarchivolocal:
Sielarchivoindicadonoesencontradoelbrowsermostrarunsmboloenlugardela
imagen,
indicandoelerror.
Esteelementopermiteademslossiguientesatributos:
1.ALT:Defineuntextoalternativoquesustituiralaimagenencasodequeelbrowser
no
seacapazdetratarimagenes.Estoesimportantesobretodocuandolaimagensoporta
un
enlace.Porejemplo:
2.ALIGN.Alinealaimagen,segnlaposicinqueseleindique,respectoalalneade
texto
enlaqueest.Puedetomarlossiguientesvalores:
TOP:alinealapartesuperiordelaimagenconlalneaactual.
MIDDLE:alineaelcentrodelaimagenconlalneaactual.
BOTTOM:alinealabasedelaimagenconlalneaactual.
Ejemplos:
MedianteelelementoyelatributoBACKGROUNDsepermiteutilizarunaimagen
residenteenelservidor,oenunarchivolocal,comofondodepgina.Elvalorquedeber
tomar
33/77
12/3/2015
ichoatributoesladireccindondeseencuentraelarchivoquecontienelaimagen.La
d
sintaxis
ser:Ejemplo:
Estasentenciaeslautilizadaparadefinirelfondoutilizadoenestemismodocumento.
Losenlaceshipertextopuedensertambindefinidossobreimgenesdetalformaqueal
picarcon
elratnsobrealgnpuntodelasuperficiedestas,sepasealdocumento
correspondiente.Esto
sueleserutilizadosobretodoparaintroducirbotonesdenavegacinenlaspginas
HTML.
Ejemplos:
Unaimagenqueactadehiperenlacesedistinguemedianteunbordedecoloralrededor
desta.
Sienunenlaceseindicaladireccindeunaimagendichaimagennosercargadajunto
conla
pginasinoquesercargadasloenelcasodequedichoenlaceseaactivado.
Ejemplo:
Enlaceaunaimagen
ENLACES.ElelementoseutilizaparadefinirenlaceshipertextualesdelWeb,ypermite
navegarporunoovariosdocumentos,quepuedenresidirencualquierparte,dando,sin
embargo,
laimpresindequesetratadeunsolodocumento.Susprincipalesatributosson:NAME,
HREFy
TARGET.Losenlaceshipertextualespuedencorresponderaungrupodecaracteres,
unaimagen,
obienunaporcindeimagen.Encualquiercasoelprincipioeselmismo:asociarala
zonaactiva
ladireccinURLdeldocumentoquesustituiralvisualizadocuandosepulseconelratn
sobre
esazona.Unpunteropuedecolocarseencualquierlugardeltexto.Puedeserun
elementodeuna
lista,otextonormalpuedeestarenriquecidoconatributosdeestilofsico,lgicoode
prrafo.La
34/77
12/3/2015
definicinpordefaultdelcolordelosenlacesdeundocumentopuedesermodificada
medianteel
elementoylosatributosLINK,ALINKyVLINK.
Paraespecificarlapartidaylallegadadeunenlacehipertextosedefine:
Ancladepartida:eslazonaactivasobrelaqueellectorpulsarconelratnparallamar
a
unanuevapgina.EstaanclasedefinemedianteelatributoHREF.
Ancladellegada:esunazonainactivaqueespecificaelpuntodellegadadeunenlace
de
hipertexto.Estaespuesunadireccin.EstaanclasedefinemedianteelatributoNAME.
AdemsseutilizaelatributoTARGETparaordenarlaaperturadeunanuevaventanadel
browser
conlapginaindicadaporHREF.
ElatributoNAMEdefineunpuntodellegadaeneldocumentodestinoasignndoleun
nombreo
etiqueta:
Zonanoactivable
LuegomedianteelatributoHREFdesdeelArchivodepartidaseindicareldocumentoy
la
posicindentrodedichodocumentoalaquesequiereacceder:
Zonaactivable
Hayquetenerencuentaquelaetiquetadebeestarcompuestaporuntextosinespacios
en
blanco,caracteresespecialesnicaracterescodificados.Dichaetiquetanodeberestar
repetida
dentrodelmismodocumentodestino.
T
ElatributoHREFdefineunancladepartidahaciaunenlaceexternoointerno,osea,
creaun
enlacehaciaunnuevodocumentopropuestopordichoservidorohaciaunpunto
determinado
dentrodeldocumentoactual.Lasintxistpicaes:
zonaactivableconatributosvisuales
Ejemplos:
InstitutoTecnolgicodelaLaguna
35/77
12/3/2015
InstitutoTecnolgicodelaLaguna
ElatributoTARGETordenalaaperturadeunanuevaventanaconeldocumentoindicado
porel
atributoHREF.
Ejemplo:
Nuevaventana
Nuevaventana
SipulsaconelratnsobreestehiperenlacesevisualizarelIndiceenunanuevaventana
del
browser.
LISTAS.UnalistapermiteorganizarlatotalidadopartedeundocumentoHTML
estructurndolode
laformamsclaraposibleparahacerlomsperceptible.Laslistasseutilizanparadividir
el
documentoascomoparaefectuarnumeracionesdeobjetos,peroladiferenciaconlos
procesadoresdetextoesquenopermitelanumeracinautomticaparaniveles
jerrquicos
diferentes:
1.ArchivosHTML
2.Archivosdetexto
3.Archivosdeimgenes
1.Archivosdesonido
1.1ArchivosWAV
2.Archivosdeimgenes
2.1ArchivosGIF
2.2ArchivosBMP
esposibleautomticamente...
noesposibleautomticamente...
HTMLdefinevariostiposdelistas:
Listassinorden,sinnumeracin:,
Listasordenadas,connumeracin:,
Listasdedirectorio,similaresalaslistassinorden:,
36/77
12/3/2015
Listasdemen,similaresalaslistassinorden:,
Listasdedefinicin,tpicamenteunglosario:,,
Cualquieradelostiposdelistasnombradospuedeseranidado.Enelcasodelaslistas
ordenadas
noseconsigueunanumeracinescalonadaalanidarunalistadentrodeotra.
Losprimeroscuatrotiposdelistas,denominadoslistasregulares,hacenusodelamarca,
la
cualesunelementovaco,osea,norequieredemarcadefin,yescomnalas
denominadas
listasregulares.Lasintxisgeneraldeestaslistasser:
Primerelementodelalista
Segundoelementodelalista
...
Lamarcapermitegenerarlistasnoordenadas,cadaunodeloselementosdelalistair
precedidoporunsmbolo(fijopordefault)quepuedevariarsegnelniveldeanidamiento
dela
lista.
Ejemplo:
jemplodelistanoordenada
E
ArchivoHTML
Archivodeimagen
Archivodesonido
Archivodevdeo
Archivodeejemplo
Ejemplodelistanoordenada
ArchivoHTML
37/77
12/3/2015
Archivodeimagen
Archivodesonido
Archivodevdeo
Archivodeejemplo
LospuntosgruesossepuedencambiarusandoelatributoTYPEcontresvalores(elvalor
por
defaultesDISC).ConelvalorCIRCLEsever:
oPrimeralnea
Primeralnea
osegundalnea
Segundalnea
TambinpuedeusarseelvalorSQUARE.As:
Primeralnea
Primeralnea
segundalnea
Segundalnea
Lamarcaseutilizaparaunalistaordenadaonumerada.Cadamarcaincrementarel
nmeroquesevisualizardelantedelelementodelalista.
Ejemplo:
Ejemplodelistaordenada
1.
2.
3.
4.
5.
ArchivoHTML
Archivodeimagen
Archivodesonido
Archivodevdeo
Archivodeejemplo
38/77
12/3/2015
Ejemplodelistaordenada
ArchivoHTML
Archivodeimagen
Archivodesonido
Archivodevdeo
Archivodeejemplo
Laslistasordenadasnoslosepuedenordenarconnmeros.Tambinsepueden
utilizarletrasy
numeracinromanatantoenmaysculascomominsculas.Paraestoseutilizael
atributoTYPE
delelementoconlossiguientesvalores:
TYPE=1
(pordefault)paranmeros,
TYPE=A
paraletrasmaysculas,
TYPE=a
paraletrasminsculas,
TYPE=I
paranumeracinromanaenmaysculas,
TYPE=i
paranumeracinromanaenminsculas.
Estoesunalistaordenadaconletrasmaysculas:
.
A
B.
C.
D.
Primeralnea
Segundalnea
Terceralnea
Cuartalnea
Primeralnea
Segundalnea
39/77
12/3/2015
Terceralnea
Cuartalnea
Estoesunalistaordenadaconletrasminsculas:
a.
b.
c.
d.
Primeralnea
Segundalnea
Terceralnea
Cuartalnea
Estoesunalistaordenadaconnumeracinromana
enmaysculas:
I.
II.
III.
IV.
Primeralnea
Segundalnea
Terceralnea
Cuartalnea
Estoesunalistaordenadaconnumeracinromana
enminsculas:
i.
ii.
iii.
iv.
Primeralnea
Segundalnea
Terceralnea
Cuartalnea
40/77
12/3/2015
Primeralnea
Segundalnea
Terceralnea
Cuartalnea
Primeralnea
Segundalnea
Terceralnea
Cuartalnea
Primeralnea
Segundalnea
Terceralnea
Cuartalnea
Enalgunoscasospuedeinteresarnosquelalistanocomienceporelnmero1(por
ejemplosies
unalistaquecontinaenotrapgina).SepuedeconseguirconelatributoSTART
combinadocon
TYPE.
Estoesunalistaordenadaconletrasmaysculasy
quecomienzaporlaE:
E.
F.
G.
H.
Primeralnea
Segundalnea
Terceralnea
41/77
12/3/2015
Cuartalnea
Primeralnea
Segundalnea
Terceralnea
Cuartalnea
ElnmeroqueseponeenelatributoSTARTindicaenquenmerooletracomenzarla
lista.LaE
eslaquintaletra.
Laslistasdedirectoriosonsimilaresalaslistassinorden.EnelNetscapenoseve
diferenciaentre
unayotra.Lanicadiferenciaeslasintaxisdelcdigodondeenvezdeutilizarlamarca
se
utilizalamarca.
Lamarcaadmitelosmismosatributosquelamarca.
Ejemplo:
Ejemplodelistadedirectorio
Espaol
Ingls
Francs
Alemn
Ejemplodelistadirectorio
Espaol
Ingls
Francs
Alemn
42/77
12/3/2015
Laslistasdemensonsimilaresalaslistassinorden.EnelNetscapenosevediferencia
entre
unayotra.Lanicadiferenciaeslasintaxisdelcdigodondeenvezdeutilizarlamarca
se
utilizalamarca.
Lamarcaadmitelosmismosatributosquelamarca.
Ejemplo:
Ejemplodelistademen
Opcin1
Opcin2
Opcin3
Ejemplodelistadirectorio
Opcin1
Opcin2
Opcin3
Tablas.Laestructuradeunatablasedefinemediante:
unamarcadeiniciodelatabla(TABLE),
unamarcadecomienzodeunanuevalnea(TR)y
unamarcadecomienzodeunacelda(TD).
Alfinaldecadaunodeestoselementossedeberdefinirlamarcadefinal
correspondiente.
Estaestructuraesbastantesimpleymuyfcilmentemodificable.
Sepuedendefinirademstextosdecabeceraenlasceldas(TH)yttulosparalastablas
(CAPTION).
Unaceldapuedeconteneralgunosdelossiguienteselementos:
43/77
12/3/2015
texto
listas
otrastablas
imgenes
enlacesdehipertexto
elementosdeformulario
Lamarcapermitelaaperturadeunatablaelfindetablaseespecificacon.
Sepuedeindicaralgunodelossiguientesatributos:
BORDER:defineelgrosordelmarcoexterior(puedesercero).
CELLPADDING:defineelespacioalrededordeltextodeunacelda.
CELLSPACING:defineelespacioentreceldas.
Elvalordeestosatributosseespecificaenpxeles.Cuandonoselesasignaalgnvalor
explcitamenteestosatributostomarnvaloresdefinidospordefault.
ElvalorpordefaultdelatributoBORDEResceroporloquesisteatributonose
especificase
obtendrunatablasinbordeslacualsuelesermuytilparalaalineacindeelementos,
unoal
ladodeotro,ounodebajodeotro.Paraquesevisualicenlosbordesdelatablabastar
nombrar
esteatributoasignndoleunvalor,ono.
Sepuededeterminareltamaodelatabla,bienforzndolaaocuparunciertoporcentaje
dela
anchuradelaventanadelbrowserodefiniendountamaofijoenunidades,mediantelos
atributos:
WIDTH:defineelanchodelatabla,bienen%oenunidades.
HEIGTH:defineelaltodelatabla,bienen%oenunidades.
Ejemplos:
celda1celda2
celda3celda4
celda1celda2
celda3celda4
44/77
12/3/2015
celda1celda2
celda1celda2
celda3celda4
celda3celda4
celda1
celda2
celda3
celda4
celda1celda2
celda3celda4
Definiendoelanchoyaltodelatablaen%
50%
Ancho(WIDTH)
Alto(HEIGHT)
30%
Ancho(WIDTH)
50%
Alto(HEIGHT)
45/77
12/3/2015
30%
Definiendoelanchoyaltodelatablaen
unidades.
300
Ancho(WIDTH)
Alto(HEIGHT)
80
Ancho(WIDTH)
300
Alto(HEIGHT)
80
amarcainiciaunalneadelatablaqueterminarcon.Admitelosatributos:
L
VALIGN:permiteunaalineacindeltextoenelsentidoverticaldelacelda.Admitelos
valores:TOP,BOTTOM,MIDDLE
ALIGN:permiteunaalineacindeltextoenelsentidohorizontaldelacelda.Admitelos
valores:RIGHT,CENTER,LEFT
Estosatributosseaplicansobretodalafila,salvocuandounatributodecontradiceesta
alineacin
Lamarcadelimitaeliniciodeunacelda.Admitelosatributos:
VALIGN:permiteunaalineacindeltextoenelsentidoverticaldelacelda.Admitelos
valores:TOP,BOTTOM,MIDDLE.
ALIGN:permiteunaalineacindeltextoenelsentidohorizontaldelacelda.Admitelos
valores:RIGHT,CENTER,LEFT.
COLSPAN:defineunaceldaconunaanchuramltiplodelacolumnabsica.
ROWSPAN:defineunaceldaconunaanchuramltiplodelafilabsica.
NOWRAP:obligaalbrowserainscribirtodoeltextodelaceldaenunasolalnea.
Enlastablaselajusteesautomtico,laanchuradeunaceldadependedeltextoms
largoinscrito
46/77
12/3/2015
enunadelasceldasdelacolumna.Demodopredeterminado,silalneaesdemasiado
larga,el
browserlacortarenvariaslneas,anoserqueestpresenteelatributoNOWRAP.
Lamarcaesidnticaaperoeltextodelasceldasseconsideracomotextode
cabecera.Estetextosecentraautomticamenteyseponeennegrita.Admitelos
mismosparmetrosquelamarca(VALIGN,ALIGN,COLSPAN,ROWSPAN,NOWRAP).
CAPTION.Estamarcapermiteponerunttuloencima(atributoALIGN=TOP)odebajo
(atributo
ALIGN=BOTTOM)delatabla.
Ejemplos:
TituloSuperior(pordefault)
Atributosdealineacin,AlignyVAlign
AlineacinTop
Vertical
Alineacin
Left
Horizontal
Middle
Bottom
Center
TituloSuperior(pordefault)
Atributosdealineacin,AlignyVAlign
AlineacinVertical
Top
Middle
Bottom
AlineacinHorizontal
47/77
12/3/2015
Left
Center
Right
Right
entana1Ventana2Ventana3
V
Color
Fondo
blanco
Color
Texto
azul
Color
Smbolos
rojo
gris
amarillo
negro
negro
verde
Tabla2.1.
Tabla2.1.
48/77
12/3/2015
Ventana1
Ventana2
Ventana3
ColorFondo
blanco
gris
amarillo
ColorTexto
azul
negro
negro
ColorSmbolos
rojo
verde
Ejemplo:
AtributoAquhayunalneamuylarga.Paraquenoseacortadautilizamoselatributo
NOWRANOWRAP.
P
Ejemplo:AtributoNOWRAP
Aquhayunalneamuylarga.Paraquenoseacortada
utilizamoselatributoNOWRAP.
Frames.Elframeesunelementoquepermitedividirlapantallaenvariasreas
independientes
unasdeotras,yportantoconcontenidosdistintos,aunquepuedanestarrelacionados.
Cadauna
deestaszonasescapazdemostrarcdigoHTML,comoenlasceldasdeunatabla.Sin
embargo,
nohayqueconfundirpanelescontablasyaqueexisteunagrandiferenciaenelcasode
unatabla,
49/77
12/3/2015
t
odaslasceldasformanpartedelmismodocumentoHTML,mientrasqueenelcasode
losframes
cadazonadelapantallaesundocumentoHTMLpropio.Sevepues,simultneamente,
enla
mismaventanadeunbrowser,lapginacorrespondienteavariosArchivos.
ElconceptodeframeeliminaunadelaslimitacionesdelWebyaquehastaahora,cada
nuevo
documentodestruaelanterior,yobligabaalusuarioausardemasiadoelcomandoBack
delos
browsers.Ahoraesposiblededicarciertaszonasatareasbiendefinidas,comopor
ejemplotener
enunazonaunmenquecasinuncasernecesariorecargar.
Laestructurageneraldeundocumentodivididoenvariosframesdifieredeladeun
documento
clsicoyaqueenstoselcuerposeinsertaenlasmarcasy,mientrasqueen
losframes,elcuerpodeldocumentoseinsertaentrelasmarcasy.
Elelementopermitirprecisarlaformadelosdiferentespanelespormediodedos
atributos:ROWSyCOLS.eslamarcadedefinicindelospanelescreadoscon
FRAMESET.
Lamayoradelosvisualizadoresnosoportanlosframes.Paraquenuestrapginacon
frameno
resulteopacaaellosseutilizarelelementoquepermiteofreceruntexto
alternativoenentornonormal.
Lospanelespuedenestarrelacionadosytenerenlacesdeunosaotrosparaelloseutiliza
el
atributoTARGETqueindicaenqupaneldebemostrarseeldocumentoasociadoaun
enlacede
hipertexto.
ElelementoFRAMESETsustiyealelementoypermitedividirunazonaensubzonas,
bienverticalmente,bienhorizontalmente.Sinohayningunazonatodava,lasdivisiones
seaplican
alazonainicialformadaporelconjuntodelaventanadelbrowser.Estamarcaposeedos
atributos:
ROWS:Seutilizaparadividirlazonaensubzonashorizontales.Lasintaxises:
ROWS="altura_zona_1,altura_zona_2,...,altura_zona_n"
ROWSesunalistadevaloresenterosseparadosporcomas.Elnmerodeelementosde
lalista
50/77
12/3/2015
correspondealnmerodesubzonashorizontalesacrear.Cadaunodelosvaloresdela
lista
puededarsesegnunodelostresformatossiguientes,dondenesunentero:
1.n:indicalaalturadelasubzonaenpxels.
2.n%:indicalaalturadelasubzonaexpresadaenporcentajesdeltamaodelazona
madre.
3.n*:nesopcional.Elcarater*indicaalbrowserquedebedaralazonatodoelespacio
an
disponible.
COLS:Seutilizaparadividirlazonaensubzonasverticales.Lasintaxisesigualqueenel
atributo
ROWS.
ROWS="altura_zona_1,altura_zona_2,...,altura_zona_n"
Ejemplo:Acontinuacinsemuestradosmanerasidnticasdedividirunazonaentres.
Lasdos
subzonassuperioressondetamaoidnticoylaltimaeseldobledelasanteriores.
...
...
FrameEslamarcautilizadaparacaracterizarlassubzonasdefinidasmediantelamarca
.Estacaracterizacinserealizamediantelossiguientesatributos:
SCR:IndicaelURLdeldocumentoquedebemostrarseenesazona.Sielatributono
se
indica,entonceslazonaestarvaca.
SCR="url"
NAME:Seutilizaparanombrarlazonaafindequepuedaconvertirseeneldestinode
cualquierenlacedehipertexto.Lasintaxisdelatributoes:
NAME="nombre_de_la_zona"
MARGINWIDTH:Seutilizaparaprecisarelnmerodepxelesentrelosbordesizquierdo
51/77
12/3/2015
y
derechodelazonayeldocumentoHTMLavisualizar,endefinitivamarcaelmargen
izquierdo.Lasintaxises:
MARGINWIDTH="n"
MARGINHEIGHT:Seutilizaparaprecisarelnmerodepxelesentrelosbordessuperior
e
inferiordelazonayeldocumentoHTMLavisualizar.Lasintaxises:
MARGINHEIGHT="n"
SCROLLING:Indicasilazonadebeposeerunabarradedesplazamiento
(SCROLLING="yes"),sinodebecontarconella(SCROLLING="no")osiestaeleccin
se
dejaenmanosdelbrowser(SCROLLING="auto").Lasintaxises:
SCROLLING="yes/no/auto"
NORESIZE:Indicaalbrowserquenodebepermitirqueelusuariomodifiqueeltamao
de
lazona.Cuandoesteatributonoseprecisaesposibledeformarunazonadesplazando
su
fronteramedianteelratn.
Estamarcaindicaatodobrowserincapazdegestionarlosframeseltextoquedebe
presentaral
usuarioenlugardelospaneles.Dichotextoirentrelasmarcasy.
EnrealidaddichosbrowsersignorarnlasmarcasFRAMESETyNOFRAMESpero
casualmente
noeltextocomprendidoentrestasltimas.Porelcontrariounbrowsercapazde
gestionar
panelesinterpretarlasmarcasyysabrquedebeignorareltexto
comprendidoentreellas.
ElatributoTARGEToatributoafectaalasmarcasquecaracterizanlosenlacesde
hipertexto,en
particularalasmarcasy.TARGETpermiteprecisarelnombredelazonaquedebe
recibireldocumentocorrespondientealenlace.
ElatributoTARGETexisteparaindicaralbrowserque,enrespuestaaunclic,mostrar
sus
resultadosenelpanelcuyonombrees"zonascript".
...
52/77
12/3/2015
TARGETpuedetomarunodelossiguientescuatrovalores:
_blank,indicaalbrowserquedebecrearunanuevaventanaconelfindemostrarel
documento.Lanuevaventanaesunpanelquenotienenombreynopuedeserportanto
el
destinodeotroenlacedehipertexto.
_self,indicaqueeldocumentosecargarenlamismazonadondeseencuentrael
enlace
dehipertexto.SetratadelvalorpredeterminadocuandonoseindicaelatributoTARGET.
_top,indicaalbrowserquesuprimatodoslospanelesexistentesyvisualiceel
documento
demodonormal.
_parent,indicaalbrowserquevisualiceeldocumentoocupandotodalasuperficiedela
zonaenlaquesehavisualizadoeldocumentoquecontieneelenlace.Estanocinsolo
tienesentidocuandolosdiferentesnivelesdepanelesprovienendelanidamientode
documentosynodelanidamientodemarcas.
Ejemplos:
Unframebsico.Sintaxisgeneral.Engeneral,todaslaspginasquecontenganunframe
debern
sermsomenosas:
Mititulo>
Suvisualizadornosoportaframes.Pulse
aquiparavolver.
Unframede3reasverticales(COLS)
Yseescribiraas:
AB
53/77
12/3/2015
C
Unframede3reashorizontales(ROWS)
Yseescribiraas:
A
B
C
Unframecombinadodeunreaverticalydoshorizontales.
ElframeA,nopodrserredimensionado(NORESIZE).
Yseescribiraas:
A
B
C
54/77
12/3/2015
Unframecondosreasverticales.Unanormal,laotraconmrgenesforzadosparael
texto
(MARGINWIDTHMARGINHEIGHT)
Yseescribiraas:
AA
AAAA
AA
Unframeconreferenciascruzadas(NAMETARGET)
seescribiraas:
Y
A
B
Formularios.Losformulariosgeneranenlapantallacuadrosdedilogopermitiendoasla
interaccinconelusuarioparaconsultasdebasesdedatos,solicitudesde
documentacin,etc
Comoenunformularioenpapel,sepodrntenerzonasenlasqueseintroducirun
texto,casillas
deverificacin,listasdeseleccin,etc...Elusuariorellenarestaszonasensuformulario
las
cualesseidentificanconunnombresimblico.Cuandoelformularioseenvaalprograma
quelo
vaatratar,sterecibeelidentificadordecadazonayelvalorintroducido.Adichos
programasse
55/77
12/3/2015
lessueledenominarscripts,ysehandeejecutarenunespaciodelservidorreservadoa
este
efecto:elCGIoCommonGatewayInterface.
Eltratamientodelosdatosrecibidosenelservidordesdelosformulariosrequiere
conocerlatabla
deconversinhexadecimalqueutilizanlamayoradelosvisualizadores.Dentrodeun
mismo
parmetrolaspalabrasaparecern,eneldestino,separadasporelsigno+,ylos
parmetrosentre
sporelsmbolo&.Lasletrasacentuadasyotroscaracteresespecialessernvalores
hexadecimalesprecedidosdelsmbolo.
Paralacreacindeformulariosseutilizarnlassiguientesmarcas,quepermitengenerar
una
interfazdeedicin:
lamarcaFORMquedelimitaelcomienzoyfindeladefinicindelformulario.
lamarcaINPUTquepermitecreardiferentestiposdeentradas:camposdeediciny
diversostiposdebotones
lamarcaSELECTquepermitecrearlistas:mensdespegablesylistasconbarrasde
desplazamiento
lamarcaTEXTAREAquegeneraunazonadeedicindetextolibre.
Lossiguientesatributossoncomunesalasmarcasquesedefinenenesteapartadopara
generarformularios:
ElatributoNAMEdefineelnombrequepermitiralscriptidentificarelorigendelos
datos.
Estenombredebesernico.
NAME=nombre_de_la_variable_asociada
ElatributoVALUEpuedeserdefinidoparauncampode:
1.Texto:permitedefinirelcontenidodelcampo.
2.BotnSUBMIT:indicaeltextoaescribirenelbotn.
3.BotnRADIO,BotnCHECKBOX:valorqueseleasociaalbotncuandoste
estpulsado.ElvalorespecificadoporNAMEidentificaelbloquedebotones.
Lamarcaydefinenunformularioyentreellassesituarntodaslasmarcas
quegeneranlosdiversoselementosquecomponenunformulario.Estamarcadebeir
acompaada
obligatoriamentepordosatributos:
ElatributoMETHODestdirigidoalprogramadorquecodificaelscript.Alquepuede
darse
elvalorPOSToelvalorGETquedefineelmododetransferenciadelosdatoshaciael
56/77
12/3/2015
script.Eloptarporunouotroobedeceacomplejascuestionesdeprogramacinbasadas
enlamximalongitudderegistroquepuedeenviarsecadaunousauncanaldesalida
distinto.
ElatributoACTIONdefinelaaccinaejecutarcuandosepulseelbotndesumisin,
indicandoelURLdelprograma(script)encargadodetratarlosdatosadquiridosdesdeel
formulario.
Lamarcaservirparadefinircamposparaentraruntextoybotonesquepermiten
escogeropciones.
Permitevariosatributosademsdelosyacomentadosdemodogeneral:
ElatributoSIZEdefinelalongituddelaventanadetexto.
ElatributoMAXLENGTHdefinelamximalongituddelacadenaquesepuedeescribir
dentrodelaventana.
Ejemplo:
Definirunazonadeentradadetextosimpledelongitud10ylongitudmximadela
cadena15.
Comosepuedeobservarenesteejemplo,elnmeromximodecaracterespuedeser
mayorque
eltamaodelaventanayviceversa.
ElatributoTYPEasociadoalamarcaINPUTpermitelaseleccindelelementode
entrada.Puede
tomarlossiguientesvalores:
TEXT:eslaopcinseleccionadapordefault.Defineunazonadeentradadetextosimple.
EltextodefinidoenVALUEaparecerendichazona,parapodersercompletadoo
modificadoporelusuario.
Championes
SUBMIT:desencadenaelenvodelformulariohaciaelscripteltextodefinidoenVALUE
seescribirenelbotn:
Salida
57/77
12/3/2015
RESET:permiteborrarlosdatosyaentrados:
Borrar
PASSWORD:permiteentrarunapalabraclavedeformaconfidencial:
CHEKBOX:creaunbloquedebotonesquepermitenunaseleccinmltipledeopciones:
MacintoshMacintosh
PC
RADIO:creaunbloquedebotonesquepermitenunaseleccinexclusivaentrevarias
opciones
58/77
12/3/2015
CDROM
Disquete
Disquete
CDROM
HIDDEN:sirveparapasardatosadquiridosdeunformularioaotrosinqueaparezca
nada
enlapantalla.
IMAGE:hacequeelvisualizadorpresenteunaimagenqueessensiblealratn.Loqueel
formatoenvaalservidoresunregistrocuyoscampossonelnombredefinidoparala
imagenseguidodelosparmetrosx=nyy=mdondenymsonlosnmerosdelas
coordenadasx,ydelpuntoenelqueestabaelratnenelmomentodelenvo.Para
representarlaimagenseutilizaelatributoSRCdelelementoIMG.Porejemplo:
Lamarcapermitegenerarlistasdeseleccinsimpleodeseleccinvariable.Se
programaconunalistaenlaquelositemsseespecificanmediantelamarca.La
presentacindelalistadependedelatributoSIZEsisuvaloresinferiora2oest
ausente,lalista
seinterpretacomounmendesplegable(poplist).Encasocontrariolalistasevisualiza
enuna
ventanaconbarradedesplazamiento.ElvalordadoentoncesalatributoSIZEda
entoncesel
nmerodelneasvisiblesenlaventana.Laopcindeseleccinmltiplesederivadela
presencia
delatributoMULTIPLE.
Ejemplos:
Mendespegable:
59/77
12/3/2015
Entradaindirecta
Entradadirecta
Entradalateral
Entradadirecta
Ventanaconbarradedesplazamiento:(conopcindeseleccinmltiple)
Ada
C++
Ada
C++
Cliper
Cliper
Pascal
FortranCobol
alongituddelaventanadeseleccinseautoajustaalvalormslargodelalista.Se
L
debede
procurarqueloscontenidosdeloscamposseanlomscortosposiblesunaexcesiva
longitud
implicamayortrficoporlared,perosedebenconstruirlaslistasdeformaclara,yque
resultende
fcillecturaalusuario,loquepuedeaumentarlalongituddelosvalores.Parasolventar
este
dilemaseutilizaelparmetroVALUEasociadoalatributoOPTION,elcualpermiteenviar
unvalor
diferentealqueapareceenlalista.
Acontinuacinsemuestraunalistacontenidaenunaventanaconbarrasde
desplazamiento.
Pista1
Pista2
Pista3
60/77
12/3/2015
BottomofForm
Pista1
Pista2
Pista3
Pista4
Pista5
Pista6
Lamarcapermitecrearunaventanaconbarrasdedesplazamientohorizontalesy
verticalesenlaquesepodrescribirtexto.ElvalordadoalosatributosROWS(lneas)y
COLS
(columnas)delimitaeltamaodeestaventana.
Esposiblepredefiniruntexto(entrelasmarcasy)queelusuario
podrreemplazarocompletarconsupropiotexto.
Ejemplos:
Introduzcaaqususcomentarios
Estaslneasdecdigomuestranlasiguienteventana:
Introduzcaaqususcomentarios
Acontinuacinsemuestrauntpicoycomplejoformularioquecontienecadaunodelos
elementos
estudiadosanteriormenteorganizadosmedianteelusodeunatabla.
Nombre:
F.Nac.:
Apellidos:
Calleynmero:
61/77
12/3/2015
CdigoPostal:
Ciudad:
DNI:
rovincia:
P
EstadoCivil:
Idiomas:
Telfono:Soltero
Hombre
Espaol
Alemn
Mujer
Frances
Ingls
Comentarios
personales:
Pulseaqu:
Enviardatos
Borrarlosdatos
Nombre:
F.Nac.:
DNI:
62/77
12/3/2015
Apellidos:
Calleynmero:
CdigoPostal:
Ciudad:
Provincia:
EstadoCivil:
Soltero
Casado
Divorciado
Otro
Hombre
Mujer
Telfono:
Idiomas:
Espaol
Alemn
Frances
Ingls
Comentariospersonales:
63/77
12/3/2015
Pulseaqu:
Mapas.Unmapaesunaimagenquepermiterealizardiferenteshiperenlacesenfuncin
dela
"zona"delaimagenquesepulse.
Lasdirectivasparacrearmapassony.
Ladirectivaidentificaalmapaytieneelparmetronameparaindicarelnombredel
mapa.
Ladirectivadefinelasreassensiblesdelaimagen.Tienelossiguientesparmetros
obligatorios:
Shape.Indicaeltipodereaadefinir.
coords.Indicalascoordenadasdelafiguraindicadaconshape.
href.Indicaladireccinalaqueseaccedesisepulsaenlazonadelimitadaporelrea
indicada.
Lostiposdereapuedenserlossiguientes:
Rect.rearectangular.Sedebenespecificarlascoordenadasdelaesquinasuperior
izquierdaylasdelaesquinainferiorderecha.
Poly.Polgono.Sedebenespecificarlascoordenadasdetodoslosvrticesdel
polgono.El
visorseencargade"cerrar"lafigura.
Circle.Circulo.Sedebeespecificarenprimerlugarlascoordenadasdelcentrodel
crculoy
acontinuacinelvalordelradio(enpuntos).
Paraactivarelmapadebemosindicarlaimagenamostrar,indicandoquedichaimagen
estratada
porunmapa.
Sidosreassesuperponen,seejecutarlaqueseencuentreenprimerlugarenla
definicindel
mapa.Esimportantedefinirunaltimareaqueabarquelatotalidaddelgrficopara
direccionara
unaURLpordefault,conelobjetodecontemplarelcasodequenosepulsesobreun
rea
64/77
12/3/2015
definida.
Ejemplo
volucindelasaplicacionesweb
E
Enunprincipiolaweberasencillamenteunacoleccindepginasestticas,documentos,
etc.,
parasuconsultaodescarga.Elpasoinmediatamenteposteriorensuevolucinfuela
inclusinde
unmtodoparaelaborarpginasdinmicasquepermitieranquelomostradotuviese
carcter
dinmico(esdecir,generadoapartirdelosdatosdelapeticin).Estemtodofue
conocidocomo
CGI("CommonGatewayInterface")ydefinaunmecanismomedianteelquesepoda
pasar
informacinentreelservidoryciertosprogramasexternos.LosCGIssiguenutilizndose
ampliamentelamayoradelosservidoreswebpermitensuusodebidoasusencillez.
Adems,
dantotallibertadparaelegirellenguajedeprogramacinquesedeseaemplear.
ElfuncionamientodelosCGIstenaunpuntodbil:cadavezqueserecibaunapeticin,
el
servidordebalanzarunprocesoparaejecutarelprogramaCGI.Comolamayorade
CGIs
estabanescritosenlenguajesinterpretados,comoPerloPython,oenlenguajesque
requeran
"runtimeenvironment",comoJavaoVisualBasic,elservidorseveasometidoaunagran
carga.
LaconcurrenciademltiplesaccesosalCGIpodacomportarproblemasgraves.
PoresoseempiezanadesarrollaralternativasalosCGIsquesolucionaranelproblema
del
rendimiento.Lassolucioneslleganbsicamentepordosvas:1)sediseansistemasde
ejecucin
demdulosmejorintegradosconelservidor,queevitanlainstanciacinyejecucinde
varios
65/77
12/3/2015
programas,y2)sedotaalosservidoresunintrpretedealgnlenguajedeprogramacin
que
permitaincluirelcdigoenlaspginasdeformaqueloejecuteelservidor,reduciendoel
intervalo
derespuesta.
Entoncesseexperimentaunaumentodelnmerodearquitecturasylenguajesque
permiten
desarrollaraplicacionesweb.Todassiguenalgunadeestasvas.Lasmstilesylas
ms
utilizadassonlasquepermitenmezclarlosdossistemas:unlenguajeintegradoque
permitaal
servidorinterpretarcomandos"incrustados"enlaspginasHTMLy,adems,unsistema
de
ejecucindeprogramasmejorenlazadoconelservidor,quenoimpliquelosproblemas
de
rendimientopropiosdelosCGIs.
UnadelasmspotenteseslaseguidaporSunMicrosystemsconsuJava,integradopor
dos
componentesunlenguajequepermitelaincrustacindecdigoenlaspginasHTML
queel
servidorconvierteenprogramasejecutables,JSP("JavaServerPages"o"Pginasde
Servidorde
Java"),yunmtododeprogramacinmuyligadoalservidor,conunrendimientosuperior
alos
CGIs,denominado"JavaServlet".
OtratecnologadexitoyunadelasmsutilizadasesellenguajePHP.Setratade
unlenguaje
interpretadoquepermitelaincrustacindeHTMLenlosprogramas,conunasintaxis
derivadadeC
yPerl.ElhechodesersencilloypotentehacontribuidoahacerdePHPunaherramienta
muy
apropiadaparadeterminadosdesarrollos.
1.5HojasdeestiloencascadaeintroduccinalXML.
Unahojadeestiloesunconjuntodeinstruccionesquedefinenlaaparienciadediversos
elementos
deundocumentoHTML.Enotraspalabrasunahojadeestilonospermiteindicarpor
ejemploel
66/77
12/3/2015
tamaodelafuente,coloryestilodeciertoprrafoquenosotrosindiquemos,mediantela
definicindeestilosyaplicacindelosmismos.
Lashojasdeestiloseusanporquetienenmuchasventajassobrelostagstradicionales,
yaquepor
ejemploesposiblecrearunasolahojadeestiloquecompartanmuchosdocumentos,yal
hacerun
cambioenlahojadeestilotodoslosdocumentosquelausantendrnlaapariencia
deseada.
Tambinsepuedetenercontrolsobreciertosaspectosqueantesnosetenia,por
ejemplose
puedendefinirlosmrgenesdeundocumentooprrafo,odefinirelespacioentre
caracteres.
LashojasdeestilosonlainnovacinmsimportantealHTML,yaqueledancapacidades
que
nuncatuvo,porejemplo:
Elusodediversasunidadesdemedicinpxeles,puntos,picas,mm,enlosprincipales
elementosdelHTML,comosontablas,fuentes,bordesyengeneralloselementosque
tenanatributoscomo"size""height""width".
ElposicionamientodebloquesdetextoencualquierpartedeldocumentoHTML,yaque
es
posibledefinirendiversasunidadeslaposicindeunbloquedetexto.
Mejorcontrolsobrelasfuentesqueesnecesarioparaotrastecnologasrelacionadas
como
lasfuentesdinmicas.
Paracrearunahojadeestilodentrodeundocumentoseusaeltag,estetagseusaen
lacabezadeldocumento,esdecirdespusdeltagyantesdeltag,estetag
tieneunatributollamadotypequedebenusarseparaunmejorfuncionamientodelahoja
deestilo
queledicealnavegadorquetipodesintaxisusalahojadeestilo.
Susintaxiseslasiguiente:
"),un
espaciodespusojuntoseabrenlasllaves"{"y"}"dentrodelascualesseincluirnlos
atributos
deestiloqueseindiquen.Sepuedendefinirvariosestilosparadiversostags,enel
67/77
12/3/2015
ejemploanterior
losestilosquesedefinieranseaplicaranalostagsy.
Ejemplo
*/
>
Luegoeneldocumentoseusaeltagporejemplodelasiguienteforma:
Tagheadline3colorrojoycentrado.
elnavegadorinterpretaeltagusandoladefinicindelahojadeestilodelasiguiente
forma.
Tagheadline3colorrojoycentrado.
Elnavegadorusaalgunascaractersticaspredeterminadasdeltagademsdeusarlas
que
sedefinieronenlahojadeestilo.
nelejemplohayuncomentarioescritoentrelossmbolos"/*"y"*/",estossmbolos
E
sirvenpara
incluircomentariosdentrodeunahojadeestilo,todoloqueseescribadentrodeestos
smbolosse
consideraracomentarioynotendrningnefectodentrodelestilo.
Loqueseincluyeentrelasllaves"{"y"}"sonlaspropiedadesdelestilo,enesteejemplo
"color:#ff0000"serefierealcolordeltexto,"fontstyle:italic"indicaquelafuenteser
cursiva,"textalign:center"indicaqueeltextovacentrado.
Acontinuacinexplicaremoscomodebenescribirselaspropiedadesdeunestilo
estilo{propiedad:valorpropiedad:valor}
Elnombredelapropiedaddebeescribirseenminsculas,acontinuacindebenusarse
dospuntos
":",elvalordelatributodebeescribirsealaderechadelsmbolo":"ycuandosetermine
deindicar
elvalorsedebeusarelsmbolo""puntoycoma,cuandoseusenvariaspropiedades,
estasdeben
separarseconespaciosoponerseenotrorengln.
Ejemplo:
Unsimpleejemplo
68/77
12/3/2015
TagHeadline1contextorojo.
Aplicacindeltag"blockquote"contextoazul.
Textocentradodecolorverdeoliva.
Elnavegadorinterpretaeldocumentoanterioras:
TagHeadline1contextorojo.
plicacindeltag"blockquote"contextoazul.
A
Textocentradodecolorverdeoliva.
EltagesunodelosnuevostagsquesehanagregadoalHTMLparapodermanejary
aplicarestilos,estetagseusaparamarcarbloquesdetexto.
Eltagporsimismonotieneningnefecto,hastaqueseusaalgunodesusatributos,
estossonlosatributosdeltag:
id.Elnombredelestilo
class.Nombredelaclasedeestilo
style.Diversosatributos
Eltagtambinfuncionaconlosatributos"id","class"y"style",eltagsepuedeusar
comoalternativaaltag,lanicadiferenciaentreestosdostagsesqueeltag
provocaunsaltodelneaalterminardedefinirunprrafo,yeltagdejaeltextoqueva
despusdesuusoinmediatamentedespusqueestetermina.
Avecesesnecesariodefinirunestiloquesoloseaplicarenunapartedeldocumentoy
noatodos
lostagsdeciertotipouotraspartesdeldocumento.Parasolucionarelproblemaanterior
se
definenestilosparticularesdelasiguienteforma:
1.#Nombre_de_estilo{diversosatributosdelestilo...}
2.Seusaelsmbolo"#"antesdelnombredeestiloeinmediatamentedespus(sin
espacios)
elnombredelestilo.
3.Sepuedeusarcualquiernombredeestilodeunasolapalabra,siempreycuandono
exista
yaunestiloconesenombre.
4.Seusanlasllaves"{"y"}"delamismaformaqueenlosejemplosanteriores.
69/77
12/3/2015
Paraaplicarelestilosedebedeusaruntagconelatributo"id"cuyovalorseaelnombre
delestilo,
paraunestiloparticularnosepuedeusarelatributo"class".
Porejemplo
Luegoseaplicaelestiloeneldocumento.
Esteprrafousaunestilodefinido
Comosepuedeversedefineelestiloenlahojadeestiloyposteriormentesedebe
aplicaratravs
deunatributo"id"encualquiertagsolounavez.
Ejemplo:
Otroestilo
Estetextoestadefinidousandounestilo
Estetextotambinestadefinidousandounestilo.
Estetextotambin.
Elnavegadorinterpretaraeldocumentoanterioras:
Estetextoestadefinidousandounestilo.
Estetextotambinestadefinidousandounestilo.
Estetextotambin.
Sepuededefinirunestiloquenoseaplicarsoloaciertapartedeldocumentooaciertos
tags,si
noamuchosotroselementosdeundocumento,estoselogradefiniendounaclasede
estilodela
siguienteforma:
.mi_estilo{caracteristicasdelestilo...}
Unaclasedeestilosedefineusandounpuntoeinmediatamentedespuselnombreque
tendrla
70/77
12/3/2015
clasedeestilo,tambiensepuedeusarun"*"antesdelpunto.Seusanlasllavesy
propiedadesde
lamismaformaqueenlosejemplosanteriores.
Elestiloseaplicaendiversaspartesdeldocumentoatravsdelatributo"class"usadoen
varios
tags,elvalordelatributo"class"serelnombredelaclasedeestilo.
Ejemplo:
Luegoseaplicaelestilousandoelatributo"class"enunoomastags.
Nuestroestiloaplicadoaqui
Estiloaplicadootravez.
Otravezaplicamoselestilo.
Ejemplo
Unejemplomas
TITULO
NuestroEstilo
Otroestilo
Otravezaplicamosnuestroestilo
Aplicarestilos
Elnavegadorinterpretareldocumentoanterioras:
TITULO
NuestoEstilo
Otroestilo
Otravezaplicamosnuestroestilo
Aplicarestilos
71/77
12/3/2015
sposiblecrearunhojadeestiloenunarchivoexternoymedianteuntagaplicarlaa
E
cierto
documento,estacaractersticadelashojasdeestiloofrecemuchasventajas,yaquees
posible
quediversosdocumentoscompartanlamismahojadeestilo.
Paradefinirenunarchivoexternounahojadeestiloseusaelsiguienteprocedimiento.
Secreaunarchivodetextosinformato.
Seomiteeltagylossmbolosdecomentario,ascomocualquiertagHTML
Senombraeldocumentoconcualquiernombre,serecomiendaqueeldocumentotenga
la
extensin"css"queeslacaractersticadelosarchivosdehojadeestiloencascada.
Ejemplo
/*newstyle.css*/
.textnecio{fontfamily:helveticatextalign:justify}
.fecha{fontfamily:helvetica
fontweight:bold
fontsize:9pt
color:#ffffff
backgroundcolor:#000070
padding:3,2,3,2
width:485
float:top
textalign:center}
.lateral{fontfamily:helvetica
textalign:center
fontsize:8pt
color:#ffffff
padding:3,10,3,10}
.credits{
fontfamily:helvetica
fontsize:8pt
textalign:center}
.titulo2{
color:#ff0000
fontsize:14pt}
.cuerpos{
72/77
12/3/2015
textalign:justify}
ParaincluirestahojadeestilodentrodeldocumentoHTML,seusaeltagenlacabeza
del
documento,juntoconciertosatributosdelasiguientemanera:
Eltagtienediversosusos,porloqueesimportantedefinirqueseestausandopara
insertarunestilo,poresosiempresedebeusarelatributo"rel"conelvalor"stylesheet"
cuandose
usaparainsertarunahojadeestilo,elatributotypeconelvalor"text/css"(paraelcasode
lashojas
deestiloCSS),yelatributo"href"queespecificaralaubicacinynombredelahojade
estilo.
Ejemplo.
Otroejemplo
Contenidodelcuerpodeldocumento...
EsposibleusarvariashojasdeestiloexternaseinternasenundocumentoHTML,esto
sehacede
lasiguienteforma.
Comosepuedeversepuedenespecificararchivosexternosusandoelatributo"src"(cuyo
valor
serelnombreylaubicacindelahojadeestilo)dentrodeltag,tambinsepueden
crearunahojadeestilodentrodeldocumento.Cuandoseusaunasolahojadeestilose
debeusar
eltag.
73/77
12/3/2015
Loquesucedealusarvariashojasdeestiloesquelascaractersticasdelashojasde
estilo
pierdenimportanciadeabajohaciaarriba,esdecirlaultimadefinicindelahojadeestilo,
sobreescribelascaractersticasdelashojasqueseinsertanantesdeella.
IntroduccinalXML:
XMLesunLenguajedeEtiquetadoExtensiblemuysimple,peroestrictoquejuegaun
papel
fundamentalenelintercambiodeunagranvariedaddedatos.Esunlenguajemuysimilar
aHTML
perosufuncinprincipalesdescribirdatosynomostrarloscomoeselcasodeHTML.
XMLesun
formatoquepermitelalecturadedatosatravsdediferentesaplicaciones.
LastecnologasXMLsonunconjuntodemdulosqueofrecenserviciostilesalas
demandasms
frecuentesporpartedelosusuarios.XMLsirveparaestructurar,almacenare
intercambiar
informacin.
EntrelastecnologasXMLdisponiblessepuedendestacar:
XSL:LenguajeExtensibledeHojasdeEstilo,cuyoobjetivoprincipalesmostrarcmo
deberaestarestructuradoelcontenido,cmodeberaserdiseadoelcontenidode
origen
ycmodeberaserpaginadoenunmediodepresentacincomopuedeserunaventana
deunnavegadorWeboundispositivodemano,ounconjuntodepginasdeun
catlogo,
informeolibro.Funcionacomounlenguajeavanzadoparacrearhojasdeestilos.Es
capaz
detransformar,ordenaryfiltrardatosXML,ydarlesformatobasndoloensusvalores.
XPath:LenguajedeRutasXML,esunlenguajeparaaccederapartesdeundocumento
XML.IdentificapartesdeundocumentoXMLconcreto,comopuedensersusatributos,
74/77
12/3/2015
elementos,etc.
XLink:LenguajedeEnlaceXML,esunlenguajequepermiteinsertarelementosen
documentosXMLparacrearenlacesentrerecursosXML.Describeuncaminoestndar
paraaadirhipervnculosenunarchivoXML.Esdecir,esunmecanismodevinculacina
otrosdocumentosXML.FuncionadeformasimilaraunenlaceenunapginaWeb,es
decir,funcionacomolohara,sloqueahrefesunenlaceunidireccional.Sin
embargo,XLinkpermitecrearvnculosbidireccionales,loqueimplicalaposibilidadde
moverseendosdirecciones.Estofacilitalaobtencindeinformacinremotacomo
recursosenlugardesimplementecomopginasWeb.
XPointer:LenguajedeDireccionamientoXML,esunlenguajequepermiteelaccesoala
estructurainternadeundocumentoXML,estoes,asuselementos,atributosycontenido.
FuncionacomounasintaxisqueapuntaaciertaspartesdeundocumentoXML,escomo
unaextensindeXPath.SeutilizaparallegaraciertaspartesdeundocumentoXML.
Primero,XLinkpermiteestablecerelenlaceconelrecursoXMLyluegoesXPointerel
que
vaaunpuntoespecficodeldocumento.Sufuncionamientoesmuysimilaraldelos
identificadoresdefragmentosenundocumentoHTMLyaqueseaadealfinaldeuna
URI
ydespusloquehaceesencontrarellugarespecificadoeneldocumentoXML.Alser
XPointerunaextensindeXPath,XPointertienetodaslasventajasdeXPathyadems
permiteestablecerunrangoenundocumentoXML,esdecir,conXPointeresposible
establecerunpuntofinalyunpuntodeinicio,loqueincluyetodosloselementosXML
dentrodeesosdospuntos.
XQL:LenguajedeConsultaXML,esunlenguajequefacilitalaextraccindedatosdesde
documentosXML.Ofrecelaposibilidadderealizarconsultasflexiblesparaextraerdatos
de
documentosXMLenlaWeb.Sebasaenoperadoresdebsquedadeunmodelode
datos
paradocumentosXMLquepuederealizarconsultaseninfinidaddetiposdedocumentos
comosondocumentosestructurados,coleccionesdedocumentos,basesdedatos,
catlogos,etc.
Aqusepresentanalgunosejemplos.
EjemplodedocumentoXML:
75/77
12/3/2015
EjemplodetransformacinXSL:
76/77
12/3/2015
EjemplodecdigoXPath:
/doc/capitulo/titulo|/doc/capitulo/autor
EjemplodecdigoXLink:
Listaactualdelibros
EjemplodecdigoXPointer:
documento.xml#xpointer(
/libro/capitulo[@public])xpointer(/libro/capitulo[@num="1"])
EjemplodecdigodeXQuery:
{
f
or$bindoc("http://libro.ejemplo.com/bib.xml")/bib/libro
where$b/autor="VargasLlosa"and$b/@anio>1991
return
{$b/titulo}
}
77/77

Tecnologias Web - Documentos - Alejandro9006

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Tecnologias Web - Documentos - Alejandro9006

Încărcat de

Drepturi de autor:

Formate disponibile

12/3/2015

S-ar putea să vă placă și