Je réserve ici
Sciences numériques et technologie (SNT) 2ⁿᵈᵉ

Ressources · 2ⁿᵈᵉ · Sciences numériques et technologie (SNT)

Le Web

Histoire du Web, URL, HTTP et HTTPS, client-serveur, navigateur, moteurs de recherche, cookies (SNT de 2nde)

À propos de cette page
Ce cours de sciences numériques et technologie (SNT) en seconde sur « Le Web » suit le programme officiel de sciences numériques et technologie (SNT) de seconde. Il présente les définitions, les propriétés et les méthodes essentielles, accompagnées d'exemples résolus pour bien comprendre. Au programme : L'essentiel : le Web en SNT, Repères historiques du Web, URL et liens hypertextes, Client-serveur, HTTP et HTTPS. Chaque notion est expliquée pas à pas, puis mise en pratique grâce à des exercices interactifs, un QCM et une évaluation corrigée. Idéal pour réviser à son rythme, combler ses lacunes et progresser, en autonomie ou avec un professeur. Cours rédigé par un professeur particulier à Marseille pour aider les élèves de seconde à réussir en sciences numériques et technologie (SNT).
1

L'essentiel : le Web en SNT

Le Web (World Wide Web, « toile d'araignée mondiale ») : ensemble de pages et de ressources reliées entre elles par des liens hypertextes, que l'on consulte avec un navigateur. C'est une application d'Internet, comme le courriel ou la visioconférence.
Les trois piliers du Web
• l'URL : l'adresse unique d'une ressource ;
• le protocole HTTP (ou HTTPS) : les règles du dialogue entre le navigateur et le serveur ;
• le langage HTML : la description du contenu d'une page (étudié, avec CSS, au chapitre suivant).
Modèle client-serveur : le client (le navigateur) envoie une requête ; le serveur web, une machine allumée en permanence, renvoie une réponse (page HTML, image, feuille de style, script).
Exemple. Envoyer un message avec un logiciel de messagerie utilise Internet, mais pas le Web. Consulter une encyclopédie en ligne dans un navigateur utilise le Web, donc aussi Internet, qui transporte les données.
2

Repères historiques du Web

DateÉvénement
1965Ted Nelson invente le mot « hypertexte » : un texte qui renvoie à d'autres textes.
1969ARPANET, l'ancêtre d'Internet, relie ses premiers ordinateurs aux États-Unis.
1989Tim Berners-Lee propose au CERN, près de Genève, un système de documents liés pour les chercheurs.
1991Le premier site web est accessible ; les trois piliers URL, HTTP et HTML sont en place.
1993Le navigateur Mosaic affiche les images au milieu du texte ; le CERN met le Web dans le domaine public.
1994Création du W3C, qui fixe les standards du Web ; sortie du navigateur Netscape Navigator.
1995Apparition des langages JavaScript (pages interactives, exécuté par le navigateur) et PHP (pages dynamiques, fabriquées par le serveur).
1998Fondation de Google, dont le classement repose sur les liens entre pages.
années 2000Web « participatif » : blogs, wikis, réseaux sociaux, où chacun publie.
À retenir. Les débuts d'Internet (ARPANET, 1969) précèdent le Web d'une vingtaine d'années. Le Web a été rendu libre de droits, ce qui explique sa diffusion très rapide.
3

URL et liens hypertextes

URL (Uniform Resource Locator) : adresse d'une ressource sur le Web, de la forme protocole://nom-de-domaine/chemin?paramètres#ancre.
PartieDans https://www.musee-exemple.fr/collections/peinture.html?salle=12&tri=date#oeuvre
Protocolehttps
Nom de domainewww.musee-exemple.fr (domaine de premier niveau : .fr)
Chemin/collections/peinture.html : dossier puis fichier sur le serveur
Paramètresaprès ?, séparés par & : salle=12 et tri=date
Ancreaprès # : oeuvre, un endroit précis de la page
Lien hypertexte : élément cliquable (mot, image, bouton) qui renvoie vers une URL. Un lien absolu donne l'URL complète ; un lien relatif ne donne que le chemin à partir de la page actuelle (ex. contact.html).
Astuce. Le nom de domaine se lit de droite à gauche : .fr, puis musee-exemple, puis le sous-domaine www. Le serveur DNS le traduit en adresse IP (voir le chapitre sur Internet).
4

Client-serveur, HTTP et HTTPS

Requête HTTP : une ligne de départ (méthode, ressource, version), puis des en-têtes, puis parfois un corps.
GET /horaires.html HTTP/1.1
Host: www.piscine-exemple.fr
User-Agent: Firefox/131.0
Méthodes
• GET : demander une ressource ; les paramètres sont visibles dans l'URL.
• POST : envoyer des données (formulaire) ; elles voyagent dans le corps de la requête, pas dans l'URL.
Réponse HTTP : un code d'état, des en-têtes (dont Content-Type, le type du contenu), puis le contenu.
CodeSensOrigine
200OK, la ressource est envoyéesuccès
301ressource déplacée définitivementredirection
403accès interditclient
404ressource introuvableclient
500erreur interne du serveurserveur
HTTPS = HTTP + chiffrement (protocole TLS). Un certificat, délivré par une autorité de certification, prouve que le serveur est bien propriétaire du domaine. Le navigateur l'indique par un cadenas.
Client ou serveur ? Une page statique est un fichier envoyé tel quel. Une page dynamique est fabriquée à la demande par un programme du serveur (PHP, Python) : le navigateur ne reçoit que le HTML produit. Le JavaScript, lui, est exécuté par le navigateur, côté client.
5

Les moteurs de recherche

Trois étapes
1. Exploration : des robots (crawlers) parcourent le Web en suivant les liens et copient les pages.
2. Indexation : le moteur construit un index, qui associe à chaque mot la liste des pages qui le contiennent.
3. Classement : à chaque requête, il cherche dans l'index puis ordonne les pages.
Exemple. P1 : recette, chocolat, gâteau ; P2 : chocolat, histoire ; P3 : gâteau, anniversaire. Index : chocolat → P1, P2 ; gâteau → P1, P3. La requête « gâteau chocolat » renvoie les pages présentes dans les deux listes : P1.
Critères de classement : pertinence (mots dans le titre, le texte), popularité (nombre et qualité des liens reçus, principe du PageRank de Google), fraîcheur, lieu, langue et historique de l'utilisateur. Les résultats sont donc personnalisés ; certains sont des annonces payées, signalées comme « sponsorisées ».
Esprit critique. Un bon rang ne prouve pas qu'une information est vraie : on vérifie l'auteur, la date, la source et on recoupe avec d'autres sites.
6

Navigateur, cookies et confidentialité

Navigateur : logiciel client qui envoie les requêtes, interprète le HTML et le CSS, exécute le JavaScript et affiche la page. Il conserve un historique, un cache (copies des fichiers déjà reçus) et des cookies.
Cookie : petit fichier texte (nom, valeur, domaine, durée de vie) déposé par un site dans le navigateur, puis renvoyé à ce site à chaque requête.
• cookie interne : déposé par le site visité (session, panier, préférence) ;
• cookie tiers : déposé par un autre domaine (régie publicitaire, mesure d'audience), il permet de suivre l'internaute d'un site à l'autre.
Règle en France (loi Informatique et Libertés, consentement au sens du RGPD, recommandations de la CNIL) : les traceurs non indispensables, comme les cookies publicitaires, exigent le consentement préalable de l'internaute, et refuser doit être aussi simple qu'accepter.
Réglages utiles : bloquer les cookies tiers, effacer les données de navigation, activer le mode « HTTPS uniquement », gérer les autorisations (caméra, position). La navigation privée n'enregistre ni historique ni cookies sur l'appareil après fermeture, mais ne rend pas anonyme.
Publier et réutiliser : notions juridiques
• Droit d'auteur : l'auteur d'une œuvre (texte, photo, musique, vidéo, page web) en est protégé du seul fait de sa création, sans aucune formalité ; la reproduire ou la diffuser sans son accord est illicite. En France, ces droits durent toute la vie de l'auteur puis 70 ans après sa mort ; l'œuvre entre ensuite dans le domaine public.
• Licence : document par lequel l'auteur fixe ce que les autres ont le droit de faire de son œuvre. Les licences Creative Commons (2002) affichent ces conditions : citer l'auteur (BY), et selon le choix de l'auteur pas d'utilisation commerciale (NC), pas de modification (ND) ou partage dans les mêmes conditions (SA).
• Droit d'usage : droit d'utiliser une œuvre sans en devenir propriétaire. Acheter un film en ligne ou s'abonner à une plateforme de musique donne le droit de regarder ou d'écouter, pas celui de copier ni de rediffuser.
• Valeur d'un bien : un fichier se copie sans perte et presque sans coût, mais la copie n'efface pas les droits ; la valeur d'une œuvre numérique repose sur eux (vente de licences, abonnements, publicité).
Publier sur le Web. Une information publiée peut être copiée, indexée par les moteurs et rester en ligne longtemps. Le droit d'auteur et le droit à l'image s'appliquent aussi sur le Web. Le RGPD (article 17) donne un droit à l'effacement de ses données personnelles et, depuis un arrêt de la Cour de justice de l'Union européenne du 13 mai 2014, on peut demander à un moteur de recherche de déréférencer certains résultats associés à son nom : c'est le « droit à l'oubli ».
7

Méthodes

Méthode 1 — Décomposer une URL
  1. Lire le protocole, avant ://.
  2. Lire le nom de domaine, jusqu'au premier / seul.
  3. Lire le chemin, jusqu'à ? ou #.
  4. Lister les paramètres (nom=valeur, séparés par &), puis l'ancre après #.
Exemple rédigé. https://agenda.ville-exemple.fr/sport/piscine.html?bassin=olympique#tarifs : protocole https (échanges chiffrés) ; domaine agenda.ville-exemple.fr ; chemin /sport/piscine.html ; un paramètre bassin de valeur olympique ; ancre tarifs. La page demandée est piscine.html, affichée au niveau des tarifs.
Méthode 2 — Lire une requête et sa réponse
  1. Première ligne : méthode (GET ou POST) et ressource demandée.
  2. En-tête Host : serveur visé.
  3. Paramètres : dans l'URL (GET) ou dans le corps (POST).
  4. Réponse : lire le code d'état et le Content-Type.
Exemple rédigé. Requête GET /notes?trimestre=2 HTTP/1.1, Host: www.ent-exemple.fr ; réponse HTTP/1.1 403 Forbidden. Le navigateur demande la ressource /notes au serveur www.ent-exemple.fr avec le paramètre trimestre = 2. Le code 403 indique que l'accès est refusé : l'utilisateur n'est sans doute pas connecté.
Méthode 3 — Vérifier une page avant d'y saisir des données
  1. Vérifier https et le cadenas.
  2. Isoler le vrai domaine : les deux derniers blocs avant le premier / seul.
  3. Comparer ce domaine avec celui de l'organisme attendu.
  4. En cas de doute, taper soi-même l'adresse au lieu de cliquer sur un lien reçu.
Exemple rédigé. Un SMS contient https://www.poste-exemple.fr.suivi-colis.info/payer. Le premier / seul est avant payer ; les deux derniers blocs du domaine sont suivi-colis.info. Le site appartient à suivi-colis.info, pas à poste-exemple.fr : c'est un hameçonnage, même si le cadenas est affiché.
8

Pièges et erreurs classiques

« Internet et le Web, c'est pareil. » Faux : le Web est une application d'Internet, née une vingtaine d'années après ses débuts (ARPANET, 1969).
« Cadenas = site de confiance. » Faux : HTTPS chiffre les échanges et authentifie le domaine, mais un escroc peut obtenir un certificat pour son propre domaine.
« POST, c'est sécurisé. » Faux : les données ne sont pas dans l'URL, mais en HTTP elles circulent en clair ; seul HTTPS les chiffre.
« La navigation privée me rend anonyme. » Faux : les sites, le fournisseur d'accès ou le réseau du lycée voient toujours l'adresse IP et les connexions.
« Le code source montre le programme du serveur. » Faux : on ne voit que le HTML, le CSS et le JavaScript reçus ; le code PHP ou Python reste sur le serveur.
« Le premier résultat est le plus fiable. » Faux : il peut être une annonce payée, ou simplement une page populaire.
En bref
  • Le Web (Tim Berners-Lee, CERN, 1989-1991) est une application d'Internet, qui repose sur URL, HTTP et HTML.
  • URL = protocole://domaine/chemin?paramètres#ancre.
  • Client-serveur : requête (GET, POST) puis réponse avec un code d'état (200, 301, 403, 404, 500).
  • HTTPS chiffre les échanges et authentifie le domaine, sans garantir l'honnêteté du site.
  • Moteur de recherche : exploration, indexation, classement (pertinence, popularité, personnalisation).
  • Cookie = petit fichier texte renvoyé au site ; les cookies tiers servent au pistage et exigent le consentement.
Bloqué sur ce chapitre ?

Moi c'est Ben, j'ai créé ce site pour aider le plus d'élèves possible, partout en France. Je peux aussi reprendre avec toi ce qui coince en cours particulier : en visio, ou à domicile si tu es à Marseille.

Soutien scolaire à Marseille · Cours particuliers au lycée · Aide aux devoirs