Fiche de révision : Introduction au Web et ses Technologies

1. 📌 L'essentiel

• Le web a été créé en 1989 par Tim Berners Lee au CERN.
• Hypertexte, inventé en 1965 par Ted Nelson, est la base du web.
• Le W3C est l'organisme mondial responsable de la normalisation des standards web.
• Protocoles principaux : HTTP (transfert non sécurisé) et HTTPS (sécurisé).
• Une URL est une adresse web structurée : protocole, domaine, chemin.
• HTML donne la structure des pages web avec des balises et attributs fondamentaux.
• CSS assure la mise en forme et l’apparence graphique des pages.
• Les navigateurs (Chrome, Firefox, Safari) affichent les pages web standardisées.
• La recherche sur le web se fait via des moteurs qui explorent, indexent, et classent les ressources.
• La standardisation Web évolue avec le DOM depuis 2001 pour assurer l’interopérabilité.

2. 🧩 Structures & Composants clés

• Hypertexte — réseau de documents liés par des liens, inventé par Ted Nelson (1965).
• Navigateur — logiciel d’affichage (ex.: Chrome, Firefox).
• Serveur web — héberge les pages et répond aux requêtes HTTP.
• URL — syntaxe comprenant protocole, domaine, chemin (ex.: https://exemple.com/page.html).
• HTML — langage de balises pour structurer le contenu.
• CSS — langage de style pour la présentation graphique.
• W3C — organisme de standardisation pour assurer l’interopérabilité.
• Moteurs de recherche — outils qui explorent et classent les sites web.
• Protocole HTTP/HTTPS — règles d’échange entre client et serveur.
• Nodes/Elements HTML — éléments structurants comme <a>, <img>, <p>, <h1>-<h6>.

3. 🔬 Fonctions, Mécanismes & Relations

• Le navigateur envoie une requête HTTP/HTTPS au serveur.
• Le serveur répond avec une page HTML contenant des balises.
• Le HTML structure le contenu (titre, paragraphes, liens, images).
• CSS applique la mise en forme graphique (couleurs, polices, disposition).
• Les liens <a> permettent la navigation hypertextuelle.
• Le moteur de recherche indexe le contenu via des robots (crawlers).
• La hiérarchie : Navigateur → Requête → Serveur → Réponse → Affichage.
• La sécurité du web repose sur HTTPS pour chiffrer les échanges.
• Le DOM représente la structure dynamique modifiable par JavaScript.

4. Tableau comparatif

5. 🗂️ Diagramme hiérarchique ASCII

Web
 ├─ Création
 │   ├─ Hypertexte (1965, Ted Nelson)
 │   └─ Web (1989, Berners Lee)
 ├─ Standardisation
 │   └─ DOM (2001)
 ├─ Protocoles
 │   ├─ HTTP
 │   └─ HTTPS
 ├─ Technologies
 │   ├─ HTML
 │   └─ CSS
 └─ Outils
     ├─ Navigateur
     │    ├─ Chrome
     │    └─ Firefox
     ├─ Moteurs
     │    ├─ Google
     │    └─ Bing
     └─ Serveur web

6. ⚠️ Pièges & Confusions fréquentes

• Confondre hypertexte (concept) et HTML (langage).
• Confusion entre HTTP et HTTPS (sécurité).
• Confondre URL, URI, et adresse web.
• Croire que le DOM est une structure statique, alors qu'il est dynamique.
• Oublier que CSS est séparé de HTML dans la pratique moderne.
• Introduire la notion d’indexation sans différencier exploration (robots) et classement.
• Confondre le rôle des navigateurs et des moteurs de recherche.
• Confondre les balises <a> (liens) avec d’autres balises génériques.

7. ✅ Checklist Examen Final

• Connaître les principales dates de l’histoire du web.
• Savoir ce qu’est le hypertexte, son inventeur et sa date.
• Identifier le rôle du W3C et ses missions.
• Expliquer le fonctionnement du protocole HTTP/HTTPS.
• Décrire la structure d’une URL correcte.
• Connaître les balises HTML essentielles et leurs attributs (href, src, alt).
• Différencier HTML et CSS.
• Comprendre la fonction du DOM dans la modélisation du contenu.
• Savoir comment fonctionnent les moteurs de recherche (exploration, indexation, classement).
• Identifier les principaux navigateurs modernes.
• Connaître les standards de sécurité (HTTPS).
• Savoir décrire le flux client-serveur dans une requête web.
• Maîtriser les enjeux de la normalisation et de l’interopérabilité du web.
• Être capable d’identifier les risques liés à la sécurité et au chiffrement.