Universidad Complutense de Madrid

CURSOS DE FORMACIÓN EN INFORMÁTICA

La World Wide Web

Nivel 2 de iniciación Tema 2

CFI
UCM
WWW (World Wide Web)

Un sistema hipermedia distribuido sobre Internet.

Hipermedia: sistema compuesto por múltiples documentos
multimodales (con texto, gráficos, imágenes, videos, sonido, …)
cuyos elementos pueden ser enlazados (vinculados) entre sí.
Por web nos referimos a la red de información, mientras que
el término Internet se refiere al aspecto físico de la red
(el soporte, tal como los cables o las computadoras).
Los documentos de WWW se encuentran físicamente localizados
en diferentes máquinas de Internet. El sistema es extensible, en
el sentido de que, en cualquier momento, pueden añadirse,
modificarse o quitarse documentos del mismo.
Se pueden establecer enlaces (vínculos) en cualquier documento
con cualquier documento de cualquier computadora de WWW.
En WWW existen millones de documentos interrelacionados
(web = entramado, tela, red, …).

Cursos de Formación en Informática: Nivel 2 de iniciación Tema 2 – Pág. 1

CFI
UCM
WWW (World Wide Web)

La información a la que
accede el sistema WWW Un
puede estar en cualquier hipertexto
es básicamente
computadora del mundo igual que un Þ
texto, pero


que esté conectada a la red. contiene
enlaces con
otros
El acceso a la información documentos.

(navegación por Internet)

se realiza a través de
técnicas de hipertexto.
Un hipertexto es básicamente igual que un texto normal (puede
ser guardado, leído, buscado o editado), pero además contiene
enlaces (hipervínculos) a otros documentos. Así se consigue que
se pueda acceder de forma simple a varios documentos
relacionados que pueden estar en distintas computadoras.
Hipermedia = hipertexto + multimedia

Cursos de Formación en Informática: Nivel 2 de iniciación Tema 2 – Pág. 2

CFI
UCM
WWW (World Wide Web)

El uso principal del servicio World Wide Web de Internet

es la transmisión de documentos hipermedia
entre computadoras de todo el mundo.

El sistema web proporciona un modo de acceso simple

y uniforme a los recursos de Internet.

El objetivo logrado con el uso de la web es el acceso

de personas de todo el mundo a una base universal
de información en la que cada documento
está enlazado con otros documentos relacionados;
de esta forma, cualquier usuario puede "navegar"
(usando los enlaces de los documentos)
y encontrar rápidamente documentos
con información relevante.

Cursos de Formación en Informática: Nivel 2 de iniciación Tema 2 – Pág. 3

CFI
UCM
Internet hoy: la web

Recolección
Recolección
de
de información
información

Cursos de Formación en Informática: Nivel 2 de iniciación Tema 2 – Pág. 4

CFI
UCM
Internet hoy: la web

Para los usuarios

World Wait Web

La recuperación de la información:
lenta y difícil de conseguir

Cursos de Formación en Informática: Nivel 2 de iniciación Tema 2 – Pág. 5

CFI
UCM
Internet hoy: la web

Para la empresa

World Wild Web World Worth Web

World Worry Web

World Worldy Web

Suministrar información: ¿Cómo llegar mejor a los clientes?

Comercio electrónico
Integración en los procesos de negocio

Cursos de Formación en Informática: Nivel 2 de iniciación Tema 2 – Pág. 6

CFI
UCM
Arquitectura cliente-servidor

El funcionamiento del sistema World Wide Web se basa en

la arquitectura distribuida cliente-servidor.

Envíame el archivo A
En este texto
selecciono el
enlace al
archivo A Cliente Servidor
pulsando web web
encima con el
ratón.

Archivo A

Un cliente web (navegador o explorador de Internet) es un programa

que puede enviar peticiones de documentos a cualquier servidor web.
Además, interpreta el documento que recibe para su visualización.
Un servidor web es un programa que cuando recibe
una solicitud de un cliente web envía el documento pedido
o un mensaje de error (si procede) como respuesta.

Cursos de Formación en Informática: Nivel 2 de iniciación Tema 2 – Pág. 7

CFI
UCM
Navegar en la web

… …
……… … ……………… ………………
… …
.. … ………………
… …
.. …
… … …
… … … … ..
… … …
… … … … .. … … … … … … ………………
…………… … … … … … … ………………
……………. … … … … … …
……………………. … … … … … …
……………………. … … … … … …

Los documentos pueden estar en la misma computadora o no.

Un enlace puede llevarnos:
A una conexión con otra parte del mundo.
A otro documento dentro de la misma computadora.
A algún elemento (sección, imagen) del documento actual.

Cursos de Formación en Informática: Nivel 2 de iniciación Tema 2 – Pág. 8

CFI
UCM
HTML

HTML es el lenguaje utilizado para codificar la información

contenida en los documentos (páginas) que integran la web.
HTML es un lenguaje de marcas (HiperText Markup Language).
Un documento HTML tiene una organización jerárquica.
Cada elemento se delimita mediante marcas.
Los elementos pueden contener otros elementos.
HTML incluye un mecanismo básico para definir enlaces entre
elementos de páginas Web, así como mecanismos para integrar
información multimedia en los documentos HTML.
Los visualizadores de documentos HTML (como Internet Explorer
o Netscape) interpretan las marcas de los documentos HTML y
visualizan sus contenidos de acuerdo con las instrucciones de
formato de cada marca.

Cursos de Formación en Informática: Nivel 2 de iniciación Tema 2 – Pág. 9

CFI
UCM
Documentos HTML

Código fuente de la página

Cursos de Formación en Informática: Nivel 2 de iniciación Tema 2 – Pág. 10

CFI
UCM
Documentos HTML

<HTML>
<HEAD>
<TITLE>Este es el título del documento</TITLE>
</HEAD>
<BODY>
<B>Este texto está en negrita
<I> este texto está además en cursiva</I>
</B>
<I> Este texto está sólo en cursiva</I>
<TABLE BORDER="2">
...
</TABLE>
</BODY>
</HTML>

Cursos de Formación en Informática: Nivel 2 de iniciación Tema 2 – Pág. 11

CFI
UCM
HTTP

El lenguaje que los clientes y servidores web utilizan para

comunicarse entre sí se conoce como HTTP (protocolo de
transferencia de hipertexto). Todos los clientes y servidores web
deben ser capaces de “hablar” HTTP para enviar y recibir
documentos hipermedia.
HTTP (HiperText Transfer Protocol) es un protocolo de aplicación
diseñado para la transmisión de documentos sobre Internet.
HTTP rige la transmisión de documentos en la web.
Los servidores web ofrecen documentos a los cuáles acceden
los clientes web utilizando el protocolo HTTP.
Servidor web ≈ Servidor HTTP
Los clientes procesan los documentos recuperados
(normalmente con objeto de visualizar su contenido).

Cursos de Formación en Informática: Nivel 2 de iniciación Tema 2 – Pág. 12

CFI
UCM
HTTP

Los documentos HTML pueden

contener enlaces a información
localizada en otros servidores
web. Usar (activar) los enlaces
supone la recuperación de dicha
información utilizando el
protocolo adecuado
(normalmente HTTP) y
la visualización de la misma.
La capacidad de procesamiento
se relega, en su mayor parte, a
los clientes. Existe, no obstante,
la posibilidad de que el cliente
recoja información y solicite
al servidor que procese dicha
información (por ejemplo,
mediante ASP: Páginas de
servidor activo).
www.dia.fi.upm.es

Cursos de Formación en Informática: Nivel 2 de iniciación Tema 2 – Pág. 13

CFI
UCM
Localización: URL

Las direcciones IP y los nombres de Internet permiten localizar

máquinas en la red. En WWW es necesario, además, localizar
documentos que residen en máquinas. Los documentos son
recursos de Internet.
Para representar direcciones en WWW se utilizan localizadores
uniformes de recursos (URL). Cada enlace o hipervínculo a un
documento incluye el URL de ese documento, es decir,
información sobre dónde se encuentra ese documento en la red.
URL es un formato de dirección mejorada, que permite designar,
de forma única, un recurso en la red. Formato de un URL:
protocolo://nombreODirIP/LocalizaciónDelRecursoEnLaMaquina
Ejemplos:
http://www.ucm.es/info/dsip
http://calisto.sip.ucm.es/people/~pedro
ftp://ftp.rediris.es/pub
file://c:/archivos/quijote.doc

Cursos de Formación en Informática: Nivel 2 de iniciación Tema 2 – Pág. 14

CFI
UCM
Más allá de HTML

Interacción con el servidor (ASP, JSP, CGI).

Operaciones seguras sobre WWW (protocolo HTTPS).
Páginas más interactivas:
Guiones (scripts) en páginas HTML (JavaScript, VBScript).
Applets de Java.
Componentes ActiveX.
Realidad virtual (VRML: Virtual Reality Markup Language).
Clientes extensibles (plug-in).
Nuevos estándares: DHTML (Dynamic HTML) ,XML (EXtensible
Markaup Language), XHTML (XML - based HTML), …
¡Y mucho más! WWW es la ventana a Internet, por lo que se
encuentra en continua mejora y evolución. La mejor forma de
conocerla es navegando por ella.

Cursos de Formación en Informática: Nivel 2 de iniciación Tema 2 – Pág. 15

CFI
UCM
Navegación con Microsoft Internet Explorer

Un navegador es un cliente que implementa múltiples protocolos

de Internet. En concreto, un navegador de web incluye, como
mínimo, una implementación del protocolo HTTP. Esto permite
utilizarlo para explorar la web (es decir, para comunicarse con
los servidores de HTTP de WWW).
MS-Windows incluye el navegador Microsoft Internet Explorer.
Existen otros muchos navegadores. Otro de los más populares es
el de Netscape (Navigator, Comunicator).
En esta experiencia práctica se utilizará Microsoft Internet
Explorer para iniciarse en la navegación por la web. Se
propondrán una serie de sitios web para visitar y, de paso, se
aprovechará la experiencia para aprender, sobre la marcha,
algunas características adicionales de WWW.

Cursos de Formación en Informática: Nivel 2 de iniciación Tema 2 – Pág. 16

CFI
UCM
Navegación con Microsoft Internet Explorer

Barra de menús
Barra de herramientas
Cuadro para introducir
los URL

URL preferidos

Area de visualización
de los documentos

Barra de estado

Cursos de Formación en Informática: Nivel 2 de iniciación Tema 2 – Pág. 17

CFI
UCM
Navegación con Microsoft Internet Explorer

Viajes combinados, mundos virtuales

Primero nos lo montaremos de cultural: http://www.ucm.es/

¡Nos vamos a escuchar música! http://www.cadena40.es/
Leyendo en periódico: http://www.elmundo.es/
¡Hagamos unas compras! http://www.elcorteingles.es/
¿Consultamos la programación de televisión? http://www.tve.es/
¡En el corazón de París! http://www.louvre.fr/
Videojuegos nostálgicos: http://www.spectrum.lovely.net/
Bancos en Internet: http://www.cajamadrid.es/

Cursos de Formación en Informática: Nivel 2 de iniciación Tema 2 – Pág. 18

CFI
UCM
Personalización de Microsoft Internet Explorer

Configuración de la apariencia de la interfaz

Ver Barras de Herramientas

Cursos de Formación en Informática: Nivel 2 de iniciación Tema 2 – Pág. 19