La World Wide Web La World Wide Web, la telaraña mundial, ha sido el recurso que se ha implantado...

La La WWorld orld WWide ide WWebeb

La World Wide Web, la La World Wide Web, la telaraña telaraña mundialmundial, ha sido el recurso que se ha , ha sido el recurso que se ha implantado con más fuerza en el implantado con más fuerza en el mundo de Internet.mundo de Internet.

Frecuentemente se encontrará Frecuentemente se encontrará abreviado como la abreviado como la WebWeb, por sus , por sus siglas siglas WWWWWW, e incluso como , e incluso como W3W3 (menos usual).(menos usual).


La extensión de este recurso ha sido tan La extensión de este recurso ha sido tan grande, que resulta frecuente confundir grande, que resulta frecuente confundir Internet y la Web.Internet y la Web.

Internet es mucho más. Internet es mucho más.

Desde este recurso va a ser posible Desde este recurso va a ser posible acceder a la mayoría, sino a todos, los acceder a la mayoría, sino a todos, los demás servicios que la Red nos ofrece.demás servicios que la Red nos ofrece.


En el desarrollo e implantación de la Web En el desarrollo e implantación de la Web han jugado un papel esencial:han jugado un papel esencial:

El El lenguaje de hipertextolenguaje de hipertexto, dando gran , dando gran flexibilidad al servicio.flexibilidad al servicio.

La La integración de otros protocolosintegración de otros protocolos dentro de los clientes Web, dentro de los clientes Web, determinando el carácter globalizador determinando el carácter globalizador que se pretendía.que se pretendía.


Fundamentalmente, un documento Fundamentalmente, un documento de hipertexto es aquel en el que se de hipertexto es aquel en el que se puede establecer un “puede establecer un “enlaceenlace” (en ” (en inglés: “inglés: “linklink”) desde una palabra a ”) desde una palabra a cualquier otra parte de ese cualquier otra parte de ese documento, que podrá estar, a su documento, que podrá estar, a su vez, en el mismo ordenador, o en vez, en el mismo ordenador, o en cualquier otro “cualquier otro “hosthost” de la Red.” de la Red.


Los Los hiperenlaceshiperenlaces se diferencian del resto se diferencian del resto del texto de dos formas:del texto de dos formas:

Mediante el Mediante el formato de textoformato de texto: color, : color,

subrayado, etc.subrayado, etc.

Por un Por un cambio en la apariencia del puntero cambio en la apariencia del puntero

del ratóndel ratón al situarse sobre él: lo más usual es al situarse sobre él: lo más usual es

que cambie la apariencia de “punta de flecha” que cambie la apariencia de “punta de flecha”

a un icono en forma de mano a un icono en forma de mano


Si “pinchamos” con el ratón sobre el Si “pinchamos” con el ratón sobre el hiperenlace iremos al punto exacto a hiperenlace iremos al punto exacto a donde nos lleva.donde nos lleva.

Los documentos elaborados de esta forma Los documentos elaborados de esta forma pueden incorporar cualquier elemento pueden incorporar cualquier elemento multimedia: gráfico, imágenes, sonidos, … multimedia: gráfico, imágenes, sonidos, … que, igualmente, pueden participar en los que, igualmente, pueden participar en los enlaces.enlaces.


El término que define a estos documentos El término que define a estos documentos

multimedia con enlaces es el de multimedia con enlaces es el de

hipermediahipermedia..

En Internet se utiliza frecuentemente el En Internet se utiliza frecuentemente el

término hipertexto, aunque en realidad se término hipertexto, aunque en realidad se

trate de documentos hipermedia en la trate de documentos hipermedia en la

mayoría de los casos.mayoría de los casos.


El lenguaje estándar para crear El lenguaje estándar para crear documentos para la WWW es el documentos para la WWW es el HTMLHTML, , que corresponde a las siglas “que corresponde a las siglas “HyperText HyperText Markup LanguageMarkup Language”.”.El protocolo de acuerdo con el que trabaja El protocolo de acuerdo con el que trabaja la Web es el la Web es el HTTPHTTP, que corresponde a las , que corresponde a las siglas de “siglas de “HyperText Transfer ProtocolHyperText Transfer Protocol” ” (Protocolo para la Transferencia de (Protocolo para la Transferencia de Hipertexto), incluido en la familia Hipertexto), incluido en la familia TCP/ITCP/IP.P.


La Web supone una plataforma común La Web supone una plataforma común para el acceso a los servicios de Internet.para el acceso a los servicios de Internet.

Como tal, tiene que existir una forma Como tal, tiene que existir una forma general, dentro de ella, que sirva para general, dentro de ella, que sirva para localizar cualquier objeto, en cualquiera de localizar cualquier objeto, en cualquiera de esto servicios: el esto servicios: el URIURI ( (Uniform/Universal Uniform/Universal Resource IdentifierResource Identifier = Identificador de = Identificador de Recurso Uniforme/Universal).Recurso Uniforme/Universal).


Actualmente, el identificador universal que se Actualmente, el identificador universal que se utiliza es la denominada utiliza es la denominada URL URL ((Uniform/Universal Resource LocatorUniform/Universal Resource Locator = = Localizador de Recurso Universal/Uniforme). Localizador de Recurso Universal/Uniforme).

La estructura de una La estructura de una URLURL es: es:

Prefijo://host.dominioPrefijo://host.dominio[:puerto]/[:puerto]/

camino/ficherocamino/fichero


La URL especifica el camino exacto que La URL especifica el camino exacto que

tendríamos que recorrer para llegar al tendríamos que recorrer para llegar al

objeto que nos interesa. Consta de:objeto que nos interesa. Consta de:

– Un prefijo que indica el tipo de servicio de Un prefijo que indica el tipo de servicio de

Internet que se va a utilizar.Internet que se va a utilizar.

– Localización del host.Localización del host.

– Situación del fichero en el host.Situación del fichero en el host.


El El prefijoprefijo es la indicación del tipo de es la indicación del tipo de servicio de Internet que se va a servicio de Internet que se va a utilizar. De esta forma, los utilizar. De esta forma, los documentos que localizamos en la documentos que localizamos en la WebWeb tendrán todos el prefijo “ tendrán todos el prefijo “httphttp”; ”; los que se localicen en servidores los que se localicen en servidores telnettelnet, tendrán todos el prefijo , tendrán todos el prefijo telnetelnet, t, etc.etc.


ServicioServicio PrefijoPrefijo

WWWWWW httphttp

TelnetTelnet telnettelnet

NewsNews newsnews

GopherGopher gophergopher

FTPFTP ftpftp


A continuación del prefijo es preciso A continuación del prefijo es preciso indicar donde está la información que nos indicar donde está la información que nos interesa, es decir, localizar el host.interesa, es decir, localizar el host.Esto se efectuará mediante la dirección Esto se efectuará mediante la dirección alfanumérica: alfanumérica: host.dominiohost.dominio (completo = (completo = secundarios + principal), que puede ser secundarios + principal), que puede ser sustituida por la dirección sustituida por la dirección IPIP..A continuación se especifica el A continuación se especifica el puertopuerto de de acceso, acceso, sólo cuando sea necesariosólo cuando sea necesario..


Finalmente se especifica la situación del Finalmente se especifica la situación del

fichero en el host, es decir, el camino fichero en el host, es decir, el camino

completo donde está situado.completo donde está situado.

Un ejemplo de Un ejemplo de URLURL es: es:

http://www.uned.es/estudios/enoreg.htmhttp://www.uned.es/estudios/enoreg.htm


http://www.uned.es/estudios/enoreg.htmhttp://www.uned.es/estudios/enoreg.htm

Se indica que se acceda mediante el Se indica que se acceda mediante el

protocoloprotocolo httphttp al al servidorservidor

www.uned.eswww.uned.es y que se localice el y que se localice el

ficherofichero enoreg.htmenoreg.htm, situado en el , situado en el

directoriodirectorio estudiosestudios..


Cuando haya problemas de acceso a una Cuando haya problemas de acceso a una determinada URL se recomienda ir determinada URL se recomienda ir eliminando la última parte de esta, y eliminando la última parte de esta, y reintentarlo. Así, por ejemplo, a:reintentarlo. Así, por ejemplo, a:http://omega.ilce.edu.mx:3000/sites/ciencia/html/http://omega.ilce.edu.mx:3000/sites/ciencia/html/biologia.htmbiologia.htm

Es más conveniente acceder, simplemente por:Es más conveniente acceder, simplemente por:

http://omega.ilce.edu.mx:3000/sites/cienciahttp://omega.ilce.edu.mx:3000/sites/ciencia


Los problemas suelen estar ocasionados porque Los problemas suelen estar ocasionados porque la información de la Red y su localización la información de la Red y su localización cambia rápidamente, o por algún error de tipo cambia rápidamente, o por algún error de tipo tipográfico, lo que suele ser muy frecuente. tipográfico, lo que suele ser muy frecuente.

Si no la encontramos en el camino inicial, Si no la encontramos en el camino inicial,

probablemente la podremos localizar desde un probablemente la podremos localizar desde un

directorio anterior, o incluso desde la página directorio anterior, o incluso desde la página

inicial o página principal del servidor Web donde inicial o página principal del servidor Web donde

estaba.estaba.


Mientras se está “navegando”, es decir, Mientras se está “navegando”, es decir, moviéndose por Internet a través de la Web, se moviéndose por Internet a través de la Web, se va visualizando sucesivamente en el cliente la va visualizando sucesivamente en el cliente la información que el sitio que se está visitando información que el sitio que se está visitando ofrece. ofrece.

Para ello, se “carga” en el ordenador la página Para ello, se “carga” en el ordenador la página correspondiente. El tiempo que tarda en correspondiente. El tiempo que tarda en cargarse toda la información depende de:cargarse toda la información depende de:– La complejidad de ésta.La complejidad de ésta.– Lo saturadas que estén las líneas en ese momento.Lo saturadas que estén las líneas en ese momento.


Hay que tener en cuenta la diferencia Hay que tener en cuenta la diferencia horaria entre países para evitar las “horas horaria entre países para evitar las “horas punta”:punta”:– Para acceder desde España a la información Para acceder desde España a la información

de un ordenador americano, conviene usar de un ordenador americano, conviene usar las primeras horas de la mañana.las primeras horas de la mañana.

– Si la información está en un país europeo, se Si la información está en un país europeo, se debe intentar el acceso después de las cinco debe intentar el acceso después de las cinco de la tarde.de la tarde.


Durante el proceso de “navegación”, el Durante el proceso de “navegación”, el

cliente irá almacenando localmente (en el cliente irá almacenando localmente (en el

propio ordenador) las páginas visitadas, propio ordenador) las páginas visitadas,

para tenerlas más accesibles.para tenerlas más accesibles.

Esto lo hace en un directorio denominado Esto lo hace en un directorio denominado

““cachécaché” que se encuentra en el directorio ” que se encuentra en el directorio

del navegador.del navegador.


Será conveniente borrar, de vez en cuando, Será conveniente borrar, de vez en cuando, todo lo que contiene el directorio “caché”, ya todo lo que contiene el directorio “caché”, ya que de lo contrario, además de almacenar un que de lo contrario, además de almacenar un elevado número de ficheros, puede que, en elevado número de ficheros, puede que, en ocasiones, se presenten ciertos inconvenientes. ocasiones, se presenten ciertos inconvenientes. Si se va a acceder a una dirección que haya Si se va a acceder a una dirección que haya sido actualizada, y de la que se “guarda huella” sido actualizada, y de la que se “guarda huella” en el directorio “caché”, el visualizador tomará en el directorio “caché”, el visualizador tomará esa página directamente del directorio en lugar esa página directamente del directorio en lugar de ir a la URL real, impidiendo que se puedan de ir a la URL real, impidiendo que se puedan ver las modificaciones más recientes que tenga.ver las modificaciones más recientes que tenga.


Existen 3 formas de moverse desde la Existen 3 formas de moverse desde la

Página “home” inicial hacia la información Página “home” inicial hacia la información

que nos interese:que nos interese:

– A través de los enlaces que ofrece la propia A través de los enlaces que ofrece la propia

página.página.

– Escribiendo directamente la URL.Escribiendo directamente la URL.

– A través de los “boolmark”.A través de los “boolmark”.

LA TERMINOLOGÍA WWWLA TERMINOLOGÍA WWW

Una página Web está conformada, Una página Web está conformada, fundamentalmente, por uno o varios fundamentalmente, por uno o varios documentos HTML (Hyper Text documentos HTML (Hyper Text Markup Language = lenguaje de Markup Language = lenguaje de marcas de hipertexto). marcas de hipertexto).

Estos documentos HTML pueden Estos documentos HTML pueden contener imágenes, vídeos, contener imágenes, vídeos, animaciones, sonidos, applets de animaciones, sonidos, applets de lenguaje Java, …lenguaje Java, …

TERMINOLOGÍA WWWTERMINOLOGÍA WWW

Si la página Web está formada por Si la página Web está formada por varios documentos, estarán varios documentos, estarán relacionaos mediante hipervínculos. Al relacionaos mediante hipervínculos. Al situar el puntero del ratón sobre un situar el puntero del ratón sobre un hipervínculo su forma cambia a la de hipervínculo su forma cambia a la de una mano abierta; si hacemos clic en una mano abierta; si hacemos clic en ese momento, el documento se ese momento, el documento se desplaza hasta el destino del desplaza hasta el destino del hipervínculo.hipervínculo.


Un documento HTML no es más que Un documento HTML no es más que un archivo de texto al que se añaden un archivo de texto al que se añaden unas etiquetas (tags) con las que se unas etiquetas (tags) con las que se codificará su formato. Serán también codificará su formato. Serán también etiquetas específicas las que etiquetas específicas las que codifiquen los hipervínculos, codifiquen los hipervínculos, imágenes, sonidos y otros elementos imágenes, sonidos y otros elementos que integren el documento HTML.que integren el documento HTML.


Para crear un documento HTML basta Para crear un documento HTML basta

con disponer de un editor de código con disponer de un editor de código

ASCII, como el propio Bloc de notas ASCII, como el propio Bloc de notas

que acompaña a Windows. En ese que acompaña a Windows. En ese

caso, habrá que teclear directamente caso, habrá que teclear directamente

el texto y todas las etiquetas que sean el texto y todas las etiquetas que sean

precisas.precisas.


Existen editores de documentos Existen editores de documentos

HTML más avanzados que introducen HTML más avanzados que introducen

automáticamente las etiquetas automáticamente las etiquetas

correspondientes al formato de texto correspondientes al formato de texto

que escribimos, al hipervínculo o a la que escribimos, al hipervínculo o a la

imagen que insertamos haciendo uso imagen que insertamos haciendo uso

de opciones de menú convencionales.de opciones de menú convencionales.


Nosotros sólo vemos el documento Nosotros sólo vemos el documento resultante, sin visualizar el código HTML que resultante, sin visualizar el código HTML que lo soporta (a menos que deseemos conocerlo lo soporta (a menos que deseemos conocerlo explícitamente); explícitamente);

Éstos se denominan editores WYSIWYG (What Éstos se denominan editores WYSIWYG (What You See Is What You Get = lo que se escribe You See Is What You Get = lo que se escribe es lo que se verá), y nos ahorrarán el tener es lo que se verá), y nos ahorrarán el tener que conocer la sintáxis exacta del lenguaje que conocer la sintáxis exacta del lenguaje HTML. Ejemplos: Front Page Express, Front HTML. Ejemplos: Front Page Express, Front Page 2000 y Netscape Composer.Page 2000 y Netscape Composer.


Editores HTML:Editores HTML:Microsoft FrontPage se incluye en el Microsoft FrontPage se incluye en el

paquete Microsoft Office, y permite paquete Microsoft Office, y permite desarrollos Web profesionales.desarrollos Web profesionales.

Macromedia Macromedia Dreamweaver es otra Dreamweaver es otra herramienta de desarrollo Webherramienta de desarrollo Web


Un hipervínculo (vínculo, o enlace, o Un hipervínculo (vínculo, o enlace, o hiperenlace) es un objeto que, en hiperenlace) es un objeto que, en general, apunta a una determinada general, apunta a una determinada dirección URL de Internet, pero que dirección URL de Internet, pero que también puede apuntar a otro también puede apuntar a otro documento del disco duro o a otro lugar documento del disco duro o a otro lugar del mismo documento. Al hacer doble del mismo documento. Al hacer doble clic sobre él, se accederá a dicha clic sobre él, se accederá a dicha dirección.dirección.


Los hipervínculos de texto se reconocen Los hipervínculos de texto se reconocen fácilmente porque el texto aparece fácilmente porque el texto aparece subrayado y en un color distinto al del resto subrayado y en un color distinto al del resto del documento; por defecto, este color es del documento; por defecto, este color es azul, aunque se puede definir otro distinto.azul, aunque se puede definir otro distinto.

Una forma de reconocerlos es situar el ratón Una forma de reconocerlos es situar el ratón

sobre un texto o gráfico y comprobar que sobre un texto o gráfico y comprobar que

éste cambia y se convierte en una mano.éste cambia y se convierte en una mano.


Hay 3 tipos de hipervínculos en las Web:Hay 3 tipos de hipervínculos en las Web:

Hipervínculos a páginas Web de otro Hipervínculos a páginas Web de otro

servidor.servidor.

Hipervínculos a otra página del servidor.Hipervínculos a otra página del servidor.

Hipervínculos a otro punto de la página.Hipervínculos a otro punto de la página.


En las páginas HTML se pueden En las páginas HTML se pueden insertar archivos de sonido de muy insertar archivos de sonido de muy diversos tipos y formatos; para ello es diversos tipos y formatos; para ello es necesario disponer de un reproductor necesario disponer de un reproductor adecuado.adecuado.

Para los formatos más extendidos, ya Para los formatos más extendidos, ya se incluyen reproductores en el propio se incluyen reproductores en el propio navegador, como conectores o navegador, como conectores o plug-plug-insins, o en el sistema operativo, como el , o en el sistema operativo, como el Reproductor Multimedia de Windows.Reproductor Multimedia de Windows.


Los formatos más utilizados son:Los formatos más utilizados son:De onda (Wave File):De onda (Wave File): WAV, propio del WAV, propio del

entorno Windows. Adecuado para entorno Windows. Adecuado para grabación de sonidos de todo tipo, grabación de sonidos de todo tipo, sin compresión.sin compresión.

Audio (Audio Base):Audio (Audio Base): AU y SND, propio AU y SND, propio de UNIX, pero muy extendido, es el de UNIX, pero muy extendido, es el más estándar, similar al WAV.más estándar, similar al WAV.


MIDIMIDI: MID, grabación de salida de aparatos : MID, grabación de salida de aparatos digitales que se usan para la creación de digitales que se usan para la creación de música digital MIDI, habitualmente música música digital MIDI, habitualmente música instrumental, filtrable en pistas separadas.instrumental, filtrable en pistas separadas.

MPEGMPEG Audio (MP3): MP3, Grabación Audio (MP3): MP3, Grabación altamente comprimida de audio musical. altamente comprimida de audio musical. Su calidad es similar a los CD de audio. Es Su calidad es similar a los CD de audio. Es el habitual en la distribución de música el habitual en la distribución de música comercial o alternativa a través de comercial o alternativa a través de Internet.Internet.


RealAudioRealAudio: RA y RAM, se utiliza para : RA y RAM, se utiliza para grabaciones de vos y en vídeos y grabaciones de vos y en vídeos y música, que se ejecutan conforme se música, que se ejecutan conforme se descargan de Internet.descargan de Internet.

Microsoft Windows MediaMicrosoft Windows Media: ASX y ASF, : ASX y ASF, se utiliza para grabaciones de voz y se utiliza para grabaciones de voz y en vídeos y música, que se ejecutan en vídeos y música, que se ejecutan conforme se descargan de internet.conforme se descargan de internet.


El formato de vídeo AVIEl formato de vídeo AVI (Audio/Visual (Audio/Visual Interlave), es el estándar de Interlave), es el estándar de Microsoft Windows y, juntamente con Microsoft Windows y, juntamente con el formato Applet QuickTime Movie el formato Applet QuickTime Movie (MOV), el más extendido.(MOV), el más extendido.

Se pueden insertar vídeos en las Se pueden insertar vídeos en las páginas Web bien como un páginas Web bien como un hipervínculo o bien como un hipervínculo o bien como un complemento. complemento.


El formato de vídeo MPEGEl formato de vídeo MPEG, de Moving , de Moving Picture Experts Group, es un estándar Picture Experts Group, es un estándar en la industria de difusión multimedia en la industria de difusión multimedia en general (DVD, enciclopedias en general (DVD, enciclopedias multimedia, vídeo, etc.).multimedia, vídeo, etc.).

Idealmente sería el formato Idealmente sería el formato predilecto ya que no depende de predilecto ya que no depende de ninguna empresa en concreto y se ha ninguna empresa en concreto y se ha vuelto muy popular.vuelto muy popular.


El lenguaje de programación JAVAEl lenguaje de programación JAVA, , desarrollado por Sun Microsystems, tiene la desarrollado por Sun Microsystems, tiene la gran ventaja de ser multiplataforma, esto es, gran ventaja de ser multiplataforma, esto es, puede crear aplicaciones que se ejecuten en puede crear aplicaciones que se ejecuten en cualquier ordenador y en cualquier sistema cualquier ordenador y en cualquier sistema operativo. operativo.

Desde sus comienzos ha tenido una Desde sus comienzos ha tenido una

importancia decisiva en Internet y son importancia decisiva en Internet y son

muchas las aplicaciones desarrolladas en Java muchas las aplicaciones desarrolladas en Java

que se pueden incluir en las páginas HTML.que se pueden incluir en las páginas HTML.


Las aplicaciones, denominadas Las aplicaciones, denominadas

APPLETS, se pueden distribuir de forma APPLETS, se pueden distribuir de forma

sencilla; sólo hay que insertarlas y ya sencilla; sólo hay que insertarlas y ya

son operativas (muchas veces, admiten son operativas (muchas veces, admiten

personalización mediante parámetros).personalización mediante parámetros).


Los applets de Java están disponibles Los applets de Java están disponibles en forma comercial y en forma de en forma comercial y en forma de libre distribución.libre distribución.

El lugar más interesante es Java El lugar más interesante es Java Boutique Boutique (javaboutique.internet.com).(javaboutique.internet.com).

Todo tipo de información oficial Todo tipo de información oficial acerca de Java está disponible en: acerca de Java está disponible en: www.java.sun.com.www.java.sun.com.


Los applets de Java se distribuyen en Los applets de Java se distribuyen en archivos con extensión CLASS, o en archivos con extensión CLASS, o en formato comprimido con extensiones formato comprimido con extensiones JAR o ZIP. Siempre que se incluyan en JAR o ZIP. Siempre que se incluyan en una página Web, se han de distribuir una página Web, se han de distribuir los archivos CLASS o, en su caso, los archivos CLASS o, en su caso, facilitar la referencia sobre dónde se facilitar la referencia sobre dónde se encuentran o en qué archivo JAR están encuentran o en qué archivo JAR están comprimidos.comprimidos.


También se puede indicar una También se puede indicar una

Dirección URL base del subprograma, Dirección URL base del subprograma,

en la que se encuentre el código Java en la que se encuentre el código Java

(los archivos CLASS), que puede ser (los archivos CLASS), que puede ser

un servidor de Internet fuera de la un servidor de Internet fuera de la

página Web.página Web.

La World Wide Web La World Wide Web, la telaraña mundial, ha sido el recurso que se ha implantado...

Documents

Transcript of La World Wide Web La World Wide Web, la telaraña mundial, ha sido el recurso que se ha implantado...