Tema III: World Wide Web
● WWW
● Hipertexto, hiperenlace e hipervínculo
● Capacidad multimedia
● Navegadores
● Internet Explorer
● Netscape Navigator
● Otros
● Buscadores
Desarrollo O. O. de Apkicaciones para la WEB. 1
Prof.: Isidoro Hernán Losada
Objetivos
● Conocer las herramientas básicas que actúan
sobre el World Wide Web
● Navegadores web
● Uso avanzado de navegadores web
● Buscadores de internet
● Uso avanzado de buscadores
Desarrollo O. O. de Apkicaciones para la WEB. 2
Prof.: Isidoro Hernán Losada
Servicio WWW
● Es el conjunto de servidores de Internet que a
través del protocolo http permiten la transmisión
de información en formato hipertexto
● El WWW es el servicio de internet más utilizado
y está compuesto por millones de páginas
● Se encarga de analizar la información y
establecer la conexión adecuada utilizando si es
preciso distintas pasarelas
● Está basado en el concepto de hipermedia
Desarrollo O. O. de Apkicaciones para la WEB. 3
Prof.: Isidoro Hernán Losada
Servicio WWW
● Suele tener instalado un cliente web (navegador)
que es el que se encarga de interpretar la
información
● El web permite saltar mediante un
"hipervínculo" de una página a otra
Desarrollo O. O. de Apkicaciones para la WEB. 4
Prof.: Isidoro Hernán Losada
Hipertexto, hiperenlace e hipervínculo
● Semejante al texto convencional, pero permite
realizar un enlace a otra página web (link)
● Es la forma de trasladarse en internet de un
recurso a otro
● Hiperenlace (~media, ~vínculo) es un hipertexto
con otra cualidad. Contiene texto además de
otros medios como imagen, sonido , vídeo, etc.
● Permite navegar con facilidad en una gran
cantidad de información
Desarrollo O. O. de Apkicaciones para la WEB. 5
Prof.: Isidoro Hernán Losada
Hipertexto, hiperenlace e hipervínculo
● Permite la interconexión entre computadoras de
forma muy sencilla
● Elementos interactivos siempre actualizados
● Información localizada en uno o varios
servidores
● El acceso por hipervínculos hace totalmente
transparente al usuario donde esté localizada la
información
● Prácticamente cualquier objeto puede ser un
hipervínculo
Desarrollo O. O. de Apkicaciones para la WEB. 6
Prof.: Isidoro Hernán Losada
Hipertexto, hiperenlace e hipervínculo
● Para crear un documento de hipertexto se necesita
un lenguaje especial, el HTML (Hiper Text Mark
-up Languaje) o el XML
● El HTML es un lenguaje que no requiere
compilación. No es un lenguaje de programación
● El documento HTML se interpreta a través del
protocolo HTTP
● Al añadirlo a la dirección URL, se indica al
navegador que la información que va a recibir es
un documento de hipertexto (página web)
Desarrollo O. O. de Apkicaciones para la WEB. 7
Prof.: Isidoro Hernán Losada
Hipertexto, hiperenlace e hipervínculo
● Se basa en el uso de etiquetas o tags, que son
fragmentos de texto encerrados entre “<“ y “>”
● Las etiquetas HTML “formatean” la
información
● Para añadir imágenes en movimiento y sonidos
se usan otros lenguajes
● JAVA
● JavaScript
● Estas aplicaciones se pueden ejecutar tanto en el
servidor como en el cliente
Desarrollo O. O. de Apkicaciones para la WEB. 8
Prof.: Isidoro Hernán Losada
Capacidad multimedia
● Texto
● Texto true type
● Imágenes
● *.gif y *.jpg
● Fragmentos de vídeo
● Generalmente se baja el archivo
● Animación
● Flash, javascript, java
● Sonido
● *.wav, *.mid
Desarrollo O. O. de Apkicaciones para la WEB. 9
Prof.: Isidoro Hernán Losada
Navegadores
● Los navegadores (browser) son programas que
se ejecutan en el cliente
● Se encargan de interpretar y mostrar
correctamente la información en formato
hipertexto
● Los navegadores modernos también incluyen
acceso a otros servicios como
● ftp, ghoper, WAIS, telnet, e-mails y news...
● Suelen ser de libre distribución
Desarrollo O. O. de Apkicaciones para la WEB. 10
Prof.: Isidoro Hernán Losada
Navegadores
¿Como funciona?
● El usuario indica la dirección URL del servidor
Web al que quiere acceder.
Ej: http://www.urjc.es
● El navegador manda un mensaje al host urjc.es
solicitando que le envíe la pagina inicial
(index.html por defecto)
● Este mensaje contiene además la dirección del
remitente
Desarrollo O. O. de Apkicaciones para la WEB. 11
Prof.: Isidoro Hernán Losada
Navegadores
¿Como funciona?
● El host urjc.es recibe la solicitud, la procesa, y
envía la pagina web a la dirección del remitente
● El navegador recoge la página web (documento
HTML) y la visualiza por pantalla de manera
adecuada
● Es necesario que ambos ordenadores (cliente y
servidor) estén operativos
Desarrollo O. O. de Apkicaciones para la WEB. 12
Prof.: Isidoro Hernán Losada
Navegadores
● Ejemplos de navegadores
● Netscape Navigator
● Interner Explorer
● Opera
● Otros
●Mosaic
●Lynx
●Etc.
Desarrollo O. O. de Apkicaciones para la WEB. 13
Prof.: Isidoro Hernán Losada
Navegadores
● Características de las URL’s
● No puede tener espacios
● La barra inclinada es la de dividir
● Si en el navegador no se escribe correctamente
la URL, emite un mensaje de error
● Cuando se pasa el cursor sobre una URL, el
puntero de ratón cambia de forma
● Los servidores Web distinguen entre letras
mayúsculas y minúsculas
Desarrollo O. O. de Apkicaciones para la WEB. 14
Prof.: Isidoro Hernán Losada
Navegadores
● Agilidad del navegador
● Aumentar el tamaño de la memoria cache
● Acceder a las páginas web en modo texto
(desactivando los gráficos)
● Guardar las direcciones más comunes (Favoritos
o marcadores)
● Elegir un motor de búsqueda o dos y aprender a
manejarlo con soltura
● Abrir ventanas del navegador para hacer nuevas
cargas
Desarrollo O. O. de Apkicaciones para la WEB. 15
Prof.: Isidoro Hernán Losada
Navegadores
● Internet Explorer
Desarrollo O. O. de Apkicaciones para la WEB. 16
Prof.: Isidoro Hernán Losada
Navegadores
● Netscape Navigator
Desarrollo O. O. de Apkicaciones para la WEB. 17
Prof.: Isidoro Hernán Losada
Buscadores
● El número de páginas web que hay en internet
asciende a varios cientos de millones
● Se duplica cada varios meses
● Un buscador es una herramienta de la web que
localiza información
● Los parámetros de la búsqueda son introducidos
por el usuario
● Se basa en la idea de indexar páginas web y/o
organizarla por temas
Desarrollo O. O. de Apkicaciones para la WEB. 18
Prof.: Isidoro Hernán Losada
Buscadores
● Orígenes
● Yahoo (1995-1996)
● Organizaban la información por temas
● Conseguía la información de las páginas a través
del e-mail
● La aplicación tenía un carácter desinteresado y
abierto
● Son gigantescas bases de datos que contienen
información sobre miles de páginas web
● Cada dirección almacenada tiene palabras clave
Desarrollo O. O. de Apkicaciones para la WEB. 19
Prof.: Isidoro Hernán Losada
Buscadores
● Tipos de búscadores
● Por índices
● Yahoo
● Por contenidos (motores de búsqueda)
● Google
● No todas las páginas son accesibles desde los
buscadores
● Las páginas deben ser dadas de alta por el
responsable
● El buscador también puede actualizar sus bases de
datos automáticamente
Desarrollo O. O. de Apkicaciones para la WEB. 20
Prof.: Isidoro Hernán Losada
Buscadores
● Buscadores temáticos
● Páginas amarillas (búsqueda de profesionales)
● Nacionales
www.paginas-amarillas.es
http://amarillastelefonica.com/
www.secretariaplus.com/trabajo/paginas/index.asp
● Internacionales
www.cso.co.at/Best-Price-Shop/International-Yellow-pages-
home.html
www.paginas-amarillas.es/internacionales/index.shtml
Desarrollo O. O. de Apkicaciones para la WEB. 21
Prof.: Isidoro Hernán Losada
Buscadores
● Buscadores temáticos
● Páginas blancas (búsqueda de personas)
● Nacionales
www.telefonica.es/guiass/home.html
http://blancas.paginasamarillas.es/home_ie.html
http://amarillastelefonica.com/PaginasBlancas/
www.listin.com
● Internacionales
www.iaf.net
www.four11.com
Desarrollo O. O. de Apkicaciones para la WEB. 22
Prof.: Isidoro Hernán Losada
Buscadores
● Buscadores temáticos
● Buscadores de buscadores
● www.buscopio.net
● www.prisa.es/busquedas.htm
● Buscadores geográficos
● www.donde.es
● http://www.virtualtourist.com/vt/
● Buscadores científicos
● http://bio.est.unileon.es/html/
● http://citeseer.nj.nec.com/
Desarrollo O. O. de Apkicaciones para la WEB. 23
Prof.: Isidoro Hernán Losada
Buscadores
● Buscadores temáticos
● Buscadores de software
● Servidores de ftp anónimos
● http://www.iberportal.com/ibersoft.htm
● Buscadores de música
● http://www.vitaminic.com/main
● http://www.mp3search.nu/
● Buscadores de craks
● Etc.
Desarrollo O. O. de Apkicaciones para la WEB. 24
Prof.: Isidoro Hernán Losada
Buscadores
● Buscadores más utilizados
● www.google.com
● www.altavista.com
● www.yahoo.com
● www.exite.com
● www.lycos.com
● www.terra.es
● www.msn.es
Desarrollo O. O. de Apkicaciones para la WEB. 25
Prof.: Isidoro Hernán Losada
Buscadores
● La mayoría de los buscadores ha evolucionado
hacia los portales
● Los portales incluyen multitud de servicios
complementarios: email gratuito, comercio
electrónico, chat, etc.
● Existen portales que nunca fueron buscadores y
que nacieron con vocación de portal
● Los portales están ideados para permitir la
navegación sin ser necesario salir de ellos
Desarrollo O. O. de Apkicaciones para la WEB. 26
Prof.: Isidoro Hernán Losada
Buscadores
● www.altavista.com
Desarrollo O. O. de Apkicaciones para la WEB. 27
Prof.: Isidoro Hernán Losada
Buscadores
● www.altavista.com
● Uno de los buscadores con más páginas indexadas
● Actualmente es un portal
● Fácil personalización
● Búsquedas por idiomas
● Búsquedas temáticas
● Imágenes
● Video
● etc.
● Posibilidad de búsqueda booleana
Desarrollo O. O. de Apkicaciones para la WEB. 28
Prof.: Isidoro Hernán Losada
Buscadores
● www.yahoo.com
Desarrollo O. O. de Apkicaciones para la WEB. 29
Prof.: Isidoro Hernán Losada
Buscadores
● www.yahoo.com
● Primer buscador de páginas en internet
● Actualmente se puede considerar que es un portal
● Fácil personalización
● Búsquedas temáticas
● Imágenes
● Video
● etc.
● Posibilidad de búsqueda booleana
Desarrollo O. O. de Apkicaciones para la WEB. 30
Prof.: Isidoro Hernán Losada
Buscadores
● www.google.com
Desarrollo O. O. de Apkicaciones para la WEB. 31
Prof.: Isidoro Hernán Losada
Buscadores
● www.google.com
● Muy sencillo de utilizar
● Muy rápido
● No contempla la búsqueda booleana
● No es un portal
● Permite la búsqueda temática
● Actualmente es el buscador más utilizado de
internet
Desarrollo O. O. de Apkicaciones para la WEB. 32
Prof.: Isidoro Hernán Losada
