ajout activité introduction au web (SNT)
- Surface Web, Deep Web, Dark Web - Navigateurs et parts de marché - Exercices et recherches en groupe - Quiz récapitulatif avec corrections Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
306
sequences/web/INTRODUCTION.md
Normal file
306
sequences/web/INTRODUCTION.md
Normal file
@@ -0,0 +1,306 @@
|
||||
# Introduction au Web : Surface, Deep et Dark Web
|
||||
|
||||
> **Objectif** : Comprendre les différentes couches du web, distinguer Internet du Web, et découvrir les navigateurs.
|
||||
|
||||
---
|
||||
|
||||
## Partie 1 : Internet vs Web
|
||||
|
||||
### Ce n'est pas la même chose !
|
||||
|
||||
Beaucoup de personnes confondent **Internet** et **Web**. Pourtant, ce sont deux choses bien distinctes.
|
||||
|
||||
| | **Internet** | **Web** |
|
||||
|--|--------------|---------|
|
||||
| **Définition** | Réseau mondial d'ordinateurs interconnectés | Service qui fonctionne sur Internet |
|
||||
| **Date de création** | 1969 (ARPANET) | 1991 (Tim Berners-Lee) |
|
||||
| **Protocoles** | IP, TCP | HTTP, HTTPS |
|
||||
| **Ce que c'est** | L'autoroute | Les voitures qui roulent dessus |
|
||||
|
||||
**Internet** est l'infrastructure (les câbles, les serveurs, les protocoles). Le **Web** est un service qui utilise cette infrastructure pour afficher des pages via un navigateur.
|
||||
|
||||
D'autres services utilisent Internet sans être le Web :
|
||||
- Les **emails** (protocole SMTP)
|
||||
- Les **jeux en ligne** (protocoles spécifiques)
|
||||
- Le **streaming** (protocoles RTMP, HLS)
|
||||
- Les **messageries** comme Discord ou WhatsApp
|
||||
|
||||
---
|
||||
|
||||
### Exercice 1 : Vrai ou Faux
|
||||
|
||||
Répondez par Vrai ou Faux :
|
||||
|
||||
1. Internet et le Web sont synonymes.
|
||||
2. Le Web a été inventé avant Internet.
|
||||
3. On peut utiliser Internet sans utiliser le Web.
|
||||
4. Les emails font partie du Web.
|
||||
5. Le Web utilise le protocole HTTP.
|
||||
6. Internet est un réseau de réseaux.
|
||||
|
||||
---
|
||||
|
||||
## Partie 2 : Les navigateurs Web
|
||||
|
||||
Un **navigateur** est un logiciel qui permet d'afficher des pages web. Il interprète le code HTML et CSS pour vous montrer un résultat visuel.
|
||||
|
||||
### Les principaux navigateurs
|
||||
|
||||
| Logo | Nom | Éditeur | Moteur de rendu |
|
||||
|------|-----|---------|-----------------|
|
||||
|  | Google Chrome | Google | Blink |
|
||||
|  | Mozilla Firefox | Mozilla | Gecko |
|
||||
|  | Microsoft Edge | Microsoft | Blink |
|
||||
|  | Safari | Apple | WebKit |
|
||||
|  | Opera | Opera Software | Blink |
|
||||
|
||||
### Le saviez-vous ?
|
||||
|
||||
- **Chrome, Edge et Opera** utilisent tous le même moteur (Blink, basé sur Chromium)
|
||||
- **Firefox** est le seul grand navigateur à utiliser un moteur différent (Gecko)
|
||||
- Le premier navigateur grand public était **Mosaic** (1993)
|
||||
- Internet Explorer a dominé le marché dans les années 2000, avant d'être abandonné par Microsoft
|
||||
|
||||
---
|
||||
|
||||
### Exercice 2 : Parts de marché des navigateurs
|
||||
|
||||
Faites une recherche sur Internet pour répondre aux questions suivantes :
|
||||
|
||||
1. Quel est le navigateur le plus utilisé dans le monde en 2024 ? Quel est son pourcentage d'utilisation ?
|
||||
2. Quel est le navigateur le plus utilisé sur mobile ?
|
||||
3. Pourquoi la domination d'un seul navigateur peut-elle poser problème ?
|
||||
4. Qu'est-ce qu'un navigateur "open source" ? Citez-en deux.
|
||||
|
||||
---
|
||||
|
||||
## Partie 3 : Les trois couches du Web
|
||||
|
||||
Imaginez un iceberg. La partie visible au-dessus de l'eau ne représente qu'une infime partie de sa masse totale. Le Web fonctionne de la même manière.
|
||||
|
||||
```
|
||||
╔═══════════════════════════════════╗
|
||||
║ SURFACE WEB (4%) ║ ← Ce que Google indexe
|
||||
║ Google, YouTube, Wikipédia... ║
|
||||
╠═══════════════════════════════════╣
|
||||
║ ║
|
||||
║ DEEP WEB (90%) ║ ← Contenu non indexé
|
||||
║ Emails, comptes bancaires, ║
|
||||
║ bases de données, intranets... ║
|
||||
║ ║
|
||||
╠═══════════════════════════════════╣
|
||||
║ DARK WEB (6%) ║ ← Réseau anonyme (Tor)
|
||||
║ Sites en .onion ║
|
||||
╚═══════════════════════════════════╝
|
||||
```
|
||||
|
||||
### 1. Le Surface Web (Web de surface)
|
||||
|
||||
C'est la partie du Web accessible via les moteurs de recherche classiques (Google, Bing, DuckDuckGo...).
|
||||
|
||||
**Exemples** : Google, YouTube, Wikipédia, sites d'actualités, réseaux sociaux publics...
|
||||
|
||||
**Caractéristiques** :
|
||||
- Indexé par les moteurs de recherche
|
||||
- Accessible avec n'importe quel navigateur
|
||||
- Représente environ **4%** du Web total
|
||||
|
||||
### 2. Le Deep Web (Web profond)
|
||||
|
||||
C'est la partie du Web **non indexée** par les moteurs de recherche, mais parfaitement **légale et normale**.
|
||||
|
||||
**Exemples** :
|
||||
- Votre boîte mail (Gmail, Outlook...)
|
||||
- Votre espace bancaire en ligne
|
||||
- Les bases de données d'entreprises
|
||||
- Les intranets (réseau interne du lycée par exemple)
|
||||
- Les contenus derrière un login (Netflix, Spotify...)
|
||||
- Les archives et documents académiques
|
||||
|
||||
**Caractéristiques** :
|
||||
- Non indexé (protégé par mot de passe ou robots.txt)
|
||||
- Accessible avec un navigateur classique
|
||||
- Représente environ **90%** du Web !
|
||||
|
||||
### 3. Le Dark Web (Web sombre)
|
||||
|
||||
C'est une partie du Web accessible uniquement via des logiciels spéciaux comme **Tor** (The Onion Router). Les sites utilisent des adresses en `.onion`.
|
||||
|
||||
**Caractéristiques** :
|
||||
- Anonymat renforcé
|
||||
- Nécessite le navigateur Tor
|
||||
- Les adresses sont cryptiques (ex: `facebookwkhpilnemxj7asaniu7vnjjbiltxjqhye3mhbshg7kx5tfyd.onion`)
|
||||
|
||||
**Usages légitimes** :
|
||||
- Journalistes protégeant leurs sources
|
||||
- Militants dans des pays autoritaires
|
||||
- Lanceurs d'alerte
|
||||
- Communication sécurisée
|
||||
|
||||
**Usages illégaux** :
|
||||
- Marchés noirs
|
||||
- Contenus illicites
|
||||
- Piratage
|
||||
|
||||
> **Attention** : Le Dark Web n'est pas illégal en soi, mais il abrite des activités qui le sont. Son usage principal reste l'anonymat et la protection de la vie privée.
|
||||
|
||||
---
|
||||
|
||||
### Exercice 3 : Classez ces contenus
|
||||
|
||||
Pour chaque élément, indiquez s'il appartient au **Surface Web**, au **Deep Web** ou au **Dark Web** :
|
||||
|
||||
| Contenu | Surface / Deep / Dark ? |
|
||||
|---------|-------------------------|
|
||||
| La page d'accueil de Google | |
|
||||
| Votre messagerie Pronote | |
|
||||
| Un article Wikipédia | |
|
||||
| Votre historique Netflix | |
|
||||
| Un forum accessible uniquement via Tor | |
|
||||
| Le site du lycée | |
|
||||
| Les résultats du bac sur Cyclades (avec identifiant) | |
|
||||
| Un blog personnel indexé par Google | |
|
||||
| Une base de données médicale d'hôpital | |
|
||||
| Un site de vente illégale en .onion | |
|
||||
|
||||
---
|
||||
|
||||
## Partie 4 : Recherches en groupe
|
||||
|
||||
En binôme, choisissez **un sujet** parmi les suivants et préparez une présentation de 5 minutes.
|
||||
|
||||
### Sujet A : L'histoire des navigateurs
|
||||
|
||||
- Quels ont été les premiers navigateurs ?
|
||||
- Pourquoi Internet Explorer a-t-il dominé puis disparu ?
|
||||
- Qu'est-ce que la "guerre des navigateurs" ?
|
||||
- Pourquoi la diversité des navigateurs est-elle importante ?
|
||||
|
||||
### Sujet B : Tor et l'anonymat en ligne
|
||||
|
||||
- Qu'est-ce que Tor ? Comment fonctionne-t-il ?
|
||||
- Qui a créé Tor et pourquoi ?
|
||||
- Dans quels pays Tor est-il particulièrement utilisé ?
|
||||
- Quels sont les usages légitimes de l'anonymat en ligne ?
|
||||
|
||||
### Sujet C : Les moteurs de recherche alternatifs
|
||||
|
||||
- Quels sont les moteurs de recherche autres que Google ?
|
||||
- Qu'est-ce qui différencie DuckDuckGo, Ecosia, Qwant ?
|
||||
- Pourquoi certains utilisateurs préfèrent-ils des alternatives à Google ?
|
||||
- Comment fonctionne le référencement (SEO) ?
|
||||
|
||||
### Sujet D : Censure et liberté sur Internet
|
||||
|
||||
- Dans quels pays Internet est-il censuré ?
|
||||
- Comment les gouvernements bloquent-ils l'accès à certains sites ?
|
||||
- Comment les citoyens contournent-ils la censure ?
|
||||
- Qu'est-ce qu'un VPN ?
|
||||
|
||||
### Sujet E : L'évolution du Web (Web 1.0, 2.0, 3.0)
|
||||
|
||||
- Qu'est-ce que le Web 1.0 ? Le Web 2.0 ?
|
||||
- Qu'est-ce que le Web 3.0 (ou Web3) ?
|
||||
- Comment notre façon d'utiliser le Web a-t-elle évolué ?
|
||||
- Quelles sont les promesses et critiques du Web3 ?
|
||||
|
||||
---
|
||||
|
||||
## Partie 5 : Quiz récapitulatif
|
||||
|
||||
1. Quelle est la différence entre Internet et le Web ?
|
||||
|
||||
2. Quel pourcentage du Web représente le Surface Web ?
|
||||
- a) 90%
|
||||
- b) 50%
|
||||
- c) 4%
|
||||
- d) 25%
|
||||
|
||||
3. Votre compte Instagram (partie privée) fait partie :
|
||||
- a) Du Surface Web
|
||||
- b) Du Deep Web
|
||||
- c) Du Dark Web
|
||||
|
||||
4. Pour accéder au Dark Web, on utilise généralement :
|
||||
- a) Google Chrome
|
||||
- b) Internet Explorer
|
||||
- c) Le navigateur Tor
|
||||
- d) Safari
|
||||
|
||||
5. Lequel de ces éléments n'utilise PAS le Web ?
|
||||
- a) YouTube
|
||||
- b) Un email envoyé par Outlook
|
||||
- c) Wikipédia
|
||||
- d) Google Maps dans un navigateur
|
||||
|
||||
6. Quel navigateur utilise un moteur de rendu différent des autres ?
|
||||
- a) Chrome
|
||||
- b) Edge
|
||||
- c) Firefox
|
||||
- d) Opera
|
||||
|
||||
---
|
||||
|
||||
## Pour aller plus loin
|
||||
|
||||
### Vidéos recommandées
|
||||
- "C'est quoi le Dark Web ?" - Le Monde
|
||||
- "Deep Web vs Dark Web" - Micode
|
||||
- "L'histoire d'Internet" - Documentaire Arte
|
||||
|
||||
### Sites à explorer
|
||||
- [Comment fonctionne Internet ?](https://www.submarinecablemap.com/) - Carte des câbles sous-marins
|
||||
- [Internet Archive](https://archive.org/) - La mémoire du Web (Wayback Machine)
|
||||
- [Down Detector](https://downdetector.fr/) - État des services en ligne
|
||||
|
||||
---
|
||||
|
||||
## Correction des exercices
|
||||
|
||||
<details>
|
||||
<summary><strong>Correction Exercice 1</strong></summary>
|
||||
|
||||
1. **Faux** - Internet est l'infrastructure, le Web est un service
|
||||
2. **Faux** - Internet (1969) est antérieur au Web (1991)
|
||||
3. **Vrai** - Les emails, jeux en ligne, etc. utilisent Internet sans être le Web
|
||||
4. **Faux** - Les emails utilisent le protocole SMTP, pas HTTP
|
||||
5. **Vrai** - Le Web utilise HTTP/HTTPS
|
||||
6. **Vrai** - Internet est un réseau de réseaux interconnectés
|
||||
|
||||
</details>
|
||||
|
||||
<details>
|
||||
<summary><strong>Correction Exercice 3</strong></summary>
|
||||
|
||||
| Contenu | Réponse |
|
||||
|---------|---------|
|
||||
| La page d'accueil de Google | **Surface Web** |
|
||||
| Votre messagerie Pronote | **Deep Web** |
|
||||
| Un article Wikipédia | **Surface Web** |
|
||||
| Votre historique Netflix | **Deep Web** |
|
||||
| Un forum accessible uniquement via Tor | **Dark Web** |
|
||||
| Le site du lycée | **Surface Web** |
|
||||
| Les résultats du bac sur Cyclades | **Deep Web** |
|
||||
| Un blog personnel indexé par Google | **Surface Web** |
|
||||
| Une base de données médicale d'hôpital | **Deep Web** |
|
||||
| Un site de vente illégale en .onion | **Dark Web** |
|
||||
|
||||
</details>
|
||||
|
||||
<details>
|
||||
<summary><strong>Correction Quiz</strong></summary>
|
||||
|
||||
1. Internet est l'infrastructure (réseau mondial), le Web est un service qui utilise cette infrastructure via le protocole HTTP.
|
||||
2. **c) 4%**
|
||||
3. **b) Du Deep Web** (contenu derrière un login)
|
||||
4. **c) Le navigateur Tor**
|
||||
5. **b) Un email** (utilise SMTP, pas HTTP)
|
||||
6. **c) Firefox** (utilise Gecko, les autres utilisent Blink)
|
||||
|
||||
</details>
|
||||
|
||||
---
|
||||
|
||||
*Activité SNT - Lycée Charlotte Perriand*
|
||||
|
||||
*Licence CC BY-NC-SA 4.0*
|
||||
@@ -1,5 +1,16 @@
|
||||
# Découverte du Web
|
||||
|
||||
## Sommaire
|
||||
|
||||
| Activité | Description |
|
||||
|----------|-------------|
|
||||
| [Introduction au Web](INTRODUCTION.md) | Surface Web, Deep Web, Dark Web, navigateurs |
|
||||
| [Historique du Web](historique/README.md) | Évolution du Web, archives, Minitel |
|
||||
| [Moteurs de recherche](recherches/README.md) | Google, référencement, alternatives |
|
||||
| [TP HTML/CSS](tp/) | Création de pages web |
|
||||
|
||||
---
|
||||
|
||||
### Activité 1
|
||||
|
||||
Le "World Wide Web", plus communément appelé "Web" a été développé au CERN (Conseil Européen pour la Recherche Nucléaire) par le Britannique *Sir Timothy John Berners-Lee* et le Belge *Robert Cailliau* au début des années 90.
|
||||
|
||||
Reference in New Issue
Block a user