Hoja de repaso: 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

Élément	Caractéristiques clés	Notes / Différences
HTTP	Protocole de transfert hypertexte non sécurisé	Peut être intercepté (risque de sécurité)
HTTPS	Version sécurisée avec chiffrement SSL/TLS	Protège la confidentialité des données
HTML	Langage de balises, organise contenu	Doctype, html, head, body
CSS	Feuilles de style pour la mise en forme	Styles séparés ou intégrés
Navigateurs	Interface d’affichage des pages web	Chrome, Firefox, Safari, Edge
Moteur de recherche	Exploration, indexation, pertinence	Google, Bing, DuckDuckGo

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.