S7: Protocolo HTTP

Sesión 7: Protocolo HTTP

Tiempo: 50min + 50min
Objetivos: TODO

Contenido

Introducción
Descargas
El rincón friki
Autor
Créditos
Licencia
Enlaces

Introducción

La web está cobrando cada vez más importancia. Uno de los motivos es su sencillez: sólo necesitamos tener instalado un navegador, en cualquier plataforma: ordenador, tablet, móvil... Los dos actores principales de la web son el navegador (cliente) y el servidor. Hablan entre sí mediante el protocolo HTTP

Definiciones

HTTP: (Hyper Text Transfer Protocol): Protocolo entre navegadores y servidores web para transferir documentos hipermedia
URL: (Uniform Resource Locator): Interfaz común para acceder a diferentes tipos de servicios/documentos en la web a través de un sistema de nombres
HTML: (HyperText Markup Language): Lenguaje que permite incluir en documentos enlaces a otros documentos mediante URLs

Sobre HTTP

HTTP se utiliza para transferir páginas web del servidor al navegador
Sigue el modelo Cliente-Servidor:
- Cliente: Es el navegador. Pide páginas y se las muestra la usuario
- Servidor: Aloja las páginas y se las entrega a los clientes que lo solicitan
- Funciona sobre TCP
- Por defecto HTTP escucha en el puerto 80
- HTTP sirve tanto para contenido estático (ficheros) como contenido dinámico (el resultado de ejecutar programas en el servidor)
- Una página web consta de uno o varios objetos
- Un objeto es un archivo (fichero HTML, foto JPG, programa javascript, hoja de estilo...) direccionable a través de su URL
- La mayoría de páginas web están formadas por un archivo HTML base y diversos objetos referenciados dentro del archivo como parte de la misma página

Ejemplo: Página web de varios objetos

Tenemos la siguiente página web, cuyo fichero HTML base es el siguiente:

<!DOCTYPE html>
<html lang="es" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>MI TIENDA</title>
    <link rel="stylesheet" href="mi-css.css">
     <script src="mi-js.js"></script>
  </head>
  <body onload="main();">
    <p>BIENVENIDO A MI WEB</p>
    <img src="logo-urjc.png" alt="NOPE" id="logo">
    <br>
  </body>
</html>

La página completa está formada por el archivo HTML en sí, el fichero de estilo (mi-css.css), el programa javascript (mi-js.js) y la imagen (logo-urjc.png)

Para mostrar la página, el cliente hace en total 4 peticiones al servidor: primero el html, luego la hoja de estilo, después el programa javascript y por último la imagen (el orden es el que está definido en el html)

Ejercicio

Completamos el fichero HTML anterior con más etiquetas. ¿Cuantos objetos forman ahora la página web? ¿Cuántas peticiones realiza el cliente al servidor ahora?

<!DOCTYPE html>
<html lang="es" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>MI TIENDA</title>
    <link rel="stylesheet" href="mi-css.css">
     <script src="mi-js.js"></script>
  </head>
  <body onload="main();">
    <p>BIENVENIDO A MI WEB</p>
    <img src="logo-urjc.png" alt="NOPE" id="logo">
    <br/>
    <a href="mi_fichero.pdf">Descargar</a>
    <br/>
    <a href="galeria.html">Acceso a la galería de fotos</a>
  </body>
</html>