Le Web (World Wide Web, « toile d’araignée mondiale ») est un ensemble de pages reliées entre elles par des liens hypertextes et accessibles par Internet. Il repose sur trois piliers : l’adresse des ressources (URL), le langage des pages (HTML) et le protocole d’échange (HTTP).
Objectifs
- Décomposer une URL
- Distinguer le contenu (HTML) et la mise en forme (CSS) d’une page
- Décrire l’échange client-serveur avec le protocole HTTP et l’intérêt de HTTPS
- Expliquer le fonctionnement d’un moteur de recherche
- Comprendre ce qu’est un cookie et maîtriser ses paramètres
1. Repères historiques
| Date | Événement |
|---|---|
| 1965 | Ted Nelson invente le terme « hypertexte ». |
| 1989 | Au CERN (près de Genève), Tim Berners-Lee propose un système de documents reliés par des liens hypertextes. |
| 1991 | Le Web devient accessible en dehors du CERN. |
| 1993 | Le CERN place les technologies du Web dans le domaine public ; apparition des premiers navigateurs graphiques grand public. |
| 1994 | Création du W3C, l’organisme qui élabore les standards du Web. |
2. URL, HTML et CSS
URL : Une URL (Uniform Resource Locator) est l’adresse d’une ressource sur le Web.
| Partie | Nom | Rôle |
|---|---|---|
| https | protocole | règles d’échange utilisées |
| www.exemple.fr | nom de domaine | désigne le serveur (traduit en adresse IP par le DNS) |
| /snt/cours.html | chemin | emplacement de la ressource sur le serveur |
Une page web est un fichier texte écrit en HTML (HyperText Markup Language). Le HTML décrit la structure et le contenu grâce à des balises ; la mise en forme (couleurs, polices, disposition) est décrite à part, en CSS (Cascading Style Sheets).
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Ma page</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Le Web</h1>
<p>Un paragraphe avec un <a href="page2.html">lien hypertexte</a>.</p>
</body>
</html>h1 {
color: darkblue;
}
p {
font-size: 18px;
}3. Le protocole HTTP et le modèle client-serveur
Le navigateur (le client) envoie une requête HTTP à un serveur web, qui renvoie une réponse : la page HTML, puis les images, feuilles de style et scripts nécessaires, chacun faisant l’objet d’une requête. Le navigateur interprète ensuite le code reçu pour afficher la page.
| Code de réponse | Signification |
|---|---|
| 200 | OK : la ressource est envoyée |
| 404 | ressource introuvable |
| 500 | erreur interne du serveur |
- Méthode GET : demander une ressource (les paramètres éventuels apparaissent dans l’URL).
- Méthode POST : envoyer des données, par exemple le contenu d’un formulaire.
- HTTPS : version sécurisée de HTTP ; les échanges sont chiffrés, ce qui empêche un intermédiaire de les lire ou de les modifier. Cela ne garantit pas que le site lui-même est honnête.
- Une page statique est envoyée telle quelle ; une page dynamique est fabriquée par le serveur au moment de la requête (par exemple selon l’utilisateur connecté).
4. Les moteurs de recherche
- Exploration : des programmes (robots d’indexation) parcourent le Web en suivant les liens et récupèrent les pages.
- Indexation : le moteur construit un index qui associe chaque mot aux pages qui le contiennent.
- Classement : pour une requête, il sélectionne les pages pertinentes et les ordonne selon de nombreux critères (présence des mots, popularité mesurée notamment par les liens reçus d’autres pages, fraîcheur, localisation…).
5. Cookies et vie privée
Cookie : Petit fichier texte déposé par un site dans le navigateur, puis renvoyé au site lors des visites suivantes. Il sert par exemple à garder une session ouverte ou un panier, mais aussi à suivre la navigation à des fins publicitaires (cookies dits « tiers », déposés par d’autres acteurs que le site visité).
Dans l’Union européenne, le RGPD (Règlement général sur la protection des données, applicable depuis mai 2018) et les règles sur les traceurs imposent de recueillir ton consentement avant de déposer les cookies non indispensables au fonctionnement du site. Refuser doit être aussi simple qu’accepter. Tu peux aussi supprimer les cookies et régler leur blocage dans ton navigateur.
À retenir
- URL = protocole + nom de domaine + chemin.
- HTML décrit la structure et le contenu par des balises ; CSS décrit la mise en forme.
- HTTP : le client (navigateur) envoie une requête, le serveur renvoie une réponse ; HTTPS chiffre l’échange.
- Moteur de recherche : exploration, indexation, classement.
- Les cookies peuvent servir au suivi publicitaire : le consentement est obligatoire pour les cookies non indispensables.
Et maintenant, à toi !
Vérifie que tu as compris avec les exercices, puis révise avec la fiche.