Aplicaciones Web (Tema 1: Conceptos Básicos del Web)

TEMA 1 “Conceptos Básicos del Web”

1.Historia

En 1989, Tim Berners-Lee y Robert Cailiau desarrollaron un sistema basado en

hipertexto para facilitar el acceso a la información del CERN (Organización Europea
para la Investigación Nuclear). Dicho sistema estaba organizado mediante una red de
enlaces entre diversos documentos que podían visualizarse mediante una aplicación
específica (el navegador) llamada Mosaic que interpretaba el lenguaje en el que estaban
escritas dichas páginas HTML (Hiper-Text Markup Language).

En 1992 dicho sistema se hizo público en Internet que ya contaba con 26 servidores
estables.

La facilidad de uso y vistosidad del servicio web dio lugar a un crecimiento

exponencial de usuarios del contenido web en Internet que ha dado paso a un sistema de
millones de webs entrelazadas unas con otras, conocida como World Wide Web (o
telaraña mundial).

En 2008 se hizo un estudio que cifraba en más de 63000 millones las páginas web
disponibles en la Red.

Hoy en día Internet cuenta con un número de usuarios cercano al 34% de la población
mundial aunque todavía sigue siendo muy grande la “brecha digital” entre países
desarrollados y subdesarrollados y tercermundistas.

IES Al-Ándalus (Almuñécar)

Manuel González Domenech
Aplicaciones Web (Tema 1: Conceptos Básicos del Web)

2. Funcionamiento del servicio web

Como la mayoría de servicios en Internet, el servicio web no es una excepción, ya que

sigue la arquitectura cliente-servidor, es decir una máquina puede actuar como cliente,
realizando peticiones a un servidor de una determinada página web, mediante una
determinada URL (Localizador de Recursos Uniforme) que suele tener la siguiente
estructura:

-El protocolo utilizado para intercambiar información con el servidor (http, https …)

-El nombre del servidor (es decir la dirección IP o nombre de dominio de la máquina
que alberga el documento web.)

-El camino o ruta donde se encuentra dicho documento.

Ejercicio 1: Identifica cada una de las partes de la URL

http://www.fp.uja.es/doc/documento1.html

Una vez recibe la petición, el servidor web localiza en el repositorio la página y le es

devuelta al cliente para que el navegador que la solicitó, la interprete y muestre en
pantalla.

IES Al-Ándalus (Almuñécar)

Manuel González Domenech
Aplicaciones Web (Tema 1: Conceptos Básicos del Web)

*Páginas webs estáticas: Cuando el cliente solicita una página de este tipo al servidor ,
éste localiza los correspondientes archivos en su repositorio (disco), escritos en
lenguajes del lado del cliente (como HTML, CSS o Javascript) para que el cliente los
ejecute y muestre en pantalla.

*Páginas webs dinámicas: Cuando el cliente solicita una página de este tipo el servidor ,
éste le manda localiza los correspondientes archivos en el repositorio, escritos en
lenguajes del lado del servidor (como PHP, ASP, JSP) para que el servidor los
ejecute y construya el código HTML que envía al cliente para que lo interprete y
muestre en pantalla. Las páginas se crearán a partir de la información recibida en la
misma petición o mediante consultas a bases de datos.

IES Al-Ándalus (Almuñécar)

Manuel González Domenech
Aplicaciones Web (Tema 1: Conceptos Básicos del Web)

3. El Navegador Web

Un Navegador o Browser es un programa ejecutado en una máquina cliente que realiza

peticiones de páginas a otra máquina cliente que se encarga de suministrárselas
(normalmente en forma de un archivo HTML).

El navegador interpreta dicho código HTML y las presenta en pantalla al usuario.

*Componentes de un navegador:

-Motor de renderizado: Es la parte del navegador que se encarga de la representación

visual de las páginas webs. Dependiendo del motor de renderizado que utilicemos las
páginas pueden presentar ligeras diferencias. Algunos de los más populares son Trident
(usado por IE), Gecko (utilizado por Mozilla y sus derivados), Presto (Opera) o Webkit
(Google Chrome y Safari).

-Plugins: Son programas que se le agregan a los navegadores y que permiten realizar
funciones específicas (por ejemplo visualizar contenido Flash o PDF).

-Extensiones: Mejoran la funcionalidad del navegador (por ejemplo extensión para

informarte en todo momento de la meteorología de tu zona).

Ejercicio 2: Instala Mozilla e investiga sobre los distintos complementos en la URL

http://addons.mozilla.org

*Navegadores más populares: Existe gran variedad de navegadores disponibles en

Internet, cada uno de ellos con sus ventajas e inconvenientes, algunos de los más
populares son:

-Internet Explorer (IE): Desarrollado por Microsoft, se halla integrado en Windows.

Desde 1999 es el más utilizado y aunque se trata de software propietario, se ofrece de
manera “gratuita” para los usuarios del Sistema Operativo Windows.

-Mozilla Firefox: Es el navegador multiplataforma libre y de código abierto surgido a

partir del la liberación de código del navegador Netscape.

IES Al-Ándalus (Almuñécar)

Manuel González Domenech
Aplicaciones Web (Tema 1: Conceptos Básicos del Web)

-Google Chrome: Nació con el objetivo de proporcionar una interfaz de usuario

sencilla y eficiente y garantizar una navegación más simple ,estable, rápida y segura. Es
propiedad de Google, pero se basa en componentes de código abierto.

-Safari: Se trata del navegador web desarrollado por Apple para Mac OS X, aunque
existe también una versión para Windows. Posee un diseño bastante atractivo, cómodo e
intuitivo, y diversas características funcionales, entre las que destacamos la integración
con el reproductor de Apple Quick Time.

-Opera: Creado por la empresa Opera Software, goza de una gran aceptación gracias a
su velocidad, seguridad , soporte de estándares y reducido tamaño. Se encuentra
disponible para GNU/Linux, Windows, Mac OS X, Solaris y FreeBSD. Además
dispone de versiones para otro tipo de dispositivos como la Nintendo DS o Wii.

Como puede verse en el gráfico de la

derecha, el navegador web más usado
es Chrome, debido a su implantación
en sistemas Android . Seguido de
Safari, el navegador instalado de serie
en equipos y móviles Apple. En el
tercer puesto encontramos UC
Browser, el navegador más usado en la
comunidad china. En cuarto lugar
Mozilla Firefox e Internet Explorer
ha bajado en los últimos años desde el
primer puesto (debido a prácticas de
monopolio ilegítimas por parte de
Microsoft) hasta un discreto quinto
lugar.

IES Al-Ándalus (Almuñécar)

Manuel González Domenech
Aplicaciones Web (Tema 1: Conceptos Básicos del Web)

Ejercicio 3: Busca en Internet información sobre las últimas versiones de los

navegadores comentados, instálalos y completa la siguiente tabla:

IE Mozilla Chrome Safari Opera

Firefox
Versión
Sist.
Operativos
soportados

Tipo
licencia
¿Permite
pestañas?
¿Dispone de
bloqueo
pop-up?
¿Permite
hacer zoom
de página?
¿Tiene barra
para motor
de
búsqueda?

Ejercicio 4: Busca en Internet la definición de fork y explica a qué se debe el nacimiento

de IceCat. Posteriormente instálalo en tu ordenador bajo linux. Utiliza el siguiente
enlace como ayuda:

http://www.dacostabalboa.com/es/icecat-tu-explorador-bajo-licencia-gnu/1149

Ejercicio 5: Investiga por qué Microsoft ha habilitado la opción de desactivar IE en su

nuevo Sistema Operativo Windows 7.

Ejercicio 6: Localiza en Internet qué navegadores existen para dispositivos móviles y

bajo que Sistema Operativo funcionan.

IES Al-Ándalus (Almuñécar)

Manuel González Domenech
Aplicaciones Web (Tema 1: Conceptos Básicos del Web)

*La caché web: Para evitar sobrecargar la red las páginas y recursos descargados por
un cliente web son almacenados en una caché (zona de memoria temporal) de manera
que comprueba si dicha página expiró (cumplió el máximo nº de segundos que puede
estar en caché) si no ha expirado comprueba con el servidor que dicha página es válida
(es decir si no se ha actualizado en el servidor) si es válida directamente lo busca en
caché y si no lo vuelve a solicitar al servidor:

Los navegadores web además almacenan en archivos del disco duro las preferencias de
los sitios webs que visitamos con el fin de llevar un control de sus usuarios y de sus
hábitos de navegación, a éstos archivos se le conocen con el nombre de cookies.

Ejercicio 7: Averigua para los navegadores IE, Mozilla, Chrome , Opera y Safari
dónde pueden borrarse la caché y las cookies.

4. Estándares Web

Se trata de un conjunto de recomendaciones y normas sobre la creación e

interpretación de documentos web.

Estos estándares son creados por organismos de estandarización, el más influyente en

materia de estándares web es el W3C (World Wide Web Consortium), que es una
asociación internacional de empresas cuya misión es “guiar la web hacia su máximo
potencial a través del desarrollo de protocolos y pautas que aseguren el crecimiento
futuro de la web”.

El W3C ha creado más de cien estándares abiertos para lenguajes web y protocolos
como HTTP, HTML, XML , XHTML y CSS entre otros.

IES Al-Ándalus (Almuñécar)

Manuel González Domenech
Aplicaciones Web (Tema 1: Conceptos Básicos del Web)

Seguro que en numerosas ocasiones hemos topado con páginas que se encuentran
optimizadas para uno u otro navegador. Muchos navegadores web no siguen estos
estándares y a la hora de crear una página conviene tener en cuenta estas peculiaridades
. Si todos los navegadores siguiesen los estándares, los diseñadores web no
deberían preocuparse por optimizar las páginas para uno u otro.

*Acid Tests: El grupo de desarrolladores WSP (Web Standard Project) ideó los Acid
Tests con el fin de evaluar hasta que punto cumple un navegador con los estándares. El
último test lanzado (Acid3) consiste en una serie de pruebas a las que se le asigna una
puntuación concreta entre 0 y 100. (En 2009 Opera pasó el test con un 100/100)

Ejercicio 8: Realiza los Acid Tests (Acid3) sobre los navegadores instalados y anota
la puntuación en la siguiente tabla.

IE Mozilla Chrome Safari Opera

Firefox
Puntuación

IES Al-Ándalus (Almuñécar)

Manuel González Domenech