// un poco de historia

Primero llegó Internet

1. 1969ARPANETEl Departamento de Defensa de EE. UU. conecta cuatro universidades en red.
2. 1969«LO»El primer mensaje iba a ser «LOGIN», pero el sistema se colgó tras las dos primeras letras.
3. 1983Nace InternetEl protocolo TCP/IP, el «idioma común» que permite que redes distintas se entiendan.
4. 1983El DNSAparece el sistema de nombres de dominio.

// un poco de historia

Después, la web

1. 1989La propuestaTim Berners-Lee, en el CERN, propone compartir documentos enlazados. Su jefe anota: «vago, pero emocionante».
2. 1991Nace la webHTML, HTTP y URL, el primer navegador y el primer servidor.
3. 1993La web es de todosEl CERN la libera sin patentes. Mosaic muestra imágenes junto al texto.
4. 2007En el bolsilloCon los smartphones, la mayoría de las visitas pasan a ser desde el móvil.

La idea: el hipertexto

Un texto con enlaces a otros textos, para saltar de uno a otro y decidir tu propio recorrido. De ahí vienen la H y la T de HTML.

Cuando los nodos no son sólo texto, sino también imágenes, sonido o vídeo, se habla de hipermedia.

La primera página web

Internet no es la web

Internet es la red de carreteras. La web es uno de los vehículos que circulan por ellas.

Antes de la web

$ ftp ftp.universidad.edu
Connected to ftp.universidad.edu.
Name: anonymous
230 Login successful.
ftp> cd /pub/articulos
ftp> get informe.txt
226 Transfer complete.

Tim Berners-Lee no inventó Internet: inventó una forma de publicar y enlazar documentos usando Internet.

Qué es un navegador

El programa con el que visitamos las páginas web. Cada vez que escribes una dirección o pulsas un enlace, hace tres cosas:

1. 01Pidela página al servidor donde está guardada
2. 02Recibelos archivos: HTML, CSS, imágenes, JavaScript…
3. 03Renderizalee el código y lo convierte en la página que ves

Navegador no es buscador

Puedes usar el buscador Google desde el navegador Firefox, o DuckDuckGo desde Chrome.

Cada navegador, su motor

El motor de renderizado es la parte que convierte el código en página. Todos siguen los estándares del W3C, pero a veces interpretan algún detalle de forma distinta.

Prueba siempre tus webs en al menos dos navegadores y en un móvil.

Cliente y servidor

Toda visita a una web es una conversación entre dos ordenadores.

Si abres un .html con doble clic no hay servidor: la barra muestra file:///. Para practicar vale, pero nadie más puede verlo.

Qué pasa al escribir una dirección

Todo esto ocurre en menos de un segundo:

1. 01Escribesla dirección y pulsas Intro
2. 02DNStraduce el dominio a la IP del servidor
3. 03Peticiónel navegador pide el archivo por HTTP
4. 04Respuestael servidor envía el HTML, el CSS, las imágenes…
5. 05Renderizadoel navegador dibuja la página

Códigos de estado

Cada respuesta del servidor lleva un número que dice cómo ha ido:

IP, dominio y DNS

Las IP de la agenda son de ejemplo.

Las partes de una URL

La dirección completa de un archivo concreto en la web:

• Protocolo: las reglas de la conversación. La s significa seguro.
• Dominio: el nombre elegido. Se alquila por años.
• Extensión: genérica (.com, .org) o de país (.es, .fr).
• Ruta: carpetas y archivo dentro del servidor.

¿Por qué index.html?

Para publicar una web

Una web es sólo una carpeta con archivos. «Publicarla» es copiar esa carpeta a un ordenador siempre encendido y conectado, y ponerle un nombre.

HTTP y HTTPS

HTTPS es lo mismo que HTTP, pero cifrado: nadie que esté entre medias, por ejemplo en una wifi pública, puede leer ni modificar lo que se envía.

Hoy es obligatorio en la práctica: los navegadores marcan como «No seguro» las webs sin HTTPS.

Publica gratis tus prácticas

Para proyectos de clase no hace falta pagar. Con HTTPS incluido y una dirección propia: