El documento describe los fundamentos de la World Wide Web. Explica que Tim Berners-Lee creó el primer navegador y lenguaje HTML en 1989 en el CERN. También describe cómo funciona la web a través de clientes (navegadores), servidores y protocolos como HTTP, y cómo las páginas web pueden ser estáticas o dinámicas. Finalmente, menciona algunas tecnologías clave como JavaScript, XML y motores de búsqueda.

1. LA WEB
Quinto Sistemas
Diego Palomeque

2. Web
 Los servidores Web almacenan
páginas web y las envían a los
navegadores Web de los clientes
 Los documentos tienen direcciones
únicas
 Los navegadores web permite
visualizar información remota
 Ejemplos navegadores: Internet
Explorer, Mozilla, Netscape

3. Web
 Navegadores

4. 4
World Wide Web ¿Cómo se inició?
 Tim Barnes Lee (CERN, 1989).
 Repositorio estático de documentos:
 Una forma cómoda de acceder a documentos
estáticos interrelacionados almacenados en
servidores distribuidos alrededor del mundo.
 La especificación inicial incluía:
 Un lenguaje para dar formato a los documentos
(HTML).
 Un protocolo sencillo para comunicar navegadores
(clientes) y servidores (HTTP).
páginas web 4

5. 5
El primer navegador gráfico
 En 1993 Marc Andreesen (estudiante) escribe
Mosaic. Precursor de Netscape.
páginas web 5

6. Web
 Protocolos de internet: http, html
 Http: protocolo de transferencia de
hipertexto (HyperText Transfer Protocol)
 Html (HyperText Markup Language ):
 Desarrollado en 1992 por Tim Berners-Lee en
el CERN
 Sirve para describir la estructura y el
contenido en forma de texto, gráficos…

7. Web

8. Web
 Las páginas web pueden consistir en
archivos de texto estático, o pueden
contener código que instruya al servidor
cómo construir el HTML para cada página
que es solicitada, a esto se le conoce
como Página Web Dinámica.
 Los estándares web son publicados por el
World Wide Web Consortium

9. Web
 La web está desarrollada siguiendo un
esquema de nombres que permite
referenciar a cada recurso de internet con
un localizador de recurso uniforme
URL
 P.e.
Protocolo:// Dominio o IP/ Ruta/ Archivo
http://www.uib.es/ balears/ balears-Internet.html

10. 0
Cómo funciona la web (1)
 Para poder visualizar una página web es
preciso:
 Tener un ordenador conectado a Internet:
 Establecer una conexión PPP con la máquina del ISP.
 El ordenador recibe una dirección IP temporal
 Usando DHCP (Dynamic Host Configuration Protocol)
 El ordenador recibe la dirección de un s e rvid o r d e
no m bre s (DNS, Domain Name Server)
páginas web 10

11. 1
Cómo funciona la web (2)
 Iniciar sesión en un navegador Web (ej.:
Internet Explorer, Mozilla, Netscape, etc.)
 Indicar al navegador el URL de la página que
se desea "visitar".
 El navegador pide al DNS la dirección IP
correspondiente al servidor que contiene el
documento cuyo URL se ha indicado.
 El navegador abre una sesión TCP con la
máquina cuya dirección IP se ha obtenido.
páginas web 11

12. 2
Cómo funciona la web (3)
 El navegador solicita al servidor que le
transmita el documento (orden GET).
 El servidor web envía el documento.
 La conexión TCP finaliza.
 El navegador muestra el documento.
páginas web 12

13. Cómo funciona la web
Abrir dirección “http:/www.uv.es/
/ cerveron/
index.html”
Internet
Servidor Web
Cliente W eb
(Mosaic, Netscape,
Internet Explorer, Firefox, etc.)
Servidor de nombres
(DNS)
páginas web 13

14. Estructura de un URL
UR = Uniform R
L esource Locator
http:/www.uv.es/
/ cerveron/
index.html
Nombre del protocolo de comunicación Localización del documento dentro del
con el servidor sistema de archivos del servidor web
(http es el estándar para web)
Nombre del dominio del servidor web
donde se almacena el documento
páginas web 14

15. Cómo funciona la web
Abrir dirección “http:/www.uv.es/
/ cerveron/
index.html”
Internet
Buscando 147.156.11.1
host:
www.uv.es
Servidor Web
¿dirección IP
Cliente W eb
www.uv.es?
(Mosaic, Netscape,
Internet Explorer,
Servidor de nombres
Firefox, etc.)
(DNS)
páginas web 15

16. Cómo funciona la web
Abrir dirección “http:/www.uv.es/
/ cerveron/
index.html”
Internet
Envíame el documento
cerveron/
index.html
Servidor Web
Cliente W eb
(Mosaic, Netscape,
Internet Explorer,
Servidor de nombres
Firefox, etc.)
(DNS)
páginas web 16 Introducción a la tecnología web (parte 3)

17. 7
WWW es un sistema Cliente/Servidor
 Clientes Web:
 Utilizan el protocolo HTTP para conectar con los
servidores.
 Solicitan y muestran las páginas web almacenadas
en los servidores.
 Clientes típicos: navegadores web (Explorer, Firefox).
 Servidores Web:
 "Escuchan" conexiones entrantes desde clientes.
 Utilizan el protocolo HTTP para conversar con los
clientes.
 Almacenan y transmiten páginas web a los clientes.
 Actualmente interactúan con el usuario y generan
dinámicamente páginas web páginas web 17

18. Web. Servidores WWW
 Los servidores WWW estructuran sus documentos
jerárquicamente y ofrecen una página de presentación
o inicio (home page) que contiene los enlaces de
hipertexto para localizar las demás páginas.
 Nombres más comunes de la página de presentación:
 index
 home
 Default
 Las páginas estáticas generalmente usan la extensión
de archivo .htm o .html.
 Las páginas dinámicas usan extensiones que
generalmente reflejan el lenguaje o tecnología que se
utilizó para crear el código, como .php (PHP), .jsp (
JavaServer), etc. En estos casos, el servidor debe estar
configurado para esperar y entender estas tecnologías.

19. Web. Servidores WWW

20. Web. Alojamientos de páginas
 Servidor propio en nuestra empresa
 Ventajas: lo controlamos nosotros mismos y
no dependemos de nadie externo.
 Inconvenientes: requiere de mayor inversión y
de personal cualificado ("webmasters") para
gestionar el servidor.
 Contratar los servicios de un Proveedor de
Acceso a Internet (ISP).
 Hosting: alojamiento de nuestras páginas web
en el servidor del ISP
 Housing: alojamiento de una máquina propia
servidora en las instalaciones del ISP.

21. Web. De hipertexto a multimedia
 Contenidos de páginas web:
 Tablas
 Marcos
 Formularios
 Vídeo y audio
descargables
 Streaming de
vídeo y audio
 Entornos 3-D

22. Web. Tecnologías
 Plug-ins: extensiones de software que
incluyen nuevas características:
 QuickTime
 Shockwave/Flash
 RealPlayer
 Adobe Reader
 Dynamic HTML: añade programación al
Html permitiendo que el código se
modifique bajo ciertas circunstancias
 JavaScript: lenguaje de scripting para
mejorar las páginas html

23. Web. Tecnologías
 Applets de Java : programas pequeños de
java
 Se bajan automáticamente al ordenador cliente
 Pueden funcionar sobre cualquier plataforma
 ActiveX
 Colección de tecnologías de programación y
herramientas para crear controles o
componentes
 Parecido a los applets de Java
 WML (Wireless Markup Language):
lenguaje para crear documentos con
informaciones cortas (p.e para móviles)

24. Web. Páginas dinámicas
 XML (Extensible Markup Language):
reemplazará el Html porque provee
características y extensiones
adicionales
 XHTML: mezcla entre html y xml
 VRML (Virtual Reality Modeling
Language): crea mundos virtuales
3D

25. Motores de búsqueda
 Diseñados para facilitar la información en la Web
 Algunos buscadores utilizan palabras clave o
lógica booleana para guiar sus búsquedas:
Buscadores.Web Crawlers or Spiders
 Robots software que sistemáticas buscan en la red
 Otros conducen las búsquedas utilizando
categorías o árboles jerárquicos: Directorios

26. Motores de búsqueda. Directorios
 Ventajas
 Fáciles de usar: navegación jerárquica
 Ojeada global al contenido. Se indica la
cantidad de sitios web para cada rama
 Las búsquedas pueden ser más amplias o
más específicas al subir o bajar por la
estructura del directorio.
 Resultados precisos, contextualizados por
la categoria
 El contenido del directorio pasa por un
proceso humano de selección de calidad

27. Motores de búsqueda. Directorios
 Desventajas
 Poco exhaustivos. Cubren tan solo
una pequeña fracción de los recursos
existentes en la Web
 Muchos recursos dejan de ser útiles si
no se utilizan mecanismos
automáticos para seguir los cambios
en sus contenidos, direcciones,
aparición o desaparición.

28. Motores de búsqueda. Buscadores
 Ventajas
 Son muy exhaustivos.
 Selección automática de los recursos
(robots)
 Mecanismos automáticos para seguir los
cambios en sus contenidos, direcciones,
aparición o desaparición. Algunos
buscadores incluso guardan una copia en
caché de los documentos tal como estaban
en el momento en que fueron explorados.

29. Motores de búsqueda. Buscadores
 Desventajas
 Utilización más compleja.
 Cada buscador tiene su propia sintaxis
 Para obtener resultados precisos se requiere
formular la consulta cuidadosamente,
eligiendo adecuadamente los términos y los
operadores, y delimitando adecuadamente la
búsqueda.
 Los recursos indexados por los robots no han
pasado generalmente por ningún proceso de
selección de calidad por lo que entre los
resultados puede haber mucha "basura".

30. 0
Aplicaciones web
 La web era al principio un conjunto de páginas
fijas
 La evolución de la web ha llevado al desarrollo de
aplicaciones web
 Una aplicación web es un programa informático
en la red (en un servidor) cuya interacción con el
usuario sea mediante un navegador web
 El programa recibe los inputs del usuario
 El programa genera dinámicamente páginas web
que muestran información personalizada y en su
caso permiten al usuario seguir interactuando
páginas web 30