Easier to read with cream paper, a tint, more contrast or larger text? Choose your colours and text, once, for every page.

Vista previa

Servidores web

Esta es la primera página de la lección. Léela y prueba las actividades. El resto está en el curso completo.

30 minutos

El camarero de la web

En el bar del instituto pides un bocadillo. El camarero lo busca y te lo trae.

Un servidor web hace lo mismo. Tu navegador pide una página. El servidor la busca en una carpeta y la entrega.

No cocina nada: solo entrega lo que ya está guardado.

Palabras clave

PalabraQué significaEjemplo
Servidor webUn programa que espera peticiones y entrega páginas y ficheros.nginx, Apache
PeticiónEl mensaje con el que el navegador pide un fichero.GET /menu.html
RespuestaEl mensaje con el que el servidor contesta, con el fichero dentro.200 OK
Fichero estáticoUn fichero que se entrega tal cual está guardado.index.html, foto.jpg
Código de estadoUn número que dice cómo ha ido la petición.404
PuertoLa puerta del servidor por la que entran las peticiones.80 y 443
Raíz del sitioLa carpeta del servidor donde empieza tu web./var/www/bar

Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.

Dos mensajes: petición y respuesta

Código: bash
# Lo que manda el navegador
GET /menu.html HTTP/1.1
Host: example.com

# Lo que contesta el servidor
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 1240

<html> ...el contenido de menu.html... </html>

Lee los mensajes

Inténtalo

Lee los mensajes

3 preguntas
Pruébalo: tus respuestas se corrigen aquí y después se olvidan. Inicia sesión si quieres que se guarde tu puntuación y continuar donde lo dejaste.Iniciar sesión para guardar tu puntuación

Tus respuestas se corrigen aquí y no se guardan. Una cuenta guarda tus resultados.

De carpeta a direcciones

Un servidor web no inventa direcciones. Cada fichero de la carpeta tiene la suya.

Si alguien pide solo example.com/, el servidor busca un fichero llamado index.html. Por eso la página principal se llama así.

Ejemplo resuelto: la carpeta del bar

Fichero en el servidorDirección que escribe el visitante
/var/www/bar/index.htmlexample.com/
/var/www/bar/menu.htmlexample.com/menu.html
/var/www/bar/css/estilo.cssexample.com/css/estilo.css
/var/www/bar/fotos/tortilla.jpgexample.com/fotos/tortilla.jpg
/var/www/otra/secreto.txtNo se ve: está fuera de la raíz

Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.

Pruébalo: la página que se entrega

Código: web
<h1>Bar del instituto</h1>
<p>Hoy hay tortilla y bocadillo de jamón.</p>
<p>Abierto en el recreo.</p>

El servidor solo entrega

Nota

Cambia el texto de la página de arriba. El servidor no entiende lo que dice. Solo manda los ficheros. El navegador es quien los dibuja.

Los códigos de estado

Cada respuesta empieza con un número. Los números dicen si la petición salió bien.

Los que empiezan por 2 son éxito. Los que empiezan por 3 mandan a otro sitio. Con 4, el fallo es de quien pide. Con 5, el fallo es del servidor.

La lección continúa

8 partes más de esta lección están en el curso completo, con los ejercicios y la comprobación final. Una cuenta te da todo.