Le Web

Programme

Contenus	Capacités attendues
Repères historiques	Connaître les étapes du développement du Web.
Notions juridiques	Connaître certaines notions juridiques (licence, droit d’auteur, droit d’usage, valeur d’un bien).
Hypertexte	Maîtriser les renvois d’un texte à différents contenus.
Langages HTML et CSS	Distinguer ce qui relève du contenu d’une page et de son style de présentation. Étudier et modifier une page HTML simple.
URL	Décomposer l’URL d’une page. Reconnaître les pages sécurisées.
Requête HTTP	Décomposer le contenu d’une requête HTTP et identifier les paramètres passés.
Modèle client/serveur	Inspecter le code d’une page hébergée par un serveur et distinguer ce qui est exécuté par le client et par le serveur.
Moteurs de recherche : principes et usages	Mener une analyse critique des résultats fournis par un moteur de recherche. Comprendre les enjeux de la publication d’informations.
Paramètres de sécurité d’un navigateur	Maîtriser les réglages les plus importants concernant la gestion des cookies, la sécurité et la confidentialité d’un navigateur. Sécuriser sa navigation en ligne et analyser les pages et fichiers.

Le web, « site internet » ou « site web » ?

MOOC SNT (05:18)

Définition du Web

Le Web (ou World Wide Web, WWW) est un service d’Internet qui permet de consulter, publier et partager des pages multimédias (textes, images, vidéos, liens) accessibles via un navigateur web (Chrome, Firefox, Safari, etc.).

Élément	Explication
Pages web	Documents accessibles via une URL (adresse web), écrits en langage HTML et stylisés avec CSS.
Navigateur web	Logiciel (Firefox, Chrome, Safari, Edge, etc.) qui permet d’accéder et d’afficher les pages web.
Liens hypertextes	Permettent de naviguer d’une page à une autre en cliquant sur des mots ou images.
Protocoles HTTP/HTTPS	Règles de communication entre le navigateur et le serveur qui héberge les pages.
Serveurs web	Ordinateurs qui stockent et envoient les pages web à la demande.
Moteurs de recherche	Outils (Qwant, Google, Bing, etc.) pour trouver des pages web à partir de mots-clés.

A retenir

• Le Web est différent d’Internet : Internet est l’infrastructure (réseau), le Web est un service qui l’utilise.
• Il repose sur trois technologies de base : HTML (structure), CSS (apparence), JavaScript (interactivité).
• Le Web est décentralisé : les pages sont hébergées sur des serveurs répartis dans le monde.

Histoire du Web

Découvrons l'histoire du web | SNT DEVOIR (02:38)

Les dates importantes du Web

Année	Événement
1965	Naissance du concept d'hypertexte numérique (Ted Nelson)
1989	Invention du Web par Tim Berners-Lee au CERN
1991	Création du HTML, premier langage de structuration des pages Web
1993	Lancement du navigateur Mosaic, premier navigateur graphique grand public
1994	Création du CSS par Håkon Wium Lie, permettant de styliser les pages Web
"	Première transaction sécurisée en ligne, marquant la naissance du commerce électronique
1995	Naissance de JavaScript (Brendan Eich, Netscape), ajoutant de l'interactivité aux pages Web
"	Création du W3C pour standardiser les technologies du Web
1996	CSS1 devient une recommandation officielle du W3C
1997	JavaScript est standardisé sous le nom ECMAScript
2000	Le Web atteint un milliard de sites, devenant un outil incontournable.
2014	Prolifération des sites Web et développement massif des applications mobiles
2021	Le commerce en ligne représente des milliards de dollars de transactions annuelles.

Le web : site de Culture Numérique

Site à consulter

Le web : site de Culture Numérique (vidéos)

Vidéos à visionner

1. Intro 1/2
(02:04)

2. Intro 2/2
(01:49)

3. Client-serveur
(02:45)

4. Clients
(01:44)

5. Serveurs
(01:41)

6. Exemple
(04:20)

7. Contenu HTML
(02:54)

8. Rassembler les ressources (02:18)

9. Mise en forme
(02:33)

10. Les cookies
(04:04)

11. Infos sensibles
(02:17)

12. Pour et contre
(03:18)

Fonctions d'un navigateur Web

Fonction	Explication
Afficher les pages web	Il interprète le code (HTML, CSS, JavaScript) pour afficher du texte, des images, des vidéos, etc.
Envoyer des requêtes	Il contacte les serveurs web pour demander les pages (via le protocole HTTP ou HTTPS).
Gérer les liens	Il permet de naviguer d’une page à l’autre en cliquant sur des liens hypertextes.
Stocker des données	Il mémorise des informations (cookies, historique, mots de passe) pour faciliter la navigation.
Assurer la sécurité	Il vérifie la fiabilité des sites (cadenas 🔒, certificats SSL) et bloque les contenus dangereux.

Exemple concret de navigation

sequenceDiagram
    participant Utilisateur
    participant Navigateur
    participant Serveur

    Utilisateur->>Navigateur: Tape l'adresse : www.wikipedia.org
    Navigateur->>Serveur: Envoie une requête HTTP (GET)
    Serveur-->>Navigateur: Renvoie le code de la page (HTML/CSS/JS)
    Navigateur->>Navigateur: Interprète le code et charge les ressources
    Navigateur-->>Utilisateur: Affiche la page à l'écran

Relation Navigateur Web ↔ Serveur Web

Le navigateur et le serveur web communiquent selon un modèle client-serveur :

Acteur	Rôle
Navigateur	Client : demande des pages web (ex : quand on tape une URL).
Serveur	Serveur : contient les pages et les envoie sur demande.

sequenceDiagram
    participant U as Utilisateur
    participant NC as Navigateur (Client)
    participant S as Serveur Web

    U->>NC: 1. Saisie de l'URL (ex: www.google.com)
    NC->>S: 2. Envoi requête HTTPS (GET /page.html + cookies si existants)
    Note left of S: Le serveur vérifie les cookies et le cache
    alt Page en cache
        S-->>NC: 3. Réponse depuis le cache
    else Page non en cache
        S-->>NC: 3. Réponse complète (HTML, CSS, JS)
        NC->>NC: Stocke en cache et cookies si nécessaire
    end

    NC->>NC: 4. Interprétation du HTML (structure)
    NC->>NC: 5. Application du CSS (style)
    NC->>NC: 6. Exécution du JavaScript (interactions)
    NC->>NC: 7. Lecture/Écriture des cookies

    NC-->>U: 8. Affichage de la page

    U->>NC: 9. Interaction (clics, formulaires, etc.)
    NC->>S: 10. Envoi de données (si nécessaire)
    S-->>NC: 11. Réponse du serveur (mise à jour, etc.)
    NC->>NC: 12. Mise à jour des cookies (si nécessaire)

Les cookies

Les cookies (ou « témoins de connexion » en français) jouent plusieurs rôles essentiels sur les sites web.

Site de démonstration avec cookies

Site à consulter

Principales fonctions des cookies

1. Mémorisation des préférences : Les cookies permettent aux sites de se souvenir de vos choix, comme la langue, les paramètres d’affichage ou les articles ajoutés à un panier d’achat.

2. Authentification : Ils maintiennent votre session active lorsque vous vous connectez à un site (ex. : réseaux sociaux, comptes bancaires), évitant de devoir vous reconnecter à chaque page.

3. Personnalisation du contenu : Les cookies aident à afficher du contenu adapté à vos centres d’intérêt, en fonction de votre historique de navigation.

4. Analyse du trafic : Les sites utilisent des cookies pour collecter des données anonymes sur le comportement des visiteurs (pages visitées, durée de visite, etc.), afin d’améliorer l’expérience utilisateur.

5. Publicité ciblée : Les annonceurs utilisent des cookies pour afficher des publicités pertinentes en fonction de vos habitudes de navigation.

Types de cookies

• Cookies de session : temporaires, supprimés à la fermeture du navigateur
• Cookies persistants : stockés sur votre appareil pour une durée définie
• Cookies tiers : placés par des domaines externes (ex. : réseaux sociaux, régies publicitaires)

Réglementation

En Europe, le Règlement Général sur la Protection des Données (RGPD) et la directive ePrivacy imposent aux sites de demander votre consentement avant de déposer des cookies non essentiels.

Exemples de sites web

Site pour comprendre le langage HTML5

Site à consulter

Site pour comprendre le langage CSS3

Site à consulter

CSS Zen Garden

Site de démonstration des possibilités CSS pour pages web

Tutoriels W3Schools (en ligne)

Tutoriel sur le langage HTML5

Apprendre le langage HTML5

Tutoriel sur le langage CSS3

Apprendre le langage CSS3

Neutralité du web

Principe selon lequel tous les contenus, services et utilisateurs sur Internet doivent être traités de manière égale par les fournisseurs d’accès (FAI), sans discrimination, blocage ou priorisation arbitraire.

Enjeux :

• Égalité : Même vitesse et accès pour tous.
• Innovation : Pas de favoritisme envers les gros acteurs.
• Liberté : Accès à tous les contenus légaux.

Exemple de violation :

Cadre légal : Protégée en Europe (règlement 2015), débattue aux États-Unis.

Exemple concret de violation de la neutralité du web :

• Un FAI qui ralentirait Netflix pour favoriser son propre service.

• En 2014, la FCC (Federal Communications Commission) américaine a sanctionné AT&T pour avoir bloqué FaceTime (l’application de visioconférence d’Apple) sur ses réseaux mobiles, sauf pour les clients ayant un forfait spécifique.

• En 2017, aux États-Unis, l’opérateur Verizon a été accusé de ralentir délibérément l’accès à des services comme Netflix et YouTube pour ses clients mobiles, sauf s’ils souscrivaient à un forfait plus cher. Cette pratique visait à pousser les utilisateurs vers ses propres services ou ceux de ses partenaires, créant une inégalité d’accès.

Ces exemples montrent comment, sans neutralité du web, les FAI peuvent contrôler ce que tu vois ou utilises en ligne, en fonction de leurs intérêts commerciaux.

Ressources Eduscol

Le fond et la forme

Fichier PDF

Frise chronologique

Fichier PDF

Moteur de recherche

Fichier PDF