Tesis Creación Sitio Web

INSTITUTO TECNOLGICO SUPERIOR
HARVARD COMPUT
CAPTULO I
LA WORD WIDE WEB
1.1 INTERNET
Internet es una gran red de redes, tambin llamada Supercarretera de la informacin. Es el
resultado de la interconexin de miles de computadoras de todo el mundo. Todas ellas
comparten los protocolos de comunicacin, es decir que todos hablan el mismo lenguaje
para ponerse en contacto unas con otras.
Los sericios b!sicos ofrecidos ahora por Internet son correo electrnico, noticias en red,
acceso a computadoras remotas " sistemas de adquisicin de datos, " la capacidad para
transferir informacin entre computadoras remotas.
1.2 HISTORIA DE INTERNET
Empe# en los Estados $nidos de %mrica en &'(', como un pro"ecto puramente militar.
La %gencia de )ro"ectos de Inestigacin %an#ados de *efensa +*%,)%- desarroll una
red de computadoras llamada %,)%.ET, para no centrali#ar los datos, lo cual permit/a que
cada estacin de la red pod/a comunicarse con cualquier otra por arios caminos diferentes,
adem!s presentaba una solucin para cuando ocurrieran fallas tcnicas que pudieran hacer
que la red dejase de funcionar.
Los sitios originales que se pusieron en red eran bases militares, uniersidades "
compa0/as con contratos del *epartamento de *efensa. 1onforme creci el tama0o de esta
red experimental, lo mismo sucedi con las precauciones por la seguridad. Las mismas
1
HARVARD COMPUT
redes usadas por las compa0/as " las uniersidades para contratos militares se estaban
oliendo cada e# m!s accesibles al p2blico
1omo resultado, en &'34, %,)%.ET se diidi en dos redes separadas pero
interconectadas. El lado militar fue llamado 5IL.ET. El lado educatio toda/a era
llamado tcnicamente %,)%.ET, pero cada e# se hi#o mas conocida como Internet.
En ma"o de &''6, entre 76 " 46 millones de personas usaban Internet " este n2mero fue
creciendo mes a mes en un &8 a &69. Las estimaciones actuales colocan al n2mero de
personas en Internet en enero de &'': en (; millones de usuarios indiiduales.
)odemos decir que el resultado final es que lo que comen# como un pro"ecto de
inestigacin gubernamental " educatio ahora se ha conertido en uno de los medios de
comunicacin m!s importante de la actualidad. .unca antes hab/a sido posible tener
acceso a tantas personas de culturas " antecedentes tan ariados.
%dem!s podemos decir que la Internet no es gratis, la pagamos b!sicamente nosotros, los
contribu"entes, centros de inestigacin, educacionales, institutos " uniersidades, las
empresas comerciales, nosotros a tras del incremento en sus productos " la publicidad.
1.3 HISTORIA DE LA WEB
La <eb es una idea que se constru"o sobre la Internet. Las conexiones f/sicas son sobre la
Internet, pero introduce una serie de ideas nueas, heredando las "a existentes.
Empe# a principios de &''8, en Sui#a en el centro de inestigacin 1E,. +centro de
Estudios para la Inestigacin .uclear- " la idea fue de Tim =erners>Lee, que se gest
2
HARVARD COMPUT
obserando una libreta que l usaba para a0adir " mantener referencias de cmo
funcionaban los ordenadores en el 1E,..
%ntes de la <eb, la manera de obtener los datos por la Internet era catica? hab/a un sinf/n
de maneras posibles " con ello hab/a que conocer m2ltiples programas " sistemas
operatios. La <eb introduce un concepto fundamental? la posibilidad de lectura uniersal,
que consiste en que una e# que la informacin est disponible, se pueda acceder a ella
desde cualquier ordenador, desde cualquier pa/s, por cualquier persona autori#ada, usando
un 2nico " simple programa. )ara que esto fuese posible, se utili#an una serie de
conceptos, el m!s conocido es el hipertexto.
1on <eb los usuarios noatos podr/an tener un tremendo poder para hallar " tener acceso a
la rique#a de informacin locali#ada en sistemas de cmputos en todo el mundo.
Este solo hecho lle un aance tremendo de Internet, un /mpetu tan grande que en &''7
<orld <ide <eb creci un sorprendente 74&8889, tres a0os despus, en &''(, toda/a s
esta duplicando cada 68 d/as.
1.4 QU ES LA WORLD WIDE WEB O LA WEB!
La <orld <ide <eb consiste en ofrecer una interface simple " consistente para acceder a
la inmensidad de los recursos de Internet. Es la forma m!s moderna de ofrecer
informacin. el medio m!s potente. La informacin se ofrece en forma de p!ginas
electrnicas.
3
HARVARD COMPUT
El <orld <ide <eb o <<< o <7 o simplemente <eb, permite saltar de un lugar a otro
en pos de lo que no interesa. Lo m!s interesante es que con unas pocas ordenes se puede
moer por toda la Internet.
)ara entender lo que es la <eb debemos tener una idea de lo que es el @ipertexto.
1." HIPERTE#TO
@ipertexto son datos que contienen enlaces +linAs- a otros datos.
En el lenguaje <eb, un documento de hipertexto no es solo algo que contiene datos, sino
que adem!s contiene enlaces a otros documentos.
$n ejemplo simple de hipertexto es una enciclopedia que al final de un tema tiene
referencias de alg2n tema en especial o referencias bibliogr!ficas a otros textos.
En @ipertexto, el ordenador hace que seguir esas referencias sea facil/simo. Esto implica
que el lector se puede saltar la estructura secuencial del texto " seguir lo que m!s le gusta.
En @ipertexto se pueden hacer enlaces en cualquier lugar, no slo al final.
1ada enlace tiene una marca que lo destaca, puede estar resaltado, subra"ado o puede estar
identificado por un n2mero.
El hipertexto no esta limitado a datos textuales, podemos encontrar dibujos del elemento
especificado, sonido o /deo referido al tema. Estos documentos que tienen gran ariedad
de datos, como sonido, /deo, texto, en el mundo del hipertexto se llama hipermedia.
4
HARVARD COMPUT
El hipertexto es una herramienta potente para aprender " explicar. El texto debe ser
dise0ado para ser explorado libremente " as/ se consigue una comunicacin de ideas m!s
eficientes.
1.$ %UNCIONAMIENTO DE LA WEB
$na e# que el usuario esta conectado a Internet, tiene que instalar un programa capa# de
acceder a p!ginas <eb " de llearte de unas a otras siguiendo los enlaces.
El programa que se usa para leer los documentos de hipertexto se llama BnaegadorB, el
BbroCserB, Bisuali#adorB o BclienteB " cuando seguimos un enlace decimos que estamos
naegando por el <eb.
%s/, no ha" m!s que buscar la informacin o la p!gina deseada " comen#ar a naegar por
las diferentes posibilidades que ofrece el sistema.
.aegar es como llaman los usuarios de la red a moerse de p!gina en p!gina por todo el
mundo sin salir de su casa.
5ediante los .aegadores modernos podemos, acceder a hojas de calculo, base de datos,
/deo, sonido " todas las posibilidades m!s aan#adas. )ero el dise0o de p!ginas debe
mantener un equilibrio entre utili#ar todas las capacidades " la posibilidad de ser le/das por
cualquier tipo de .aegador.
El isuali#ador nos presentar! perfectamente cualquier p!gina B.txtB generada por cualquier
editor, " los linAs entre documentos slo requieren un simple " sencillo comando. D a2n as/
podremos conseguir el tipo " tama0o de letra " colores de texto " fondo que queramos,
simplemente configurando el isuali#ador.
"
HARVARD COMPUT
1.$.1 N&'()&*+,(- ./( -( /01213&4
Los m!s conocidos son el Explorer de 5icrosoft, 5osaic " el .etscape de .etscape
1ommunications 1orporation en Estados $nidos " otros pa/ses. Tienen capacidades
diferentes " es importante cuando se crea una p!gina <eb, adem!s de un buen dise0o,
tener en cuenta la compatibilidad, es decir, programar p!ginas de modo que las acepte
cualquier .aegador.
.etscape es el que soporta m!s " mejores efectos, incluido programas embebidos en el
propio texto +ersin ;.8 en adelante-, escritos en lenguaje Eaa +algo mu" parecido al
lenguaje 1-, que son interpretados por el isuali#ador, " que permiten reali#ar p!ginas
BinteligentesB.
1onect!ndose a Internet, con un isuali#ador .etscape o Explorer, adem!s de er
documentos @T5L se puede recibir " eniar correo electrnico, recibir " eniar .E<S
+noticias-, isitar los seridores FG)@E, +seridores de ficheros-, " acceder a seridores
HT) +m!s seridores de ficheros- tanto en entrada como en salida, todo ello con el mismo
programa. Tambin, como no, se pueden imprimir los documentos isuali#ados. 1asi todos
suelen ser B <DSI<DFB.
1.5 CMO ENCUENTRA LA GENTE UNA P6GINA WEB!
1.5.1 S1-0(7&- *( B8-./(*&
En la <eb no existe un directorio centrali#ado. )ara acceder a una p!gina directamente se
debe conocer la direccin exacta donde se encuentra. )ero lo m!s habitual no es conocer
$
HARVARD COMPUT
esa direccin exacta, sino tener una idea del tema en el que se est! interesado " sobre el
que se necesite informacin.
Existen empresas como Dahoo, %ltaista, Gl, G#2, etc., que han creado diferentes
Sistemas de =2queda, para eitar la naegacin a la deria.
Estas consisten en un tipo de p!ginas <eb donde se puede escribir una palabra o una bree
referencia que defina la b2squeda que se quiere reali#ar. El sistema consulta sus datos " te
muestra enlaces con las p!ginas <eb que contienen la referencia escogida. Existen
diferentes buscadores " cada uno de ellos ha creado su propio directorio. $nos son m!s
completos, otros m!s organi#ados, otros son m!s exigentes " selectios en su informacin,
cada uno tiene caracter/sticas propias, pero todos ellos a"udan a mantener el rumbo.
1.9 QU PUEDE CONTENER UNA P6GINA WEB!
@emos mencionado el tipo de informacin que puede contener una p!gina <eb? texto,
imagen, sonido, /deo, e incluso, mundos 7* " animacin.
El usuario no se limita a buscar " encontrar la informacin de un modo pasio, sin
interenir. La ma"or innoacin de las p!ginas <eb se traduce en una sola palabra?
Interactividad. $na p!gina <eb puede contener elementos que permiten una comunicacin
actia entre el usuario e informacin, la p!gina responder! a sus acciones.
)or ejemplo?
Formularios? a tras de los cuales la empresa podr! disponer de un modo de
solicitud de informacin, un bu#n de sugerencias o posibilidad de reali#ar
subscripciones o pedidos
5
HARVARD COMPUT
Accede y manejar bases de datos de todo tipo? 1onsultar por ejemplo, una lista de
todos los fondos de inersin en Espa0a.
Participar en los juegos ms diversos. Echar una partida de =ingo o participar en
un diertido juego de b2squeda por el ciberespacio.
Sistemas de Bsquedas? Encontrar las p!ginas que contienen informacin que se
necesita en los principales buscadores espa0oles o locali#ar una empresa en las p!ginas
amarillas electrnicas.
1.: QU PUEDE HACER UNA EMPRESA A TRAVS DE UNA P6GINA
WEB!
)roeer a clientes la informacin acerca de sus productos " sericios, " actuali#arla
a medida que se an desarrollando nueos aspectos de ellos. Esto es mucho m!s
sencillo " econmico que hacer llamadas telefnicas, imprimir nueos cat!logos o
hacer publicaciones de prensa cada e# que lo requiera.
Ealuar a sus clientes actuales " desarrollar nueas oportunidades de negocio.
5ediante encuestas publicadas dentro de su p!gina <eb, puede obtener una respuesta
de sus clientes actuales, " as/ conocer " abordar mejor sus inquietudes " sugerencias
respecto al sericio que est!n recibiendo de su empresa. Igualmente, puede mostrar
nueos productos e ideas " conseguir la opinin de los isitantes de su p!gina, que son
a la e# sus clientes potenciales. *e esta manera, puede crear una base de datos de
clientes +actuales " potenciales- para luego eniarle nueas informaciones a tras de
correos electrnicos con costos irrisorios.
9
HARVARD COMPUT
Gtorgar informacin detallada " espec/fica acerca de sus productos +manuales de
instruccin- " de los procesos de comerciali#acin +adquisicin " compra- de los
mismos. Si su p2blico desea saber m!s sobre la empresa, la p!gina <eb es el mejor
eh/culo para hacerle llegar esa informacin.
1.1; DOMINIO
En el supuesto de estar buscando informacin sobre una empresa determinada, el primer
impulso ser/a teclear el nombre de la empresa seguido del sufijo es o com, los m!s
habituales.
Si se reali#a esta accin slo se encontrar! a la empresa en esa direccin si se dispone de
dominio propio, es decir si la empresa tiene un seridor propio o ha alquilado espacio en
un seridor dedicado a la gestin " mantenimiento de p!ginas <eb. Si no es as/, si la
empresa simplemente se encuentra situada en el dominio de otra compaa, ser! m!s
dif/cil de locali#ar, "a que tendr! una direccin m!s complicada, dif/cil de encontrar "
memori#ar.
%dem!s, si la empresa tiene dominio propio, en el caso de que decida cambiar de
compa0/a a la que alquile el espacio, la direccin se mantiene, "a que el dominio propio
pertenece a la empresa que lo usa " puede instalarse en otro host sin problemas. Si no tiene
dominio propio " decide cambiar de proeedor de Internet, su direccin de Internet
cambiar! " tendr! que reflejarlo en su publicidad.
El dominio propio ofrece una imagen m!s profesional " competente. Los clientes
agradecer!n que se les proporcione un acceso sencillo " consistente a su informacin.
:
HARVARD COMPUT
1.11 URL<-
Locali#ador $niforme de ,ecursos +$,LI $niform ,esource Locator - es una direccin
especial usada por los naegadores <eb, para tener acceso a informacin en Internet. El
$,Ls especifica el ordenador en que se hospeda, el directorio, " el nombre del fichero %
tras de estas direcciones o $,Ls amos a poder conectar los diferentes objetos +no solo
texto-, aunque se acceda a ellos a tras de diferentes protocolos. $na cualidad de los
$,Ls es que permiten utili#ar los datos "a existentes en la Internet +<ais, Fofher, ftp- "
as/ es como consigue la <eb enoler a la Internet sencilla " efica#mente
Si no sabemos el $,Ls, se puede ir a al $,L de alguno de los /ndices de =2squeda.
1;
HARVARD COMPUT
CAPTULO II
CONSTRUCCIN DE P6GINAS WEB
2.1. PREMISAS B6SICAS PARA CREAR UN WEB DE #ITO
2.1.1 U4 =/(4 >+40(41*+
El contenido depender! directamente de la tem!tica del <eb. La gran ma"or/a de los
usuarios que acuden a un sitio <eb lo hacen en busca de informacin. *a igual como se
presente dicha informacin +texto, im!genes, /deo, audio- pero un <eb debe aportar
contenido. Es importante tener en cuenta que <<< es un medio de comunicacin distinto
a los que hasta ahora conoc/amos +teleisin, radio, prensa, etc.-I el naegante pasa de
p!gina en p!gina <eb a ritmo de clic de ratn, " generalmente pasa poco tiempo en una
misma p!gina. )or lo tanto no se debe abusar de la informacin textual, "a que son mu"
pocos los isitantes que se leen completamente una p!gina <eb. Siempre se ha dicho que
una imagen ale mas que mil palabras, " aunque una p!gina <eb no es un programa de
teleisin, las im!genes siempre son importantes.
2.1.2 U4 =/(4 D1-(?+
.o es necesario ser un gran dise0ador para crear p!ginas <eb con un m/nimo de
sensibilidad gr!fica. % eces, un dise0o simple se agradece mucho m!s que una <eb
inundada de BgifsB en moimiento. El utili#ar una tipograf/a determinada, unos colores
adecuados, iconos, fotos, etc. puede conertir la experiencia de isitar un <eb en algo
mucho m!s agradable.
11
HARVARD COMPUT
Es importante en el aspecto del dise0o de un <eb la estructuracin del mismo. Hacilitar la
naegacin mediante men2es, iconos, mapas " otros elementos puede eitar que m!s de un
isitante se pierda dentro de un <eb. En el caso de crear un <eb excesiamente grande "
complejo resulta de a"uda para el isitante la inclusin de mapas +esquemas con enlaces de
hipertexto que representan todo el <eb- para no perderse.
2.1.3 L&- 17@)(4(- (4 (2 *1-(?+
La elocidad de acceso al <eb est! siempre mu" re0ida con el dise0o. Es frecuente el caso
en que, para embellecer un <eb se utilicen muchas im!genes +en formatos gif o jpeg- de
gran tama0o. Esto obliga a los usuarios con conexiones lentas a sufrir largas esperas hasta
que la informacin se presente en pantalla, " eso es un riesgo porque m!s de dos saltar!n a
cualquier otra direccin Internet antes de perder su tiempo.
La elocidad de la <eb tambin depender! en gran medida de lo saturadas que estn las
l/neas de acceso a nuestro centro proeedor de presencia en Internet +en resumen, el
seridor donde se aloja el <eb-. Sin embargo este es un problema que se escapa del !mbito
del dise0o.
2.1.4 E2(7(40+- I40(,&>01'+-
La interactiidad es fundamental para el xito de un <eb. Se debe eitar la sensacin
Blectura de peridicoB que puede causar en un isitante un <eb pasio " lineal. %dem!s la
interactiidad puede beneficiar a quien publica el <eb "a que a tras de formularios podr!
conocer mejor los perfiles de quienes pasan por las p!ginas.
12
HARVARD COMPUT
)odemos calificarlos como aspectos filosficos a tener en cuenta en el dise0o de un <eb.
2.2 ETAPAS DE DESARROLLO DE UN PROAECTO DE SITIO WEB
El desarrollo de un pro"ecto de sitio <eb puede diidirse en tres etapas principales?
&. )redise0o,
;. *ise0o,
7. Instalacin " prueba.
El punto de ista desde el cual se anali#a el proceso de dise0o no es desde la interrelacin
usuario>tecnolog/a, sino como interaccin humana, mediati#ada por la tecnolog/a. Es decir,
entender a la <eb como medio de comunicacin entre personas. Esto nos debe a"udar a
pensar permanentemente en Bel otroB, la persona inisible " desconocida para quien
hacemos la p!gina <eb.
*e todas las palabras que utili#amos al hablar de Internet, la que m!s deben tener en cuenta
los dise0adores es la que designa al acto de instalar un sitio, pensar en el p2blico, pensar en
cmo piensa el p2blico.
E0&B& *( 2& >+4>(B0/&213&>1C4D P2&41E1>&, 2& W(=
Gbjetios %E$STE
)2blico Se corrigen los
1ontenido elementos de
Estructura predise0o que no
Jisuali#acin cumplen los requerimientos preistos
13
HARVARD COMPUT
E0&B& *( &,7&*+ *( B@)14&- F >+4E1)/,&>1C4 *(2 -101+D GH&>(,G 2& W(=G
%E$STE
*ise0o de gr!ficos Se corrigen los
*ise0o de p!ginas elementos de
Establecer linAs
Incorporar multimedia correctamente o no se
Incorporar archios. isuali#an de acuerdo a lo esperado
E0&B& *( B/(-0& (4 7&,>H& : C+,,(>>1+4(- F &I/-0(- E14&2(-
GH&>(, ./( 0+*+ E/4>1+4(G
)rueba de todos los linAs
)rueba de funcionamiento de todos los elementos de multimedia.
)rueba de funcionamiento de formularios, e>mail, buscadores, etc.
2.2.1 P,(*1-(?+
% la etapa de )redise0o o conceptuali#acin podemos diidirla en cinco componentes.
Ellos son? objetios, p2blico, contenidos, estructura " isuali#acin. Estos interact2an entre
s/ " se condicionan mutuamente.
14
HARVARD COMPUT
O=I(01'+-
Este es uno de los elementos m!s importantes, que determina a los otros. @a" que
responder a la pregunta? Kpara qu se p2blica este sitioLI Kqu quiero que suceda ra/# de mi
publicacin en la <ebL.
Las respuestas deben ser del tipo como por ejemplo? quiero que los clientes puedan
actuali#ar la lista de precios, en forma sencilla, que acceda al catalogo electrnico de
productos " puedan hacer sus pedidos autom!ticamente, contribuir acerca de la necesidad
de conserar las especies en peligro de extensin, etc. Estar en Internet no es una respuesta
!lida.
En la elaboracin del objetio+si existe m!s de uno, ha" que listarlos a todos " jerarqui#ar-
coniene que participen todas las personas que tienen que er o est!n interesadas en el
xito del pro"ecto.
En este momento habr/a que alidar si las aspiraciones expresadas en los objetios son
compatibles con el funcionamiento de Internet. )or ejemplo, si bien es posible ender
libros, discos, pi##as o corbatas a tras de Internet, posiblemente no funcione con cal#ado,
que necesita ser f/sicamente probado.
P8=21>+
%l hablar de p2blico no nos referimos a cualquier persona que recorriendo la red llegue a
nuestra p!gina, sino a aquella parte de la poblacin a la que pretendemos alcan#ar e influir
con el mensaje. Esto esta estrechamente inculado con los objetios establecidos " la
naturale#a del sitio que nos proponemos.
1"
HARVARD COMPUT
.ecesitamos construir un identiAit de nuestro p2blico, tratando de definir, en general sus
intereses, inclinaciones, gustos, preferencias, etc., " en particular, como usuarios de
Internet. Tenemos que dar una respuesta lo m!s concreta " espec/ficamente posible a la
pregunta Besa gente, Kqu busca de mi p!ginaLB. )orque la <eb deber/a dar respuesta a esa
pregunta.
Todo lo que sepamos " supongamos sobre el p2blico>target +el que nos interesa- serir!,
adem!s, para establecer parte de los criterios de dise0o de contenidos, lenguajes, esttica.
C+40(41*+-
Se debe listar la informacin que se desea incluir en la <eb. Esta informacin debe ser
significatia, " 2til para el p2blico. Teniendo en cuenta lo que a ellos les interesa, no lo que
a nosotros nos gustar/a que nos interese.
En el caso de que existan otras formas de acceso a informacin disponible para esas
mismas personas, el contenido de la <eb deber! ser superador de esos otros materiales. Es
decir que si los clientes de una firma reciben un folleto en el que se describen los sericios
que se prestan, el sitio <eb al que acceder!n luego no puede repetir simplemente lo que
all/ se dice.
Informacin, no textos redundantes sobre la importancia de esa informacin.
El lenguaje utili#ado para brindar la informacin en Internet debe ser sobrio, conciso,
concreto. .o funciona bien el lenguaje insinuante " ambiguo que puede ser perfecto para
aisos gr!ficos o folleter/a.
Todo lo que se hace contribu"e a formar la imagen que tiene el p2blico de la empresa,
marca, producto, institucin o sericio. La <eb no es una excepcin " cualquier
1$
HARVARD COMPUT
sentimiento de frustracin que experimente el usuario no se canali#ar! hacia el o los
autores del sitio <eb, sino hacia la imagen que mencionamos.
E-0,/>0/,&
La organi#acin de la informacin es un tema clae para asegurar un buen funcionamiento
de un sitio.
El primer elemento organi#ador son las p!ginas. 1oniene incluir en cada una de ellas una
unidad de informacin autnoma, completa. En el caso de que el olumen sea excesio
para ello, diidir esa unidad de informacin en subunidades m!s peque0as, coherentes,
completas cada una en s/ misma. $na unidad de informacin es un tema o un subtema.
Las relaciones de las p!ginas entre s/ configuran la estructura del sitio. % partir de la p!gina
principal o home page se inculan mediante linAs el resto de las p!ginas. Esto es bastante
sencillo de implementar en lenguaje @T5L, pero es m!s complicado decidir de que
manera, en qu orden, con qu configuracin se establecer! la cadena de /nculos.
%nte todo ha" que tener en cuenta que la estructura debe responder a los criterios de
b2squeda. @a" que hacerse la pregunta acerca de Kcmo se intentar! encontrar esta
informacinL. Los criterios B naturalesB de clasificacin pueden no ser adecuados. )or
ejemplo, es com2n que quienes enden repuestos acomoden los mismos por tipo? juntas
por aqu/, poleas por all/, resortes de este lado. El usuario, a su e#, necesita el repuesto
para una m!quina o artefacto, marca, modelo, funcin del repuesto que busca. Los linAs "
la estructura del sitio tendr!n que tener en cuenta estas cuestiones.
El otro tema es que los usuarios reconocen las p!ginas de la <eb utili#ando como gu/a
palabras clae colocadas en botones, barras de control, gr!ficos mapeados, o utili#adas
15
HARVARD COMPUT
como marcas de hipertextoI palabras que por su significado indican o sugieren el contenido
de p!ginas a las que derian. Es sabido que los significados de las palabras no son
un/ocos, " la ambigMedad puede ser un problema. El conocimiento de la cultura " usos
lingM/sticos del p2blico nos ser! sin duda, de gran utilidad a la hora de elegir las palabras
que se titular!n nuestros botones o identificar!n los linAs de deriacin a otras p!ginas del
sitio.
@a" que tener en cuenta que el usuario no tiene cmo saber la manera en que sigue la
cadena de linAs m!s all! de las p!ginas a las que puede entrar directamente desde el lugar
donde se encuentra. Nue el usuario no encuentre la informacin buscada despus de
recorrer cuatro o cinco p!ginas encadenadas puede significar que el mismo abandone el
sitio o la indeseada sensacin de frustracin que nos interesa eitar.
$n tema relacionado a ste es el de los mecanismos de identificacin " de recorrido del
sitio. Estos deber/an permitir al usuario saber en todo momento el lugar o #ona del sitio
donde se encuentra, as/ como despla#arse hacia cualquier otra p!gina sin necesidad de
recorrer toda la cadena en sentido inerso. Los paneles de control son una buena a"uda.
V1-/&213&>1C4
$n sitio <eb no es una torta. La gr!fica +incluida elementos multimedia- de un sitio <eb
debe se una herramienta de comunicacin al sericio de los objetios planteados "
condicionados por las pautas culturales +preferencias, gustos- del p2blico.
Esto significa que tampoco es un espacio de lucimiento del dise0ador, ni la esttica.
19
HARVARD COMPUT
*ebe adecuarse a los gustos " preferencias de los responsables del sitio. $na e# m!s los
objetios tra#ados " el perfil del p2blico deber/an ser los instrumentos para tomar las
decisiones de dise0o gr!fico " multimedia.
%dem!s de los criterios estticos " comunicacionales del dise0o gr!fico, es importante
respetar los criterios tcnicos espec/fico?
1. Que cada pgina sea cil de cargar.
La elocidad de carga de una p!gina est! en funcin del estado de las l/neas " de la
cantidad de informacin que contiene. Sobre el primer par!metro no ha" nada que
podamos hacer desde el dise0o, pero s/ sobre el segundo? establecer para cada p!gina
un m!ximo de b"tes " no sobrepasarlo.
,eali#ar los gr!ficos del tama0o m!s chico posible.
,epetir los iconos siempre que sea posible. El broCser los leer! de la memoria
cach a partir de la segunda e# que deba colocarlos en la p!gina.
Frabar cada gr!fico en formato FIH " EHF, erificar el tama0o de ambos "
descartar el ma"or.
,educir la cantidad de colores de cada gr!fico al m/nimo indispensable. *e todos
modos, la ma"or parte de los usuarios no pueden isuali#ar m!s de ;6(.
,eflexionar cuidadosamente sobre la utili#acin de recursos de multimedia?
Kagregan algo realmente a la p!ginaL.
1:
HARVARD COMPUT
!. Que las pginas sean ciles de leer.
,esoler el contraste textoOfondo con alores de luminosidad " no slo decolor.
Eliminar el color del monitor, si tiene esa posibilidad, o imprimir la p!gina en un l!ser
monocroma para erificar esto.
Tener cuidado con las texturas del fondo? no deben tener un dibujo excesiamente
n/tido que perjudique la lectura. Tampoco es coneniente que sean motios mu"
contrastados +contornos claros " oscuros-, "a que se er!n mal tanto los textos oscuros
como los claros. En el caso de utili#ar texturas fuertes, agrandar los suficiente el
tama0o de la tipograf/a.
El tama0o de la tipograf/a debe ser adecuado para ser le/do sin dificultad aun en
computadoras seteadas con altas resoluciones de pantalla.
Es importante jerarqui#ar los t/tulos, subt/tulos, manteniendo la coherencia de los
estilos en todo el sitio. )ara eso es una buena a"uda escribir una peque0a norma que
estable#ca el tama0o relatio de la tipograf/a para cada categor/a de t/tulos, "
subt/tulos, as/ como si stos an centrados, alineados, con bullets, etc.
". #stablecer gu$as visuales que permitan saber que cada pgina pertenece al mismo sitio.
La coherencia isual a"uda en ese sentido. $n sitio en el que cada p!gina tiene un fondo
diferente, ar/an los iconos " cambian otros componentes de la composicin isual,
desconcierta al usuario, que no sabe si est! en el mismo sitio o si el 2ltimo linA lo lle al
otro extremo del mundo.
2;
HARVARD COMPUT
2.2.2 D1-(?+
1uando hablamos sobre dise0o de p!ginas <eb, realmente nos referimos al @T5L o
@"per>text 5arAup Language. El lenguaje @T5L consiste en una serie de comandos que
le indican al programa naegador de <<< cmo darle formato al texto que contienen los
archios. En la actualidad no hace falta ser un experto en @T5L debido a que los
procesadores de texto existentes se encargan de hacer el trabajo, agregando el cdigo
autom!ticamente, a lo que queremos mostrar.
Los sericios de dise0o de p!ginas <eb cubren un rango que a desde conertir archios
de texto a formato @T5L, hasta desarrollar extensos conjuntos de p!ginas cargadas de
ilustraciones e hiper/nculos relacionados entre s/. )odr/a d!rsele un enfoque especial a su
p!gina para alg2n programa naegador espec/fico, pero siempre debe asegurarse de que las
p!ginas sean istas por el ma"or n2mero de plataformas posibles.
La tarea de dise0o de p!ginas <eb conoca por lo menos tres especialidades diferentes?
comunicacin +humana-, programacin +@T5L, 1FI, Eaa-, dise0o gr!fico " multimedia.
.inguna de estas especialidades tiene en s/ misma todos los recursos para llear a cabo
pro"ectos de <eb exitosos.
En los pro"ectos de sitios <eb no participan slo los especialistas contratados o
designados para ello. La empresa o institucin que origina la demanda tiene diersos
grados de responsabilidad " compromiso con la publicacin del sitio.
21
HARVARD COMPUT
2.2.3 I4-0&2&>1C4 F P,/(=&-
En esta etapa nos encargamos de la puesta en marcha, correcciones " ajustes finales.
Se debe hacer que todo funcione.
*ebemos hacer la prueba de todos los enlaces o linAs, corroborar el correcto
funcionamiento de todos los elementos de multimedia " del funcionamiento de
formularios, e>mail, buscadores, etc.
La transferencia de archios a la <eb, se reali#a a tras de HT) +Hile Transfer )rotocol-,
generalmente, se necesita un nombre de usuario " una clae de acceso.
22
HARVARD COMPUT
CAPTULO III
LENGUAJE HTML
3.1. LENGUAJE HTML
)or medio del lenguaje @T5L +@"perText 5arAup Languaje-, podemos naegar por miles
" miles de p!ginas a tras de la <<<. Es un lenguaje que sire para escribir hipertexto,
es decir, documentos de texto presentado de forma estructurada, con enlaces +linAs- que
conducen a otros documentos o a otras fuentes de informacin +por ejemplo bases de
datos- que pueden estar en la propia m!quina o en m!quinas remotas de la red. Todo ello se
puede presentar acompa0ado de cuantos gr!ficos est!ticos o animados " sonidos seamos
capaces de imaginar.
@T5L es el lenguaje con el que se constru"en las p!ginas <eb. La idea inicial de @T5L
era describir la estructura " el contenido de un documento, sin embargo la tendencia actual
es utili#arlo tambin como un lenguaje de descripcin, controlando el aspecto de
documento +tipograf/a, posicionado, etc.-.
)or supuesto, la esttica de los documentos escritos en @T5L no se limita a texto digamos
normalI consigue todos los efectos que habitualmente se pueden producir con un moderno
procesador de textos? negrita, cursia, distintos tama0os " fuentes, tablas, p!rrafos
tabulados, sangr/as, incluso texto " fondo de p!gina de colores, " muchos m!s.
El programa encargado de interpretar el texto @T5L es el naegador o broCser. El
naegador puede recibir el cdigo @T5L junto con los elementos integrados en la p!gina
+im!genes, sonidos, /deo, etc.- desde un seridor remoto o de un seridor de red
+utili#ando el protocolo de transferencia de h"pertexto " @TT)- o leer las p!ginas
23
HARVARD COMPUT
directamente de nuestro disco duro+sin un protocolo de transmisin tipo @TT), sino el
equialente a abrir un documento con un procesador de textos-.
En @T5L todas las codificaciones de efectos en el texto que lo forman no son m!s que
instrucciones para el isuali#ador. )artiendo de esto, se entiende el porqu no se e lo
mismo con todos los isuali#adores. *epende de cmo estn dise0ados " para qu ersin
de lenguaje estn dise0ados.
@asta no hace mucho los programadores de @T5L cobraban una barbaridad por crear una
p!gina <eb. Eran los inicios del boom <<<.
@T5L no es un lenguaje de programacin como puede serlo 1, )ascal o EaaI @T5L tan
slo es un lenguaje para crear documentos en formato electrnico, una forma de definir
efectos en el texto de manera similar a como se hac/a en los antiguos procesadores de texto
pero con complicados " poderosos seridores de informacin.
En la actualidad cualquiera puede crear sus p!ginas <ebI puede escribir el cdigo @T5L
directamente o utili#ar alguno de los excelentes editores. 5uchos usuarios de la ,ed tienen
"a sus p!ginas <eb publicadas, gracias al espacio que les brindan la ma"or/a de los
proeedores de acceso. .o es necesario que la pagina <eb este publicada en InternetI
podemos utili#arla tan solo para consultas en la red de !rea local para reali#ar consultas
internas de la empresa u organi#acin+Intranet-.
La unidad fundamental en lenguaje @T5L es el B 0&) B o la marca. 1ada estructura de
texto se encerrar! entre una marca de inicio " otra de fin.
En @T5L las marcas ienen delimitadas con los signos P+inferior- " Q+superior-. *e este
modo el naegador sabe que debe interpretar cdigo comprendido entre estos s/mbolos.
24
HARVARD COMPUT
Esqueleto Bsico de un documento HTML
P@T5LQ
P@E%* Q
PTITLE QT/tulo del documento P OTITLE Q
P O @E%* Q
=G*D
1uerpo del documento
PO=G*D Q
P O @T5L Q
3.2. ESQUELETO B6SICO DE LA ESTRUCTURA HTML
Entre PhtmlQ " POhtmlQ encontraremos la definicin de la p!gina propiamente dicha. En el
bloque delimitado por PheadQ " POheadQ se establecen ciertas caracter/sticas de la p!gina,
tales como el t/tulo, quien las constru", etc. *e estas caracter/sticas de la p!gina, la 2nica
que es obligatoria declarar es el t/tulo. Esto se hace mediante el par de tags PtitleQ "
POtitleQ.
)or 2ltimo est! Pbod"Q " PObod"Q, entre los cuales se encierra toda la informacin que el
naegador debe mostrar.
2"
HARVARD COMPUT
.o todos los tags son igualesI ha" alguno cu"as acciones est!n acotadas por las funciones
que cumplen, por lo que no es necesario incluir otro tag para finali#ar su accin. %lgunos
de ellos son?
PbrQ Fenera un retorno de carro
PpQ Equiale a un retorno de carro R un aance de l/nea
PhrQ 1rea una l/nea diisoria hori#ontal.
Existen tags que llean par!metros asociados cmo?
Pimg srcSBOcmOmar#o.gifB CidthS&84 heightS':Q
Este tag PimgQ permite incluir im!genes dentro de una p!gina. El par!metro src indica la
ruta de acceso al archio donde est! la imagen, mientras que Cidth " height detallan su
ancho " alto en pixeles.
3.3 %ORMATEAR TE#TO
@a" cdigos qu afectan a la distribucin " aspecto del texto. Los m!s importantes
agrupados en las categor/as Tama0o, Tipo de letra " posicin.
3.3.1. T&7&?+
Lo m!s destacable aqu/ son los seis nieles de cabeceras. )or ejemplo?
P@&Q Fu/a de ,edaccin @T5LPO@&Q
P@;Q .otas sobre esta Fu/aPO@;Q
2$
HARVARD COMPUT
P@7Q $n )oco de @istoriaPO@7Q
Esta gu/a fue elaborada...
Se puede cambiar el tama0o de las palabras utili#ando los cdigos?
PHG.T SITES R;Q estas palabras POHG.TQ
3.3.2 T1B+ *( 2(0,&
La siguiente tabla muestra los principales cdigos que afecta al aspecto del texto.
%tributo Sintaxis ,esultado
Unfasis+cursia- NuieroPE5QdesacarPE5Q esto. Nuiero destacar esto.
Huerte+negrilla- NuieroPST,G.FQrecalcarPOST,G.FQ. Nuiero ,(>&2>&, esto.
5onoespaciado Teclea PTTQestos cdigosPOTTQ. Teclea estos cdigos
3.3.3 P+-1>1C4
Los cdigos principales son los que proocan salto de l/nea " el que se centra.
El cdigo P)Q se0ala el inicio de un p!rrafo " prooca un salto de l/nea precedido por un
rengln en blanco.
El cdigo P=,Q hace lo mismo pero sin rengln en blanco.
Los cdigos PcenterQ " POcenterQ centran el texto entre los m!rgenes.
25
HARVARD COMPUT
3.4 ELEMENTOS TE#TUALES
3.4.1 C&,&>0(,(- F -K7=+2+-
5uchos de los caracteres que necesitamos representar, letras acentuadas, requieren un trato
especial en @T5L. $n buen editor nos ir! haciendo la conersin autom!ticamente, pero a
eces resulta necesario recurrir a los cdigos. %ca se e una tabla de los principales?
! Vaacute W V%acute Vegrae M Vuuml
0 V ntilde X V.tilde Y Vccedil Z Vcop"
K V[&'& \ V[&(& ] V[&:8 ^ V[&3(
%aracteres especiales
3.4.2 L1-0&-
@a" arias maneras de tratar listas. Las principales son la lista numerada +GL- " de los
puntos conductores+$L- que tiene un par de ariantes. Tambin ha" una lista pensada para
glosarios de trminos +*L-.
&na 'ista (umerada )*rdered 'ist-
PGLQ
PLIQ%nimales
PLIQ)lantas
POGLQ
Se e as/?
29
HARVARD COMPUT
&. %nimales
;. )lantas
&na lista (o (umerada )&nordered 'ist+
P$LQ
PLIQ%nimales
PLIQ)lantas
PO$LQ
Se e as/?
. %nimales
. )lantas
&n 'ista de ,einiciones ),einition 'ist+
P*LQ
P*TQ %nimales
P**Q Son unos bichitos que algunos tienen espina#o " otros no.
P*TQ )lantas
P**Q Est!n ias pero no les puedes llamar bichos. .o ser/a correcto.
PO*LQ
Se e as/?
%nimales
2:
HARVARD COMPUT
Son unos bichitos que tienen espina#o " otros no.
)lantas
Est!n ias pero no se les puede llamar bichos. .o ser/a correcto.
% eces resulta 2til anidar las listas para representar un esquema jer!rquico. $n ejemplo?
P$LQ
PLIQ%nimales
P$LQ
PLIQJertebrados
PLIQInertebrados
PO$LQ
PLIQ)lantas
P$LQ
PLIQJerdes
PLIQ.ucleares
PO$LQ
PO$LQ
Se e as/?
. %nimales
. Jertebrados
3;
HARVARD COMPUT
. Inertebrados
. )lantas
. Jerdes
. .ucleares
3.4.3 T&=2&-
Las tablas nos permiten distribuir las cosas en columnas " en filas, aproechando mejor el
ancho de p!gina. Se puede especificar un montn de par!metros de formato tanto de tabla
+T%=LE- como de filas +T,- " las celdas +T*- indiiduales. Los principales son?
PT%=LEQ
PT,QPT*QPOT*Q5allorcaPOT*QPOT*Q5enorcaPOT*QPT*QIbi#aPOT*QPOT,Q
PT,QPT*QExtensinPOT*QPT*QFrandecitoPOT*QPT*Q5edianoPOT*QPT*Q1hiquit/n
POT*QPOT,Q
PT,QPT*Q)oblacinOT*QPT*Q5allorquinesPOT*QPT*Q5enorquinesPOT*QPT*QIbice
ncosPOT*QPOT,Q
PT%=LEQ
Se e as/
5allorca 5enorca Ibi#a
Extensin Frandecito 5ediano 1hiquit/n
)oblacin 5allorquines 5enorquines Ibicencos
31
HARVARD COMPUT
)odemos mejorar el aspecto de la tabla insertando atributos dentro de los cdigos de
T%=LE, T,, " T*. 1omo el ancho de la tabla +<I*T@- " del reborde
+=G,*E,-,a0adiendo un t/tulo+1%)IG.- debajo +%LIF.S=GTTG5- " formateamos las
celdas de la primera fila " columna como cabeceras +T@- que salen en negrilla " centradas.
PT%=LE =G,*E,S; <I*T@S:69Q
P1%)TIG. %LIF.SbottomQ*atos de =aleare.PO1%)TIG..
PT,QPT*QPOT*Q5allorcaPOT*QPOT*Q5enorcaPOT*QPT*QIbi#aPOT*QPOT,Q
PT,QPT*QExtensinPOT*QPT*QFrandecitoPOT*QPT*Q5edianoPOT*QPT*Q1hiquit/n
POT*QPOT,Q
PT,QPT*Q)oblacinOT*QPT*Q5allorquinesPOT*QPT*Q5enorquinesPOT*QPT*QIbice
ncosPOT*QPOT,Q
PT%=LEQ
Se e as/?
M&22+,>& M(4+,>& I=13&
Extensin Frandecito 5ediano 1hiquit/n
)oblacin 5allorquines 5enorquines Ibicencos
32
HARVARD COMPUT
3." EDITORES DE HTML
Los editores existentes en el mercado eran bastante simples " pocos funcionalesI " no
soportaban muchos tags especiales ni tampoco los frames. )or esta ra#n para un dise0o
complejo, era imprescindible recurrir a un editor de textos conencional " abrir los
archios @T5L, modificar el cdigo " obtener el resultado esperado. )or lo tanto era
necesario conocer el lenguaje @T5L, para conseguir un <eb m/nimamente profesional.
)ero ahora existen editores complejos " <DSI<DF, por lo que "a no es imprescindible
conocer el lenguaje @T5L?
Hront)age Express, incluido con 5icrosoft Internet Explorer 4.8.
Hront)age '3, con las mismas caracter/sticas que el anterior.
el editor de .etscape +.etscape 1omposer-.
3.$ LINLS O ENLACES DE HAPERTE#TO
El linA es uno de los elementos m!s importantes, es posible pasar de un <eb a otro,
alojados en seridores remotos, separados por miles de Ailmetros.
En general, los enlaces tienen la siguiente estructura?
P% @,EHSBxxxBQ """ PO%Q
dnde xxx es el destino del enlace e """ es el texto indicatio del enlace +con un color
especial " generalmente subra"ado-.
En el par!metro @,EH del tag P%Q para crear los enlaces se debe especificar el $,L o
direccin a la cual apunta el enlace. Estas direcciones pueden ser absolutas o relatias.
33
HARVARD COMPUT
En el caso de direcciones absolutas especificamos la direccin completa a la que apunta el
enlace.
)or ejemplo?
P% @,EHS http?OOCCC.pcplus.esOpruebasOtestOmi_p!gina.htmlQEnlacePOaQ
Si nuestro enlace apunta a una p!gina dentro del mismo seridor, debemos utili#ar
direcciones relativas, es decir sin hacer referencia a la direccin de Internet +en el ejemplo
anterior ser/a http?OOCCC.pcplus.esO-
)or ejemplo P% @,EH SB..Otest;Oejemplo.htmlBQEnlace;POaQ
En el ejemplo anterior, las palabras BEnlace;B son un enlace a la p!gina ejemplo.html
situada en el directorio test;, al mismo niel en el !rbol de directorios que la p!gina donde
se encuentra el enlace. )ara ascender nieles en una estructura de !rbol de directorios se
utili#an los dos puntos+exactamente igual como se hace en 5S>*GS o $nix-.
)odemos distinguir cuatro tipos de enlaces?
&. Enlaces dentro de la misma p!gina
;. Enlaces con otra p!gina nuestra
7. Enlaces con una p!gina fuera de nuestro sistema
4. Enlaces con una direccin de email
34
HARVARD COMPUT
3.$.1 E42&>(- *(40,+ *( 2& 71-7& B@)14&
En el caso de documentos +o p!ginas- mu" extensos, nos puede interesar dar un salto desde
una posicin a otra determinada.
En este caso, lo que antes hemos llamado ```, es decir, el destino del enlace, en este caso
el sitio dentro de la p!gina a donde queremos saltar, se sustitu"e por [marca +la palabra
marca puede ser cualquier palabra que queramos-. Lo que hemos llamado antes DDD es la
palabra +o palabras- que aparecer!n en la pantalla en color +en forma de hipertexto-. Su
estructura es, entonces?
P% @,EHSB[marcaBQ DDD PO%Q
D en el sitio exacto a donde queremos saltar, debemos poner la siguiente etiqueta?
P% .%5ESBmarcaBQ PO%Q
)or ejemplo, si quiero saltar desde aqu/ a la pantalla final, pongo la siguiente etiqueta?
P% @,EHSB[finalBQ )ulsa para ir al finalPO%Q
Nue resulta como? )ulsa para ir al final
D en el final del documento esta otra etiqueta?
P% .%5ESBfinalBQ PO%Q
3"
HARVARD COMPUT
3.$.2 E42&>(- >+4 +0,& B@)14& 4/(-0,&
)uede ser que tengamos una sola p!gina. )ero lo m!s frecuente es que tengamos arias
p!ginas, una inicial o principal " otras conectadas a ella, e incluso entre ellas mismas.
En este caso, simplemente sustituimos lo que hemos llamado ``` +el destino del enlace-
por el nombre del fichero?
P% @,EHSBpag;.htmlBQ Ejemplo PO%Q
Si queremos que a"a a un sitio concreto de otra p!gina nuestra en e# de ir al principio de
la p!gina, adonde a por defecto, en ese sitio tenemos que colocar una marca, " completar
el enlace con la referencia a esa marca.
$na obseracin importante? Suponemos que la p!gina en la que escribimos esta etiqueta "
la otra p!gina a la que quiero saltar est!n en el mismo directorio. )orque pude ocurrir que e
organi#amos el sitio del <eb con un directorio principal, " otros subdirectorios auxiliares.
Si la p!gina a la que quiero saltar est!, por ej. en el subdirectorio subdir, entonces en la
etiqueta tendr/a que haber puesto BsubdirOpag;.htmlB.
D a la inersa, si quiemos saltar desde una p!gina a otra que est! en un directorio anterior,
en la etiqueta tendr/a que ponerse B..Opag;.htmlB. Esos dos puntos hace que se dirija al
directorio anterior. Gbsrese que se debe utili#ar el s/mbolo O para indicar los
subdirectorios, " no este otro a, que es propio 2nicamente de <indoCs.
Si nos queremos eitar todas estas complicaciones, podemos tener todo junto en un 2nico
directorio, pero esto tiene el inconeniente de que est todo m!s desordenado, " sean m!s
dif/ciles de hacer las futuras modificaciones.
3$
HARVARD COMPUT
3.$.3 E42&>(- >+4 /4& B@)14& E/(,& *( 4/(-0,+ -1-0(7&
Si queremos enla#ar con una p!gina que est fuera de nuestro sistema +es decir, que est en
un seridor distinto al que soporta nuestra p!gina-, es necesario conocer su direccin
completa, o $,L +$niform ,esource Locator-. El $,L podr/a ser, adem!s de la direccin
de una p!gina del <eb, una direccin de ftp, gopher, etc.
$na e# conocida la direccin +o $,L-, lo colocamos en lugar de lo que hemos llamado
anteriormente xxx +el destino del enlace-. Si queremos enla#ar con la p!gina de .etscape
+cu"o $,L es? http?OOhome.netscape.comO-, la etiqueta ser/a?
P% @,EHSBhttp?OOhome.netscape.comOBQ )!gina inicial de .etscape PO%Q
Es mu" importante copiar estas direcciones correctamente +respetando las ma"2sculas "
min2sculas, pues los seridores $.I` s/ las distinguen-.
3.$.4 E42&>(- >+4 /4& *1,(>>1C4 *( (7&12
En este caso, sustituimos lo que se ha llamado antes xxx +el destino del enlace- por mailto?
seguido de la direccin de email. La estructura de la etiqueta es?
P% @,EHSbmailto? direccin de emailbQ Texto del enlace PO%Q
$n ejemplo
1omentarios a P% @,EHSbmailto? infocarrobadnet.esbQSoporte TcnicoPO%Q
Ejemplo pr!ctico
P@T5LQ
35
HARVARD COMPUT
P@E%*Q
PTITLEQ 5i pagina del <eb e 7 POTITLEQ
PO@E%*Q
P=G*DQ
P1E.TE,Q
P@&Q 5is paginas faoritas PO@&Q
PO1E.TE,Q
P@,Q
Estas son mis paginas faoritas?
P)QP% @,EHSbhttp?OOhome.netscape.combQ .etscape PO%Q
P=,Q P% @,EHSbhttp?OOCCC.microsoft.combQ 5icrosoft PO%Q
P=,Q P% @,EHSbhttp?OOCCC."ahoo.combQ Dahoof PO%Q
PO=G*DQ
PO@T5LQ
3.5 IM6GENES
)odemos incorporar im!genes, la estructura de la etiqueta es?
PI5F S,1SBimagen.gifBQ
39
HARVARD COMPUT
1on el comando I5F S,1 +image source, fuente de la imagen- se indica que se quiere
cargar una imagen llamada imagen.gif +o el nombre que tenga-.
%l programa naegador se le indica el nombre " la locali#acin de un fichero que contiene
una imagen.
*entro de la etiqueta se pueden a0adir otros comandos, tal como %LT
PI5F S,1SBimagen.gifB %LTSBdescripcinBQ
1on el comando %LT se introduce una descripcin +una palabra o una frase bree-
indicatia de la imagen. Este comando, que en principio se puede omitir, es en beneficio de
los que accedan a nuestra p!gina con un programa naegador en forma de texto solamente.
Da que no son capaces de er la imagen, por lo menos pueden hacerse una idea sobre ella.
)ero no es slo por esto. @a" casos, en los que se utili#a una imagen como enlace a otra
p!gina. Si se omitiera este comando, los que utili#an dichos naegadores no podr/an de
ninguna manera acceder a esas p!ginas.
1on respecto a la locali#acin del fichero de esa imagen, si no se indica nada especial,
como en el caso que se ha expuesto, quiere decir que el fichero imagen.gif est! en el
mismo directorio que el documento @T5L que estamos escribiendo. Si no es as/, se siguen
los mismos criterios que los indicados para los enlaces.
%l igual que una p!gina con la que queremos enla#ar puede estar fuera de nuestro sistema,
+en cu"o caso hab/a que indicar su $,L o direccin completa-, podemos cargar una
imagen que no est en nuestro sistema siguiendo el mismo mtodo, es decir, indicar en la
etiqueta el $,L completo de la imagen. %unque esto no es mu" aconsejable, pues alargar/a
innecesariamente el tiempo de carga de nuestra p!gina.
3:
HARVARD COMPUT
En lo que se refiere a las *1,(>>1+4(- &=-+2/0&- F ,(2&01'&- se pueden aplicar en el caso de
las im!genes. $n buen consejo al dise0ar la <eb es crear un directorio para las im!genes.
*e este modo siempre deberemos apuntar bien al directorio de im!genes para que
apare#can las im!genes correctamente en la p!gina <eb.
Los formatos m!s utili#ados son del tipo?
3.5.1 %+,7&0+ GI%
%propiado para logotipos " adem!s arte gr!fica, para im!genes con colores slidos
" continuos +especialmente para im!genes con bordes definidos, u texto o un dibujo-.
Este es el 2nico soportado por cualquier naegador existente.
%dem!s comprime la informacin de la imagen sin prdida de informacin.
Este formato soporta un m!ximo de ;6( colores.
$n FIH puede ser transparenteI la transparencia permite crear im!genes que
comparten el mismo color de fondo de la p!gina, simulando una apariencia no
rectangular.
3.5.2 %+,7&0+ JPEG
%propiado para im!genes complejas o para fotograf/as, "a que es bueno para
trabajar con im!genes con m2ltiples patrones " contrastes.
E)EF comprime " destru"e parte de la informacin de la imagen.
Soporta hasta &(,( millones de colores.
$n E)EF no puede ser transparente.
4;
HARVARD COMPUT
Teniendo en cuenta todo esto, no es bueno conertir un FIH a E)EF o iceersa. Se pierde
gran parte de la calidad de imagen, adem!s puede ocupar m!s espacio +en g=- que en el
formato anterior.
Estos formatos gr!ficos cuentan con ciertas ariaciones que permiten agili#ar la
isuali#acin de sus contenidos hasta hacer simples animaciones. Ellos son?
Los GIF intercalados que cargan las im!genes acrecentando el niel de detalle?
comien#an por erse borrosas " an tomando formando hasta que se completanI esto
sire para la espera por los gr!ficos de la p!gina no sea ardua.
Los JFEG proresivos, funcionan de manera similar a los FIH intercalados?
primero muestran una imagen de baja resolucin que luego se a completando con una
alta resolucinI esta clase de formato E)EF es bastante nuea, por lo que no todos los
naegadores la soportan.
Los GIF animados conocidos tambin como FIH3'aI este formato permite crear
simples animaciones que dan un impacto especial " atraen la atencin de los isitantes.
Los FIHs animados est!n soportados por la gran ma"or/a de los naegadores, adem!s
debemos tener en cuenta que ocupan un ma"or n2mero de b"te.
$n aspecto mu" importante a tener en cuenta es el tamao de las imenes, pues una
imagen grande supone un fichero grande, " esto puede resultar en un tiempo excesio de
carga, con el consiguiente riesgo de que quien est intentando cargar nuestra p!gina se
canse de esperar, " desista de ello. %dem!s las im!genes incrustadas en p!ginas <eb son
en partes responsables de los cuellos de botellas existentes en la<<<.
%lgo bueno relacionado con el @T5L es incluir en el tag PI5FQ los par!metros <I*T@
" @EIF@T, es decir el alto " el ancho de la imagen. )or defecto, @T5L toma las
41
HARVARD COMPUT
dimensiones reales de la imagen. )ero si incluimos estos alores la p!gina @T5L se
presentar! mucho m!s r!pido en pantalla+el texto- mientras se acaban de transmitir las
im!genes.
3.5.3 P+-1>1C4 *( 2&- 17@)(4(-
)ara elegir la posicin de la imagen con respecto al texto ha" distintas posibilidades. La
m!s sencilla es colocarla entre dos p!rrafos, con un titular a un lado. Los naegadores m!s
actuales +como el .etscape .aigator " el 5icrosoft Internet Explorer- permiten que el
texto pueda rodear a la imagen.
*e momento nos amos a limitar a escoger la posicin del titular con respecto a la imagen
+s/ es que queremos ponerle un titular, claro est!-. Se puede poner arriba, en medio o abajo
del lado de la imagen. )ara ello se a0ade el comando %LIF. a la etiqueta, de la siguiente
manera?
PI5F S,1SBisla.gifB %LIF.STG)Q Titular alineado arriba
PImagen? islaQTitular alineado arriba
PI5F S,1SBisla.gifB %LIF.S5I**LEQ Titular alineado en medio
PImagen? islaQTitular alineado en medio
PI5F S,1SBisla.gifB %LIF.S=GTTG5Q Titular alineado abajo
PImagen? islaQTitular alineado abajo
42
HARVARD COMPUT
3.5.4 I7@)(4(- /01213&*&- >+7+ (42&>(
)odemos utili#ar una imaen como enlace a otra pina. )ara estos casos se utili#an
generalmente im!genes peque0as +iconos-, aunque se puede usar cualquier tipo de imagen.
La estructura general de un enlace es?
P% @,EHSBxxxBQ """ PO%Q
donde xxx era el destino del enlace e """ el texto del enlace . En este caso sustituimos xxx
por el nombre del fichero de la p!gina a la que queremos acceder. D en lugar de """
ponemos la etiqueta completa de la imagen
P% @,EHSBpag;.htmlBQPI5F S,1SBhombre.gifBQPO%Q
Tambin podemos utili#ar una imaen para enla!ar con otra imaen. En este caso
sustituimos xxx +el destino del enlace- con el nombre del fichero de la imagen a la que
queremos acceder e """
P% @,EHSBisla.gifBQPI5F S,1SBcasa.gifBQPO%Q
)or 2ltimo, otra posibilidad es la de utili!ar un te"to para enla!ar con una imaen. En
este caso sustituimos xxx +el destino del enlace- con el nombre del fichero de la imagen a
la que queremos acceder e """ +lo que aparece en pantalla como el enlace- por el texto.
P% @,EHSBisla.gifBQ un para/so tropical PO%Q
$n tipo de im!genes del que se hace abundante uso " que siren para mejorar la
presentacin de la p!gina son los iconos, botones, barras separadoras, etc. % pesar de su
tama0o o forma, son im!genes como cualquier otra.
43
HARVARD COMPUT
3.5." E*10+,(- *( 17@)(4(-
P,+*/>0+ D(->,1B>1C4 P2&0&E+,7& D(->,1B>1C4 (4 I40(,4(0 C&0()+,K&
%nimagic
FIH
%nimacin
FIH
<indoCs '6 @ttp?OOCCC.rtlsoft.comOanimagif ShareCare
FIH
1onstruction
Set
%nimacin
FIH
<indoCs
+todas-
@ttp?OOCCC.mindCorAshop.com ShareCare
Fraphic
<orAshop
&.&
Editor de
im!genes
<indoCs
+todas-
@ttp?OOCCC.mindCorAshop.com ShareCare
)aint Shop
)ro 4.8
Editor de
im!genes
<indoCs '6 @ttp?OOCCC.jasc.com ShareCare
5S Image
1omposer
&.8
Editor de
im!genes
<indoCs '6 http?OOCCC.microsoft.com ShareCare
3.9 %RAMES O MARCOS
1on los frames se puede diidir una p!gina @T5L en arias " naegar dentro de cada
frame. )or ejemplo es mu" com2n utili#ar un frame para situar en l un men2 o iconos de
naegacin dentro del <eb que permanece siempre en pantalla, mientras que las p!ginas
an apareciendo en el segundo frame.
)odemos diidir las p!ginas @T5L con los frames hori#ontalote +l/neas- o
erticalmente+columnas-. Tambin se admiten frames anidados.
44
HARVARD COMPUT
3.: LOS %ORMULARIOS
@T5L permite crear un formulario +con listas de seleccin, men2s desplegables, campos
de texto, botones, etc.- para que el usuario pueda introducir cualquier tipo de informacin "
la comunicacin sea bidireccional, dejando de ser un mero espectador. La informacin
introducida en el formulario es tratada en el seridor por un programa+1FI- " puede
responder con una nuea p!gina presentada en el naegador. La programacin 1FI es
bastante m!s compleja que el @T5L.
Sin embargo, sin necesidad de utili#ar programas 1FI podemos recibir informacin de los
isitantes de nuestra <eb /a correo electrnico. La cabecera de todo formulario en @T5L
es el tagPHG,5Q. $no de sus par!metros es %1TIG..
EE? %1TIG.S5%IL>TG? email, donde BemailB es nuestra direccin de correo electrnico,
de esta manera recibiremos el contenido de los campos del formulario directamente en el
bu#n de correo.
4"
HARVARD COMPUT
CAPTULO IV
HARDWARE A SO%TWARE
4.1 INTRODUCCIN
Las personas o empresas que deseen publicar sus p!ginas <eb en un centro proeedor de
Internet o bien que deseen montar su propio seridor, antes de publicar sus p!ginas, deben
tener en cuenta arios aspectos como son seguridad, elocidad de acceso " sericios.
%l contactar con cualquier centro proeedor de Internet ste nos informar! de todas sus
caracter/sticas tcnicas? el ancho de banda que tiene, el n2mero de usuarios, las m!quinas
que tiene, los sistemas de seguridad que implementa " que sistema usa para tratar la
informacin que se desea colocar en el centro.
4.2 HARDWARE
4.2.1 T1B+- *( 2K4(&
%ctualmente la forma m!s extendida de acceder a un seridor es por medio de una Hrame
,ela", que es una tcnica de conmutacin por paquetes que nos serir! para eniar
informacin. Esta tcnica b!sicamente lo que hace es transferir a los terminales las
funciones de flujo de control, correccin de errores " otras que anteriormente hac/an los
protocolos de comunicacin como `.;6. Hrame ,ela" esta orientado a paquetes como `.;6
" tambin transparente a los protocolos como el modo circuitos.
4$
HARVARD COMPUT
4.2.2 R+/0(,
Estos dispositios operan en el niel de red " permiten la interoperatiidad entre redes
diferentes eligiendo siempre el mejor camino para eniar un paquete.
El router necesario se debe adaptar a la informacin que nos llega por la l/nea de acceso a
informacin que la m!quina pueda entender. La eleccin del router endr! especificada por
el protocolo que se use. %dem!s se debe configurarlo.
Los routers son tolerantes a fallos de enlaces +rutas alternatias-, tambin soportan el
desorden " duplicidad de paquetes, si bien los routers deber/an minimi#ar la prdida
adicional de paquetes aunque el niel no garanti#a la entrega fiable de paquetes. Los
routers introducen un tiempo de procesado adicional.
4.2.3 S(,'1*+,(- MH&,*N&,(O
Seridores son las m!quinas donde ha" depositada la informacin que deseamos publicar
en Internet. Esta informacin puede estar distribuida en arios ordenadores o en un
ordenador m!s grande. Tanto sise trata de una u otra opcin, debemos tener en cuenta
arios aspectos f/sicos.
M(7+,1& RAM
La ma"or/a de p!ginas que ha" en Internet son @T5L, por lo que una e# se ha"a
publicado una de ellas, esta pasar! a la ,%5 de nuestro seridor, por lo que s/ un usuario
iene inmediatamente despus, se encontrar! con la p!gina de una manera mucho m!s
r!pida que no el usuario anterior. )or lo tanto, una buena cantidad de ,%5 siempre har!
45
HARVARD COMPUT
que nuestro seridor no tenga que hacer tantos accesos a disco duro, por lo que la
elocidad de sericio aumentar!. El m/nimo que se considera para una )1 es 35=.
@a" que tener en cuenta que si trabajamos con p!ginas que se generan de forma aleatoria,
que se generan con una consulta a una base de datos o simplemente a gusto del usuario,
diremos que la ,%5 no juega un factor tan importante "a que es mu" dif/cil que una
misma sea cargada de una forma continuada.
D1->+ D/,+
*ebido a toda la informacin que reside en disco duro, debemos tener una elocidad de
acceso a ste lo m!s eleada posible. 1on un par de im!genes, un fondo que no sea liso "
un texto m!s o menos grande nos amos a un tama0o de una p!gina de unos ;6>76gb. Si
tenemos en cuenta que las im!genes normalmente se encuentran en directorios distintos a
los documentos @T5L, " que por lo general los discos duros se encuentran llenos, se
recomiendan el uso de discos duros S1SI o S1S II "a que tienen una elocidad de
respuesta ma"or a la de los discos duro normales +I*E-.
*ebido a que en todas las plataformas los naegadores <eb requieren mucho espacio de
disco libre el m/nimo requerido est! entre 68 " &885b libres.
P,+>(-&*+,
1on las p!ginas @T5L, no se gana mucho con la elocidad del procesador, aunque
tambin es un factor importante. )ero si la p!gina <eb que nosotros generamos se hace a
partir de una consulta a una base de datos o, a parte de la p!gina <eb, se generan archios
de consulta para guardar o imprimir, esto se reali#ar! b!sicamente con el procesador, "
49
HARVARD COMPUT
cuanto m!s potencia se tenga+elocidad de proceso- estas se generar!n de una manera m!s
r!pida.
)ara las )1, se desea al menos un 43(. 5ientras m!s r!pido el43( mejor, siendo el m/nimo
aceptable alrededor de ((5@T. 5ejor a2n ser/a un )entium &885@# o un )entium
&775@#.
4.2.4 N(>(-1*&*(- *( H&,*N&,( B&,& PC IBM F >+7B&01=2(-
C+7B+4(40( MK417+ P,(E(,1=2(
*isco *uro 68 5b libres ;885b libres
5emoria +,%5- 4 e 3 5b 3 e 7;5b
Jelocidad de 1)$ (( a 43( 5@# )entiuma &775h# omejor
% parte de los aspectos f/sicos del seridor, ha" que tener en cuenta quien los gestiona.
Esto es el sistema operatio. 5!quinas como Silicon Frafhics o Sun 5icros"stems son un
claro exponente de potencia " seguridad. Sus sistemas operatios, sus componentes de
hardCare " softCare hacen que estos ordenadores sean bastantes caros, pero en muchos
modelos casi infranqueables por los temidos hacAers.
Gtras soluciones m!s econmicas son el uso de seridores como los de I=5, Siemens, @),
u otras marcas que ofrecen soluciones a niel hardCare que se adaptan a las que hemos
citado antes "a que ofrecen softCare o sistemas operatios m!s econmicos.
4:
HARVARD COMPUT
4.3 SERVIDORES MSO%TWAREO
1uando hablamos de seridores a niel softCare nos referimos a los programas que
necesitamos para que los usuarios se beneficien de los sericios que se ofrecen. %lgunos de
estos sericios son?
4.3.1 DNS MD+7&14 N&7( S(,'(,O
1onocido como seridor de dominio. Este seridor lo que hace es traducir la direccin que
eniamos con formato texto, en una direccin I). Si reconoce esa direccin, dentro del
dominio, la sireI si no, reen/a la direccin a un seridor inmediato superior que si
tampoco la reconoce, actuar! de la misma manera.
4.3.2 WWW MW+,* W1*( W(=O
Este sericio utili#a el protocolo @TT) + @"per Text Transfer )rotocol- que est! basado en
la filosof/a cliente>seridor " se utili#a para intercambiar documentos entre distintos
ordenadores.
Este seridor debe soportar el @T5L +@iper Text 5arAup Lenguaje-, que es el lenguaje
usado en la reali#acin de p!ginas <eb, para que pueda ser tratado en todas las
plataformas.
";
HARVARD COMPUT
4.3.3 %TP M%12( T,&4-E(, P,+0+>+2O
Lo utili#amos para poder intercambiar informacin en forma de archios entre dos
ordenadores. Feneralmente, los usuarios utili#an el HT) para poder poner sus p!ginas <eb
en su seridor de una manera m!s clara, r!pida " segura, "a que cada usuario normalmente
tiene acceso a su directorio particular.
4.3.4 P+B3 MP+-0 OEE1>( C+40,+2O
,epresenta la central de correos del usuario. $na e# que se ha recibido la informacin de
para quin es " de quin es el mensaje por parte del S5T), act2a el )op7.
Esto son los sericios principales e imprescindibles, pero no los 2nicos. Gtros sericios que
se pueden a0adir son seidores de audio, /deo, etc.
4.3." O0,&- >&,&>0(,K-01>&-
Gtros aspectos importantes a tener en cuenta son?
D1,(>>1+4(- IP
=asadas en el protocolo T1)OI) el cual ofrece un sericio no orientado a conexin, es
decir, que cada trama en la que se ha diidido un paquete puede ser eniada por un camino
distinto " tambin puede llegar de forma desordenada. El control de flujo " de errores se
reali#a en los terminales, por lo que hace que el en/o de los paquetes sea bastante r!pido.
1ada m!quina tiene asociado un n2mero de 7; bits, al que llamaremos direccin I). Esta
"1
HARVARD COMPUT
direccin se diide en dos partes? .ETI* " @GST I*..ETI*? esta parte es asignada por el
.I1+.etCorA Information 1enter-.
1uando la red o seridor no a a ser isto por ning2n usuario externo o por ninguna red
externa, no tenemos que pedir nada a este organismo. Seg2n el tama0o que tenga la red,
tendremos 3, &( o ;4 bits para poder identificarla. @GST I*? Identifica cada m!quina
dentro de la red, esta parte corre a cargo del redmaster +administrador de red-
1ada direccin endr! representada, por cuatro n2meros decimales separados por un punto
entre s/, &'4.&(3.&88.:, que representar! el alor binario de cada campo. *e esta manera
podemos asegurar que cualquier direccin, que se ha"a hecho p2blica podr! ser accesible
siempre " cuando se cumplan los permisos necesarios para poder acceder a ella.
S(,'1*+, DNS
%lgunas de las caracter/sticas m!s importantes que rigen el *.S.
)or lo general los usuarios prefieren asociar a un nodo un nombre simblico en lugar de
una direccin numrica, esto es CCC.xxxxxxx.es en e# de la direccin I)
$$$.```.TTT.
EL *.S se puede entender como un sericio de directorios de Internet que proporciona
informacin acerca de la asociacin entre el nombre simblico de un nodo con su direccin
I). Gtra de sus particularidades es que diide la red en dominios " subdominios a partir de
una estructura arbrea que identifica por caminos, por lo que una #ona ser! una regin
compuesta de uno o m!s dominios " subdominios gestionada por un 2nico administrador.
1ada nodo se identifica por una etiqueta o alias, de longitud inferior a (7 caracteres, " cada
"2
HARVARD COMPUT
nombre de dominio de un nodo del sericio *.S est! formado por una concatenacin de
etiquetas, cada una de ellas separada por un punto.
EL sericio *.S se basa en una estructura cliente>seridor, donde los dominios superiores
est!n diididos en tres grandes grupos? gestin+org-, dominios compuestos por tres
caracteres +net-, " dominios compuestos por dos caracteres +resto de pa/ses-. Todos estos
gestionados por el .I1.
El *.S act2a como una base de datos distribuida donde los seridores *.S intercambian
informacin en modo jerarqui#ado, los seridores son responsables de jerarqui#ar las #onas
teniendo conocimiento de sus seridores ecinos " almacenando la informacin en los ,,
+,esource ,ecords-.
A>>(-+ 0(2(EC41>+
Teniendo un seridor conectado +la m!quina donde ha" la informacin- a un mdem o
bater/a de mdems, se puede recibir tantas llamadas como mdems tengamos.
$na opcin interesante del acceso telefnico es poder administrar de forma remota el
seridor, con una simple llamada, poder estar trabajando de forma remota con un equipo
que se encuentra a una cierta distancia f/sica, siempre que se tengan los permisos
necesarios para poder hacerlo.
4.4 CGI<-
1FI +1ommon FateCa" Interface- es un est!ndar de programacin que act2a como
interfa# entre un programa cliente +naegador-, un seridor @TT) " una aplicacin
"3
HARVARD COMPUT
programada de forma tradicional. Los programas 1FI pueden escribirse con cualquier
lenguaje de programacin.
Fracias a la programacin 1FI+anterior al lenguaje Eaa- se puede proporcionar
interactiidad al sistema <eb, tales como tratamiento de formularios introducidos en el
cliente, consulta "Oo modificacin de bases de datos remotas, estad/sticas de acceso a una
determinada p!gina <eb, animaciones con gr!ficos, etc.
La idea de la programacin 1FI es construir el documento @T5L correspondiente a un
enlace de h"pertexto en el mismo momento en el que se hace clic sobre el enlace. El
documento se en/a al cliente a medida que se constru"e. Sin almacenarse nunca en un
fichero.
Esto se reali#a por medio de enlaces ejecutables. El cliente indica el nombre de un fichero,
siempre mediante un $,L, no para recibir el contenido sino para solicitar su ejecucin en
el seridor. Este ejecuta el programa indicado " deuele al cliente la salida est!ndar de
dicho programa+es decir, lo que se hubiera obtenido en la pantalla al ejecutar el programa
manualmente desde el BpromptB del sistema operatio-.
Esta salida est!ndar es lo que constitu"e el documento @T5L. Los programas ejecutados a
partir de enlaces ejecutables reciben el nombre de scripts 1FI.
Los scripts 1FI residen en un directorio determinado dentro de la estructura de datos del
seridor, que generalmente, suele llamarse cgi>bin +aunque algunos seridores permiten
que dichos scripts se ubiquen en otros directorios-. %dem!s los ficheros 1FI deben tener
permisos de acceso " ejecucin para todos los usuarios. Esto es especialmente importante
en sistemas operatios como $nix.
"4
HARVARD COMPUT
%l ser ejecutables por cualquier usuario externo es coneniente eitar que esos programas
adquieran priilegios de superusuario.
Los scripts 1FI pueden construirse en cualquier lenguaje, la 2nica limitacin la marca el
sistema sobre el que est! ejecut!ndose el seridor @TT).
Los lenguajes utili#ados en la programacin 1FI son, con diferencia, el )erl " el 1. Esto se
debe, principalmente a que la ma"or/a de seridores @TT) corren sobre m!quinas $nix.
Las principales entajas del )erl son su car!cter interpretado "a que simplifica el desarrollo
" las pruebas, los potentes comandos de tratamiento de ficheros con que cuenta, " las
numerosas extensiones con las que se puede ampliar el !mbito " funcionalidades del
lenguaje.
4." TECNOLOGAS CAPACES DE INTEGRARSE EN UNA P6GINA WEB
4.".1 L(4)/&I( J&'&
1on el lenguaje de programacin Eaa es posible incrustar una aplicacin multiplataforma
dentro de una p!gina <eb con los llamados applets. Es necesario utili#ar un naegador o
broCser compatible con Eaa como Sun @ot_Eaa, .etscape ;.x, Internet Explorer 7.8 o
superiores,
1on Eaa tambin es posible implementar programas como 1RR, que no se ejecuten a
tras de Internet, sino de forma local " sin la necesidad de utili#ar un naegador.
Eaa es un lenguaje de programacin orientada a objetos que ha sido desarrollado por Sun
5icros"stems.
""
HARVARD COMPUT
Eaa, cu"a denominacin original fue GaA+&''&- fue dise0ado para programar dispositios
electrnicos de consumo " crear una red heterognea de productos electrnicos
domsticos.
I4*(B(4*(4>1& *( B2&0&E+,7&
Eaa frente a cualquier otro lenguaje de programacin, se caracteri#a por su independencia
con respecto al hardCare o plataforma, tanto al niel de cdigo fuente como a niel
binario. % niel de cdigo fuente, las estructuras de datos primitias de Eaa tienen el
mismo tama0o para cualquier plataforma de desarrollo.
Los ficheros binarios de programas Eaa tambin son independientes " pueden ejecutarse
sobre distintos sistemas sin necesidad de recompilar el cdigo fuente.
L(4)/&I( *( B,+),&7&>1C4 +,1(40&*& & +=I(0+-
Eaa es un lenguaje de programacin orientada al objeto, por lo tanto soporta las tres
caracter/sticas de este tipo de programacin? Encapsulacin, herencia, " polimorfismo.
Eaa se basa en 1RR, con una sintaxis similar, pero est! dise0ado para eitar las
caracter/sticas m!s problem!ticas de 1RR, lo que hace m!s f!cil la programacin en Eaa.
Inclu"e un conjunto de librer/as de clases para obtener los tipos de datos b!sicos,
procedimientos de entradaOsalida, comunicaciones a tras de red, llea integrados
protocolos de Internet+T1)OI), @TT) " HT)- " funciones para desarrollar interfaces de
usuario.
Gtra de las funcionalidades inexistentes en 1RR " qu si inclu"e Eaa es la resolucin
din!mica de objetos. En 1RR se suele trabajar con librer/as din!micas +*LLs- que obligan
a recompilar la aplicacin cuando se retocan las funciones que se encuentran en su interior.
"$
HARVARD COMPUT
Este inconeniente es resuelto por Eaa mediante un interfa# espec/fico llamado ,TTI
+,unTime T"pe Identification- que define la interaccin entre objetos exclu"endo ariables
de instancias o implementacin de mtodos. Las clases en Eaa tienen una representacin
en el intrprete que permite a los programadores interrogar por el tipo de clase " enla#ar
din!micamente la clase con el resultado de la b2squeda.
R+=/-0(3? Eaa se puede considerar un lenguaje robusto. % diferencia de 1RR, con el que
resulta sumamente f!cil tener que reiniciar el ordenador por culpa de alg2n error de
programacin. Eaa obliga a la declaracin expl/cita de mtodos, reduciendo as/ las
posibilidades de error. Eaa soporta punteros, pero no as/ la aritmtica propia que stos
tienen en 1RR. Se implementan arra"s autnticos, en e# de listas enla#adas de punteros
que se0alan a #onas equiocadas.
M/201(4H(=,&71(40+? Eaa puede trabajar con sistemas operatios de alto niel que
soportan multienhebramiento. *e esta forma un programa Eaa puede tener m!s de una
hebra en ejecucin. )or ejemplo, podr/a reali#ar un c!lculo largo en una hebra, mientras
otras hebras interact2an con el usuario. %s/ los usuarios no tienen que dejar de trabajar
mientras los programas Eaa complementan las operaciones m!s largas.
La programacin en un entorno multienhebrado suele ser dif/cil porque pueden producirse
arios eentos al mismo tiempo. Eaa, sin embargo, posee caracter/sticas de sincroni#acin
f!ciles de utili#ar que simplifican la programacin.
Las hebras Eaa suelen corresponder a hebras reales del sistema operatio, si el sistema
operatio de la m!quina soporta esta caracter/stica.
Los programas Eaa se diiden en dos grupos? %pplets " aplicaciones.
"5
HARVARD COMPUT
Los ABB2(0-? son programas Eaa que se encuentran en un seridor de p!ginas <eb " son
ejecutados por un naegador <eb en el ordenador cliente. Si el cliente no posee un
naegador que soporta Eaa, no podr! ejecutar los applet. )ara que se ejecute el applet, se
debe hacer referencia a ste dentro del texto @T5L, utili#ando el tag P%))LET
1G*ESBP%))LET 1G*ESBQnombre.classBQ
Las &B21>&>1+4(- son programas independientes " m!s generales escritos en lenguaje Eaa.
Estas aplicaciones no necesitan de un naegador para ejecutarse, " de hecho, se puede
utili#ar Eaa para escribir un programa como en 1 o )ascal. )ara ejecutar estos programas
se debe utili#ar el intrprete o m!quina irtual Eaa.
I4>+7B&01=121*&*(- F -()/,1*&*
%unque Eaa naci como una filosof/a de crear programas independientes de la plataforma,
tambin en este lenguaje se producen incompatibilidades.
Eaa permite crear programas que son transferidos a la computadora del usuario "
ejecutados ah/. Esto significa que cuando el usuario tiene acceso a un sitio Eaa, el
softCare es transferido en forma autom!tica a la computadora " ejecutado. Esto le da al
programa Eaa la oportunidad para hacer cosas como instalar un irus o alterar, destruir o
recuperar datos.
% pesar de que los programadores de Eaa lo dise0aron para ser bastante seguro
manteniendo afuera comandos que permitieran a los programadores tener acceso a !reas
prohibidas o usar recursos en forma inapropiada, existen agujeros que permiten a un
cracAer persistente tener acceso a !reas indeseables.
"9
HARVARD COMPUT
%dem!s, mucho del cdigo fuente Eaa abunda en Internet. Es f!cil para los cracAers
modificar las bibliotecas existentes o crear rutinas falsas o reempla#ar rutinas que cuando
son usadas por desarrolladores confiados, introducen inestabilidades.
%2n no est! en claro si Eaa se oler! una amena#a grae para la seguridad o no. )or eso
se debe tener cuidado extra cuando dise0e su propio EaaI partiendo de cero " usando lo
menos posible los ejemplos de dominio p2blico existentes. D adem!s usar bibliotecas Eaa
que proengan de sitios oficiales, donde puede tener garanti#ado que son la ersin
apropiada " que no han sido alterados.
4.".2 J&'&S>,1B0
Es un lenguaje de programacin compacto " orientado al objeto destinado al desarrollo de
aplicaciones Internet que act2a a modo de complemento del @T5L. El primer naegador
que soport EaaScript fue .etscape .aigator ;.8. El cdigo de las aplicaciones Eaa
Script se integra en el mismo archio con el texto en formato @T5L " es interpretado por
el cliente+naegador-. %ctualmente los 2nicos naegadores que soportan EaaScript son
.etscape .aigator+a partir de la ersin ;.8- " 5icrosoft Internet Explorer +a partir de la
ersin 7.8, denomin!ndolo Escript-. Tambin afectan a EaaScrip las incompatibilidades?
los naegadores 4.8 soportan nueas especificaciones de EaaScript que no soportan los
broCsers anteriores. %dem!s el mismo cdigo EaaScript en .aigator no se comporta de
manera idntica en Internet Explorer.
#inta"is- EaaScript hereda principalmente de Eaa su sintaxis " estructura, aunque el
estilo de programacin puede diferir bastante.
":
HARVARD COMPUT
EaaScript est! destinado para la implementacin de programas peque0os, es ideal para
tareas repetitias " de control de eentos. )or ejemplo, se puede utili#ar para calcular el
alor de una ariable dependiente del alor de un campo de formulario. 1ada e# que
cambie el alor de dicho campo, el programa EaaScript encargado de controlar dicho
eento se inoca " se calcula el nueo alor de la ariable.
L(4)/&I( I40(,B,(0&*+
EaaScript es un lenguaje interpretado. Los archios con el cdigo se ejecutan
directamente.
Los lenguajes interpretados ofrecen ariasI entre ellas que son m!s sencillos " f!ciles de
aprender. %dem!s, normalmente es m!s f!cil desarrollar, modificar " depurar programas
para lenguajes interpretados porque no es necesario recompilar el cdigo cada e# que se
reali#a un cambio.
Los programas para lenguajes interpretados suelen requerir un ma"or tiempo de ejecucin
que los programas compilados. En el caso de EaaScript esto no supone un problema, "a
que, con los anchos de bandas actuales, la elocidad de ejecucin es despreciable frente a
la elocidad de transmisin. Los scripts escritos en EaaScript se compilan en formato
="tecode+como los programas Eaa- " eal2an mientras se est! transmitiendo el script.
L(4)/&I( 4+ (P0(4-1=2(
EaaScript en comparacin con Eaa, no es totalmente extensible. El modelo de EaaScript
est! formado por un n2mero limitado de objetos b!sicos, propiedades, mtodos " tipos de
datos, que son suficientes para desarrollar aplicaciones cliente>seridor.
V(40&I&- *( J&'&S>,1B0
$;
HARVARD COMPUT
EaaScript no requiere un tiempo de compilacin, los scripts se pueden desarrollar en un
periodo de tiempo relatiamente corto. % esto podemos a0adirle las caracter/sticas de
interfa# como, por ejemplo, cuadro de di!logo, formularios " otros elementos F$I
+Interfa# Fr!fico de $suario-, son gestionados por el naegador " por el cdigo @T5L.
)or lo tanto los programadores que utili#an EaaScript no se deben preocupar en crear o
controlar dichos elementos en sus aplicaciones.
%unque EaaScript tiene muchas similitudes con Eaa, no inclu"e la sintaxis " reglas
complejas de Eaa.
1omo <<< es independiente de la plataforma hardCare o sistema operatio, los
programas escritos en Eaascript tambin lo son, siempre " cuando exista un naegador con
soporte EaaScript para la plataforma en cuestin.
Los programas EaaSript tienden a ser peque0os " compactos+en comparacin con los
applets de Eaa-, no requieren mucha memoria ni tiempo adicional de transmisin.
%dem!s, al incluirse dentro de las mismas p!ginas @T5L se reduce el n2mero de accesos
independientes a la red.
D(-'(40&I&- *( J&'&S>,1B0
En las primeras ersiones de .etcape .aigator con soporte EaaScript el n2mero de
mtodos integrados era extremadamente reducido. En la ersin actual, .aigator 4.8, se
ha incrementado significatiamente el n2mero de mtodos, pero sigue siendo insuficiente
para gestionar documentos " entanas.
El cdigo de EaaScript debe incluirse dentro del mismo documento @T5L, " no es
posible ocultar el cdigo fuente " eitar la copia " reutili#acin de ste.
$1
HARVARD COMPUT
C&,&>0(,K-01>&-. J&'&S>,1B0 '-. J&'&
J&'&S>,1B0 J&'&
Interpretado por el cliente.
Grientado al objeto. El cdigo se utili#a en
objetos integrados " extensibles pero no
utili#a clases o herencia.
1ompilado +a niel de ="tecode- en el
seridor.
Grientado al objeto. Los applets consisten en
clases de objetos con herencia.
1digo integrado con @T5L Los applets son llamados a tras del cdigo
@T5L.
.o es estricto en los tipos de ariables, no
necesitan declararse.
Estricto en los tipos de ariables. *eben
declararse
Las referencias entre objetos se erifican en
tiempo de ejecucin.
Las referencias entre objetos se erifican en
tiempo de compilacin.
.o puede escribir en el disco del cliente, por
ra#ones de seguridad
.o se puede escribir en el disco del cliente,
por ra#ones de seguridad.
4.$. A>01'(# Q CASCADING STALE SHEETS MCSSO
Las 1SS son una de las 2ltimas noedades en la creacin de p!ginas <eb. 1on 1SS
podemos ampliar el lenguaje @T5L seg2n nos conenga. En resumen se puede decir que
son un grupo de propiedades o estilos que definen cmo aparecer! un elemento @T5L en
el naegador. Las 11S pueden incluirse en la misma p!gina @T5L o en un archio
$2
HARVARD COMPUT
externo. En este 2ltimo caso las 11S pueden afectar a m2ltiples p!ginas. =astar! con
reali#ar los cambios oportunos en dicho archio " cambiar! la apariencia en todas las
p!ginas.
)ueden definirse muchos estilos para un documento con distintos nieles de importancia.
Si se producen conflictos de apariencias, se toma por defecto la 11S m!s cercana al tag.
1on 11S no slo puede definirse a apariencia sino tambin la colocacin en la p!gina.
11S est! soportado en 5icrosoft Internet Explorer " en .etscape .aigator.
4.5 VRML
EL Lenguaje de 5odelado de ,ealidad Jirtual+Jirtual ,ealit" 5odeling Languaje- es una
interesante herramienta para agregar realidad tridimensional a los sitios <eb. Este lenguaje
fue iniciado por Silicon Frafhics, una compa0/a conocida por su hardCare " su softCare
gr!ficos para computadora de alta calidad.
J,5L extiende <eb al proporcionar sitios tridimensionales completos. Estos son sitios
por los que un usuario puede caminar moiendo un ratn. En lugar de una p!gina est!tica
con im!genes apareciendo en ella, la p!gina tiene una imagen 2nica en la que el usuario
puede entrar " maniobrar adentro.
J,5L es la ola del futuro, "a que se ha dotado con capacidades como Eaa dnde los
objetos pueden tener funcionalidad incorporada. )or ejemplo, tocar un teleisor irtual
podr/a hacer que se ejecutara un programa Eaa que en realidad adquiere una alimentacin
$3
HARVARD COMPUT
de /deo /a Internet " la coloca en la pantalla del teleisor, permitindole por tanto er
teleisin irtual.
J,5L es un lenguaje que no se usa mucho a pesar de ser bastante amigable con el ancho
de banda, coloca su carga en la m!quina del usuario. Es decir que le corresponde a la
computadora del usuario crear la escena tridimensional. La tercera dimensin requiere
muchos recursos de la computadora. Lo que reduce esto es la elocidad. )or lo tanto
mientras m!s r!pida sea la computadora del usuario, m!s r!pido calcula " dibuja la tercera
dimensin.
$4
HARVARD COMPUT
CAPTULO V
SEGURIDAD EN UNA P6GINA WEB
".1 CONDICIONES DE SEGURIDAD
*ebido a los pocos mecanismos de seguridad inform!tica en Internet, el hecho de colocar
una p!gina <eb en ella trae determinados riesgos que pueden ser controlados con alguna
estrategia adecuada.
La informacin de una p!gina <eb tiene tres condiciones de seguridad? operatiidad,
integridad " priacidad, al igual que cualquier tipo de informacin manejada por
computadoras. 5antener estas tres condiciones de seguridad es una tarea compartida entre
el due0o de la p!gina +autor "Oo responsable- " el prestador del sericio de Internet +due0a
del sitio-.
.eniendo en cuenta algunas consideracionesD
> Nue la p!gina <eb es puesta on>line en Internet por un proeedor del sericio de
conexin a Internet.
> La actuali#acin " modificacin del sericio corren por cuenta del due0o por medio de un
acceso al sitio del proeedor protegido por alg2n tipo de sistema de seguridad
+ por ej? un sistema de pasCCords-
%nali#amos las responsabilidades del prestador del sericio " del creador de la p!ginas en
estos tres aspectos fundamentales de la seguridad?
$"
HARVARD COMPUT
".1.1 OB(,&01'1*&*
La informacin que contenga la p!gina debe estar siempre en condiciones operatias para
quienes acceden a la misma puedan recorrerla sin problemas, sin encontrar fallas, faltas, o
cualquier tipo de anomal/a.
/esponsabilidad del encargado de la pgina? la informacin a0adida o modificada por un
responsable de la p!gina debe ser colocada en ella en los formatos establecidos "
erificado su correcto funcionamiento dentro de la estructura de programacin.
/esponsabilidad del prestador del servicio? todo sistema de computadoras est! expuesto a
fallas de hardCare, softCare " de tipo externo como fallas de suministro elctrico. )ara
esto deber! tener un plan de soluciones " un mantenimiento preentio. Tambin debe
garanti#ar que si una informacin es colocada en la p!gina seg2n las especificaciones "
procedimientos acordados, sta funcionar! correctamente.
@a" que considerar tambin que el ingreso de un intruso al sistema puede proocar da0os
que afecten a la operatiidad.
El prestador del sericio deber! tener un sistema de seguridad, por ejemplo, en barreras de
proteccin como fireCalls, proxis, etc., que impidan los accesos no autori#ados.
".1.2 I40(),1*&*
*e nada sire que una informacin est en condiciones operatias si es incompleta o est!
alterada. )ara que una informacin resulte in2til no es necesario que sea destruida, puede
ser suficiente una accin tan sutil como cambiar los unos por ceros. )or lo tanto la
integridad de la informacin que se muestra en una p!gina <eb es uno de los factores m!s
$$
HARVARD COMPUT
importantes de la seguridad, pues de l dependen el inters " la credibilidad de la p!gina.
La integridad de la p!gina puede ser da0ada por fallas de hardCare o softCare, o atacada
por intrusos en el sistema que toman el control sobre alg2n sector " modifican el contenido
de las p!ginas
/esponsabilidades del due0o de la pgina? la informacin que es agregada o modificada
en la p!gina debe estar en condiciones de integridad cuando llega a ella, " tratando de que
se mantenga hasta que termine, pues puede ser afectada por la transmisin hasta el sitio o
por alg2n problema de su funcionamiento o seguridad.
/esponsabilidades del prestador del servicio? asegurar la integridad de la informacin que
contiene una p!gina <eb, en lo que ata0e a accesos no autori#ados al sistema.
Los bugs +errores estructurales- de los programas utili#ados tambin pueden ser la puerta
de entrada para los accesos no autori#ados. Se debe exigir que el sistema del proeedor
est depurado de este tipo de fallas.
".1.3 P,1'&>1*&*
Es lgico pensar que quien quiere que una informacin sea priada no debe colocarla en
una p!gina <eb. )ero puede ocurrir que parte de la informacin est reserada a usuarios
registrados o que exista alg2n tipo de restriccin.
/esponsabilidades del due0o de la pgina? el due0o de la p!gina debe definir " separar
claramente cu!l es la informacin de dominio p2blico " cual de acceso restringido, "
manejarlas en #onas separadas en la programacin de su p!gina.
$5
HARVARD COMPUT
/esponsabilidades del prestador del servicio? el acceso restringido a parte de la
informacin de una p!gina debe ser sustentado por el prestador del sericio asegurando
que los mecanismos de control de acceso de la p!gina funcionen correctamente en su
sistema
R1(-)+- (P0(,4+- &2 -1-0(7& Q Hallas de hardCare
> Hallas de softCare
> Hallas de los formatos en informacin
R1(-)+- 140(,4+- *(2 -1-0(7&
> %limentacin elctrica
> Siniestros
> Intrusos
> Jirus inform!ticos
R1(-)+- 140(,4+- *(2 -1-0(7&
> @ardCare
> SoftCare
R1(-)+- (P0(,4+- *(2 -1-0(7&
> Intrusos
> Jirus inform!ticos
R1(-)+- 140(,4+- *(2 -1-0(7&
> )ersonal )restador
R1(-)+- (P0(,4+- *(2 -1-0(7&
> Intrusos
$9
HARVARD COMPUT
1ada una de las condiciones de seguridad de la informacin de una p!gina <eb?
operatiidad, integridad " priacidad, tienen sus propios riesgos que act2an dentro o fuera
del sistema.
)ara establecer una estrategia de seguridad se debe ealuar el grado de importancia de cada
uno de ellos " bas!ndose en ello, establecer normas " procedimientos necesarios para
contenerlos.
".2 SEGURIDAD A TRANSACCIONES EN E%ECTIVO EN LA WEB
)ara muchas aplicaciones de negocios, como la publicidad " promociones simples, es
probable que no se necesite tratar con precauciones de seguridad. )ero si se permite que los
usuarios tengan acceso a datos delicados, se deber!n tomar medidas para proteger a los
datos. *ebido a que cada e# son m!s las personas que desean transferir documentos e
informacin de tarjetas de crdito o cualquier tipo de transmisin de datos en forma segura
" sin el temor a los cracAers " piratas.
Las medidas de seguridad b!sicas a tener en cuenta son?
".2.1 L& (4>,1B0&>1C4 *( *&0+-
Es una tcnica para ocultar datos de manera que slo puedan ser istos por aquellos que
deben erlos. 1onsiste en reempla#ar un mensaje eniado con un algoritmo dif/cil de
adiinar.
Los seridores seguros tratan de encriptar los datos entre el naegador " el seridor.
$:
HARVARD COMPUT
En alg2n momento durante el ciclo de compras, despus que los datos llegan al seridor
seguro, el sistema debe desencriptar los datos. %un si los datos son desencriptados slo por
un instante, la informacin podr/a ser interceptada por alg2n pirata. 1rear un sistema en el
que la informacin permane#ca encriptada a lo largo del ciclo es pr!cticamente imposible.
La configuracin m!s segura es una que transmita la informacin al propietario de la
empresa en formato encriptado, pase la informacin a una computadora que no est en
Internet " luego desencripte la informacin.
%dem!s si en una empresa se utili#a un mismo algoritmo para encriptar " desencripar
datos, se necesitar! que alguna tercera pie#a de datos desencripte el cdigo, que seria una
clae. Esto slo funcionar! si tanto la persona transmisora como la parte receptora conocen
la clae. Si la persona receptora no conoce la clae, tiene que eniar la clae a esa parte, "
est! puede ser interceptada.
".2.2 %1,7& *1)10&2
Gfrece un mtodo de encriptacin de datos que eita tener que compartir claes para leer
mensajes.
Es la tcnica llamada encriptacin de clae p2blica, donde cada usuario tiene dos claes?
una clae p2blica " una clae priada.
Los algoritmos de encriptacin " desencriptacin son adaptados de manera que slo la
clae p2blica puede desencriptar los datos encriptados por la clae priada. )or
consiguiente, puede transmitir con libertad la clae p2blica al mundo.
5;
HARVARD COMPUT
".2.3 C,(&>1C4 *( /4 -101+ -()/,+
Las entajas de crear un sistema seguro antes de ser pirateado deben ser obias. La
preencin es la mejor medicina " esto se aplica tambin ala seguridad de las
computadoras.
Se debe mantener la seguridad de los archios de datos de tal forma que solo las personas
correctas puedan erlos. Esto es crucial para los siguientes tipos de datos " archios?
contrase0as de usuarios, archios de facturacin, registros de sistema " de usuarios,
informacin de tarjetas de crditos, informacin confinada de sistemas remotos,
compiladores, herramientas de administracin.
".2.4 %1,(N&22-R N,&BB(,- F B,+P1(-
Los fireCalls, Crappers " proxies ofrecen una buena l/nea de defensa para los propietarios
de seridores <eb " administradores de sistemas.
Los E1,(N&22- pueden ser softCare o hardCare que protege los puertos " eita que los
piratas penetren al sistema. Los fireCalls permiten que tengan acceso al sistema slo
ciertos nombres de dominio confiables.
Los N,&BB(,- se encuentran disponibles en 1E,T al igual que en otros archios en
Internet. Los Crappers se ejecutan como una capa de softCare alrededor de su otro
softCare. $n usuario que se conecta a HT) primero entrar/a en contacto con el Crapper, el
cual luego habilitar/a al HT). El usuario no sabe que existe el Crapper " no puede detectar
ninguna diferencia en el sistema.
51
HARVARD COMPUT
Los Crappers son interesantes porque son flexibles. )ueden actuar como fireCalls " en
realidad pueden recha#ar usuarios con base en sus nombres de usuarios al igual que en sus
nombres de dominios. %dem!s permite crear callejones sin salida que permiten atrapar
piratas.
El modo B,+PF es un mtodo permite ocultar datos por medio de reenrutamiento de las
solicitudes. Es 2til para usuarios que est!n detr!s de una fireCall. Los usuarios establecen
una direccin prox" de su naegador para que apunte hacia su seridor <eb. El seridor
<eb maneja entonces la direccin real de los datos hacia el mundo exterior. Esto reduce la
direccin que el usuario est! tomando cuando deja su sistema, permitindole al usuario
enrutar los datos los datos a tras de los agujeros en sus propias fireCalls. La otra entaja
es que las solicitudes pueden ser filtradas por el softCare del seridor. %l filtrar la
informacin, puede restringir el contenido " rastrear el uso al igual que modificar la
informacin en ese instante.
Los seridores prox" tambin pueden ser dirigidos a otros seridores prox", lo cual les
permite ocultar datos en forma efectia.
Gtra entaja de los seridores prox" es que los sericios como HT), Telnet, Fopher,
.etn.eCs, etc., pueden ser erutados a seridores diferentes. Esto le permite distribuir
diersas cargas de seridor <eb a diferentes seridores f/sicos. %dem!s de beneficiarse
con el ocultamiento de los datos, ser reduce la carga del seridor.
52

Tesis Creación Sitio Web

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Tesis Creación Sitio Web

Uploaded by

Copyright:

Available Formats

INSTITUTO TECNOLGICO SUPERIOR

You might also like