Cours HTML et CSS · Module 2: Internet et éléments HTML
Histoire et évolution d'Internet
Dans cette leçon6
Imagine que tu te tiens aux portes de la grande Bibliothèque d'Alexandrie - un lieu qui rassemblait tout le savoir du monde antique. Internet est la version moderne de cette bibliothèque, mais son histoire est aussi fascinante que l'histoire de l'Égypte elle-même. Explorons-la ensemble !
Le début - ARPANET (1969)
Tout a commencé en 1969, lorsque le ministère de la Défense des États-Unis a créé le réseau ARPANET. C'était le premier réseau étendu à commutation de paquets ; au départ, il reliait quatre sites : trois universités et l'institut de recherche SRI. Imagine-le comme la première route commerciale entre quatre villes de l'Égypte ancienne - petite, mais révolutionnaire !
ARPANET permettait la transmission de données entre des ordinateurs distants. Le premier message envoyé à travers le réseau fut « LO » - il devait être « LOGIN », mais le système a planté après deux caractères. Malgré cela, ce fut un énorme pas en avant.
Le protocole TCP/IP (1983) - Un langage commun
En 1983, le protocole TCP/IP (Transmission Control Protocol / Internet Protocol) a été introduit. Ce fut comme l'invention des hiéroglyphes - un langage universel qui a permis à différents réseaux de communiquer entre eux.
Le TCP/IP définit comment les données sont divisées en paquets, adressées et transmises entre les ordinateurs. Grâce à lui, Internet est devenu un réseau véritablement mondial, reliant les ordinateurs du monde entier.
1<!-- Étapes clés d'Internet -->
2<h2>Chronologie d'Internet</h2>
3<ol>
4 <li><strong>1969</strong> - ARPANET : le premier réseau étendu à paquets</li>
5 <li><strong>1971</strong> - Premier e-mail envoyé par Ray Tomlinson</li>
6 <li><strong>1983</strong> - TCP/IP : protocole de communication universel</li>
7 <li><strong>1991</strong> - WWW : World Wide Web par Tim Berners-Lee</li>
8 <li><strong>1993</strong> - Mosaic : le premier navigateur populaire avec des images dans le texte</li>
9</ol>World Wide Web (1991) - Le savoir pour tous
En 1989, Tim Berners-Lee a proposé le World Wide Web - un système de pages reliées par des hyperliens - et en 1991, il l'a rendu accessible au monde entier. Ce fut un moment comparable à l'invention du papyrus - soudain, le savoir est devenu accessible à tous !
Berners-Lee a créé trois technologies fondamentales :
- HTML (HyperText Markup Language) - un langage pour créer des pages
- URL (Uniform Resource Locator) - un système d'adressage des ressources
- HTTP (HyperText Transfer Protocol) - un protocole de communication
1<h2>Les trois piliers du WWW</h2>
2<table border="1">
3 <tr>
4 <th>Technologie</th>
5 <th>Fonction</th>
6 <th>Analogie égyptienne</th>
7 </tr>
8 <tr>
9 <td>HTML</td>
10 <td>Structure de la page</td>
11 <td>Hiéroglyphes - méthode d'écriture</td>
12 </tr>
13 <tr>
14 <td>URL</td>
15 <td>Adresses des ressources</td>
16 <td>Carte des temples</td>
17 </tr>
18 <tr>
19 <td>HTTP</td>
20 <td>Protocole de communication</td>
21 <td>Messagers du pharaon</td>
22 </tr>
23</table>Mosaic (1993) - Des images dans le texte
Le premier navigateur, WorldWideWeb, est né fin 1990, mais il ouvrait les images dans des fenêtres séparées : les pages ressemblaient donc à des tablettes de pierre couvertes de texte. En 1993, le navigateur Mosaic a été le premier à afficher les images directement dans le texte. Ce fut comme le passage des simples inscriptions aux fresques colorées dans les tombeaux des pharaons !
Mosaic fut une percée car il a rendu Internet visuel et accessible aux gens ordinaires. Peu après, d'autres navigateurs sont apparus : Netscape Navigator (1994), Internet Explorer (1995), et bien d'autres.
Web 2.0 (2004+) - L'ère de l'interactivité
Vers 2004, Internet a connu une autre révolution - le Web 2.0. Les utilisateurs ont cessé d'être de simples lecteurs passifs et ont commencé à créer du contenu :
- 2004 - Facebook : relier les gens du monde entier
- 2005 - YouTube : tout le monde peut publier des vidéos
- 2006 - Twitter : de courts messages en temps réel
- 2001 - Wikipédia : une encyclopédie créée par la communauté
C'était comme si chaque Égyptien pouvait ajouter ses propres hiéroglyphes sur les murs du temple - la démocratisation du savoir !
Internet aujourd'hui et demain
L'Internet moderne est un réseau incroyablement vaste reliant des milliards d'appareils :
- IoT (Internet of Things) - réfrigérateurs, montres, voitures connectés au réseau
- 5G - connexions mobiles ultra-rapides
- IA - intelligence artificielle qui assiste la recherche et la création de contenu
- Cloud Computing - calcul dans le nuage
Internet a parcouru un long chemin, de quatre ordinateurs connectés en 1969 à un réseau mondial reliant plus de 5 milliards d'utilisateurs. C'est comme si, d'un petit village sur le Nil, l'Égypte ancienne tout entière avait grandi - avec ses pyramides, ses temples et ses routes commerciales s'étendant à travers tout le monde connu !
Code de cette leçon : index.html
1<!DOCTYPE html>
2<html lang="fr">
3<head>
4 <meta charset="UTF-8">
5 <title>Histoire d'Internet</title>
6</head>
7<body>
8 <h1>Histoire d'Internet - D'ARPANET à l'IoT</h1>
9
10 <h2>Chronologie d'Internet</h2>
11 <ol>
12 <li><strong>1969</strong> - ARPANET : premier réseau étendu à paquets (4 ordinateurs)</li>
13 <li><strong>1971</strong> - Premier e-mail (Ray Tomlinson)</li>
14 <li><strong>1983</strong> - TCP/IP : protocole universel</li>
15 <li><strong>1991</strong> - WWW : Tim Berners-Lee crée les pages</li>
16 <li><strong>1993</strong> - Mosaic : des images dans le texte</li>
17 <li><strong>2004</strong> - Web 2.0 : Facebook, YouTube, Wikipédia</li>
18 </ol>
19
20 <h2>Les trois piliers du WWW</h2>
21 <table border="1" cellpadding="8">
22 <tr>
23 <th>Technologie</th>
24 <th>Fonction</th>
25 <th>Analogie égyptienne</th>
26 </tr>
27 <tr>
28 <td>HTML</td>
29 <td>Structure de la page</td>
30 <td>Hiéroglyphes</td>
31 </tr>
32 <tr>
33 <td>URL</td>
34 <td>Adresses des ressources</td>
35 <td>Carte des temples</td>
36 </tr>
37 <tr>
38 <td>HTTP</td>
39 <td>Protocole de communication</td>
40 <td>Messagers du pharaon</td>
41 </tr>
42 </table>
43
44 <!-- Ajoute une section sur l'Internet moderne -->
45 <!-- Décris l'IoT, la 5G, le cloud computing -->
46</body>
47</html>Tu as repéré une erreur dans cette leçon ?
Teste tes connaissances
Réponds aux questions de cette leçon. Choisis une réponse pour voir tout de suite si elle est correcte.
1. Que fait la balise <figcaption> ?
2. Quel format d'image est vectoriel (redimensionnable sans perte de qualité) ?
Tâches pratiques dans le jeu
- Éditeur de code
Crée une page HTML avec une chronologie du développement d'Internet dans un style égyptien. Ajoute un titre <h1> et au moins 4 événements avec leur année (par exemple 1969 - ARPANET), chacun dans son propre paragraphe <p> ou élément de liste <li>.
- Clique dans l'ordre
Ordonne les étapes de rendu d'une page après la réception d'une réponse :
- Éditeur de code
Crée 3 objets de musée : le masque de Toutânkhamon, la pierre de Rosette, le Sphinx. Place chacun dans <figure> avec <img> et <figcaption>. Ajoute <hr> et un pied de page.
- Tri vertical
Ordonne les éléments de figure dans le bon ordre, de haut en bas :
- Clique dans l'ordre
Ordonne l'attribut qui définit la largeur de l'image :
- Éditeur de code
Crée un portfolio avec 2 projets de fouilles. Chacun avec un titre, une photo dans <figure> avec <figcaption>, une description utilisant <strong> et <em>, un lien « Lire la suite », et un séparateur <hr>.
- Tri vertical
Ordonne les étapes clés d'Internet dans l'ordre chronologique :