Revision sheet: Introduction aux fondamentaux du web

📋 Plan du Cours

1. Architecture client/serveur
2. Protocole HTTP
3. URL et structure
4. Langage HTML
5. Feuilles de style CSS
6. Pages Web dynamiques
7. Moteurs de recherche
8. Cookies et confidentialité
9. Protocole HTTPS
10. Enjeux juridiques Web

📖 1. Architecture client/serveur

🔑 Notions clés & Définitions

• Architecture client/serveur : Modèle de communication où un ordinateur client envoie une requête à un ordinateur serveur qui traite cette demande et renvoie une réponse. Selon Le web – Cours, cette architecture repose sur une interaction où le client sollicite des ressources ou services fournis par le serveur.

• Ordinateur client : Machine sur laquelle s'exécute un logiciel client, tel qu’un navigateur, permettant à l'utilisateur d’interagir avec le web. Il initie les requêtes pour accéder aux ressources hébergées sur un serveur.

• Ordinateur serveur : Machine qui héberge des ressources web et exécute un logiciel serveur. Il reçoit les requêtes des clients, les traite, et renvoie les réponses correspondantes, comme précisé dans Le web – Cours.

• Logiciel client (navigateur) : Programme installé sur l’ordinateur client, comme Chrome ou Firefox, qui permet à l’utilisateur d’envoyer des requêtes et de visualiser les réponses du serveur. Il constitue l’interface utilisateur pour accéder aux ressources web.

• Logiciel serveur : Application tournant sur l’ordinateur serveur, responsable de recevoir, traiter les requêtes, et envoyer les réponses. Par exemple, un serveur HTTP qui gère les requêtes HTTP et fournit les pages web.

• Requête et réponse : Échange fondamental dans l’architecture, où le client envoie une requête (ex : demander une page web) au serveur, qui répond par une réponse contenant la ressource demandée ou un message d’erreur, comme indiqué dans Le web – Cours.

📝 Points essentiels

• L’architecture client/serveur est la base du web, permettant la communication entre un client (navigateur) et un serveur hébergeant les ressources. La requête initiée par le client peut contenir des actions telles que GET ou POST, et le serveur répond avec la ressource ou un code d’état (ex : 200 OK, 404 Not Found).

• Le logiciel client (navigateur) et le logiciel serveur peuvent être installés sur n’importe quelle machine, rendant cette architecture flexible et universelle. La communication s’effectue via un protocole, principalement HTTP.

• La requête est une demande spécifique d’un client pour une ressource ou un service, tandis que la réponse est le message du serveur contenant la ressource ou un message d’erreur. Ce processus est essentiel pour le fonctionnement du web.

• La structure de l’échange repose sur un modèle où chaque partie joue un rôle précis, permettant une interaction efficace et standardisée entre les machines.

💡 À retenir

L’architecture client/serveur est le modèle fondamental du web, où un client envoie une requête à un serveur qui répond avec la ressource demandée, assurant ainsi la communication et l’échange d’informations sur Internet.

📖 2. Protocole HTTP

🔑 Notions clés & Définitions

• Protocole HTTP : HYPERTEXT Transfer Protocol (voir source) ; un protocole de communication qui permet l’échange de requêtes et réponses entre un client (navigateur) et un serveur web pour accéder aux ressources du web. Il définit la manière dont les messages sont formatés et transmis.

• Requête HTTP : Message envoyé par le client pour demander une ressource spécifique au serveur. Elle contient des informations telles que la méthode utilisée, l’URL demandée, et éventuellement des données supplémentaires (voir aussi méthodes).

• Méthode GET : Technique de requête HTTP utilisée pour demander une ressource sans modifier le serveur. Elle transmet les paramètres via l’URL et est principalement utilisée pour récupérer des données.

• Méthode POST : Technique de requête HTTP employée pour envoyer des données au serveur, souvent pour créer ou modifier une ressource. Les données sont incluses dans le corps de la requête.

• Code de statut HTTP : Réponse du serveur indiquant le résultat de la requête. Il informe le client si la requête a été traitée avec succès ou si une erreur s’est produite (voir aussi codes 200 et 404).

• Code 200 OK : (voir source) ; indique que la requête a été traitée avec succès et que la ressource demandée est renvoyée dans la réponse.

📝 Points essentiels

• Le protocole HTTP est la base de la communication sur le web, permettant au client d’envoyer des requêtes et au serveur d’y répondre selon un format standardisé. La requête HTTP comporte une ligne de requête, des en-têtes, et éventuellement un corps (pour POST).

• La méthode GET est privilégiée pour la récupération d’informations, car elle ne modifie pas le serveur et transmet ses paramètres dans l’URL, ce qui facilite la mise en cache et la navigation.

• La méthode POST est utilisée pour envoyer des données sensibles ou volumineuses, comme lors d’un formulaire, car elle inclut les données dans le corps de la requête, rendant leur lecture plus sécurisée.

• Les codes de statut HTTP, comme 200 et 404, permettent au client de comprendre le résultat de sa requête. **AUTEUR (date) : "les réponses HTTP ou codes de statut indiquent si une requête a été exécutée avec succès (code 200) ou non (code 404)".

• Le code 200 OK confirme que la ressource a été trouvée et renvoyée sans problème, tandis que le code 404 Not Found indique que la ressource demandée n’existe pas ou n’est pas accessible.

💡 À retenir

Le protocole HTTP, avec ses requêtes et ses codes de statut, constitue le langage universel du web permettant la communication entre client et serveur, en précisant si une opération a réussi ou échoué.

📖 3. URL et structure

🔑 Notions clés & Définitions

• Structure d'un site web en dossiers : Organisation hiérarchique des ressources d'un site web, où chaque ressource (page, image, vidéo, son, script) est stockée dans un dossier ou sous-dossier pour faciliter la gestion et l'accès (voir contenu source).
• Types de ressources web : Différents éléments accessibles via le web, tels que les pages (documents HTML), images, vidéos, sons ou scripts (exécutés pour ajouter des fonctionnalités).
• URL (Uniform Resource Locator) : Adresse logique d'une ressource sur le web, permettant de localiser précisément un fichier ou une page dans l'arborescence d'un site (voir contenu source).
• Parties d'une URL : Composantes qui structurent l'adresse d'une ressource :
  • Protocole : Indique le mode de communication (ex : http, https).
  • Nom de domaine : Adresse du serveur hébergeant la ressource (ex : www.snt.org).
  • Chemin : Indique la localisation précise dans l'arborescence du site (ex : /leweb/berners-lee.html).
  • Fichier : La ressource spécifique demandée (ex : berners-lee.html).

📝 Points essentiels

• La structure d'un site web en dossiers permet une organisation hiérarchique, où chaque ressource est stockée dans un dossier ou sous-dossier, facilitant leur gestion et leur accès (voir contenu source).
• Les types de ressources web incluent les pages HTML, images, vidéos, sons, scripts, qui peuvent être référencés dans une URL.
• Une URL est composée de plusieurs parties : le protocole (ex : http ou https), le nom de domaine (adresse du serveur), le chemin (dossier ou sous-dossier dans l'arborescence), et le fichier (ressource spécifique).
• Exemple d'URL décomposée :
  http://www.snt.org/leweb/berners-lee.html
  • Protocole : http
  • Nom de domaine : www.snt.org
  • Chemin : /leweb/
  • Fichier : berners-lee.html

💡 À retenir

La structure d'un site web en dossiers organise ses ressources hiérarchiquement, tandis que l'URL, en décomposant ses parties, permet de localiser précisément une ressource dans cette hiérarchie.

📖 4. Langage HTML

🔑 Notions clés & Définitions

• Langage HTML : AUTEUR (date) : langage de balisage permettant de structurer un document web en utilisant des balises pour définir ses différentes parties. Il sert à créer la structure logique d'une page web et à insérer des liens, images, etc.
• Structure d'un document HTML : organisation hiérarchique du contenu d'une page web, délimitée par des balises telles que <html>, <head>, <body>. Elle permet de séparer la tête (métadonnées, titre) du corps (contenu visible).
• Balises HTML : éléments de syntaxe entourés de chevrons < >, comme <html>, <head>, <body>, <a>, <img>, qui définissent la structure et le contenu de la page.
• Création de liens hypertextes : utilisation de la balise <a> avec l'attribut href pour relier une ressource à une autre, permettant la navigation entre différentes pages ou ressources.
• Exemple de code source HTML : snippet illustrant la structure d'une page avec balises essentielles, intégrant un lien <a> et une image <img>, pour comprendre la syntaxe et la mise en forme du contenu.

📝 Points essentiels

• Le HTML est le premier langage du Web, permettant de définir la structure d’un document en le découpant en éléments logiques délimités par des balises.
• La structure d’un document HTML comprend principalement <html>, <head> (pour les métadonnées, le titre) et <body> (pour le contenu visible).
• Les balises HTML comme <a> (lien hypertexte) et <img> (image) sont fondamentales pour enrichir une page web. La balise <a> utilise l’attribut href pour indiquer la destination du lien, tandis que <img> utilise src pour la source de l’image.
• La création de liens hypertextes permet la navigation entre différentes ressources du web, en reliant des pages ou des fichiers.
• Exemple de code source HTML :

<html>
  <head>
    <title>Exemple de page</title>
  </head>
  <body>
    <h1>Bienvenue</h1>
    <p>Visitez <a href="http://www.exemple.com">notre site</a>.</p>
    <img src="images/logo.png" width="100" height="100"/>
  </body>
</html>

💡 À retenir

Le HTML est le langage de base du web, structurant la page à l’aide de balises pour créer des liens, insérer des images et organiser le contenu, permettant ainsi la navigation et l’affichage cohérent des ressources.

📖 5. Feuilles de style CSS

🔑 Notions clés & Définitions

• Langage CSS : langage de feuille de style permettant de décrire la présentation visuelle d’un document HTML, séparant la structure du contenu de la mise en forme (voir "Description de la présentation d’un document HTML").
• Feuilles de style CSS : fichiers ou blocs de code contenant des règles CSS qui définissent l’aspect visuel d’un site web, liés au document HTML via la balise <link rel="stylesheet" href="feuille_style.css">.
• Séparation du contenu et de la présentation : principe selon lequel le HTML (structure) doit être distinct du CSS (style), favorisant la modularité et la maintenance du site (voir "Description de la présentation d’un document HTML").
• Intégration de CSS via la balise <link> : méthode standard pour associer une feuille de style externe à un document HTML, permettant une gestion centralisée des styles.
• Guerre des navigateurs et standardisation CSS : période où différents navigateurs implémentaient CSS de manière incompatible, ce qui a mené à la normalisation par le W3C pour assurer une compatibilité universelle.

📝 Points essentiels

• La standardisation du CSS a été compliquée par la guerre des navigateurs à la fin des années 1990, chaque navigateur implémentant CSS à sa manière, ce qui a retardé l’uniformisation des styles web.
• CSS permet de définir la mise en page, la couleur, la typographie, etc., séparément du contenu HTML, facilitant la maintenance et la cohérence visuelle.
• La liaison d’une feuille de style externe via <link rel="stylesheet" href="feuille_style.css"> est la pratique recommandée pour gérer efficacement les styles, notamment pour les sites complexes.
• La séparation du contenu (HTML) et de la présentation (CSS) repose sur le principe de modularité, favorisé par la norme du W3C, qui a permis l’adoption généralisée de CSS.
• La standardisation de CSS par le W3C a permis de réduire les incompatibilités entre navigateurs, mais des différences subsistent encore, nécessitant des tests et des ajustements.

💡 À retenir

La séparation du contenu HTML et de la présentation CSS, combinée à l’intégration via <link>, est essentielle pour créer des sites web modulaires, cohérents et compatibles à travers tous les navigateurs, malgré l’histoire de la guerre des standards.

📖 6. Pages Web dynamiques

🔑 Notions clés & Définitions

• Génération dynamique de pages Web : processus par lequel une page Web est créée en temps réel à partir de données stockées dans une base de données ou d’autres sources, souvent à l’aide de langages côté serveur comme PHP, permettant d’adapter le contenu selon l’utilisateur ou le contexte (voir "Le développement du Web" dans le contenu source).

• Langage côté serveur (ex: PHP) : langage qui s’exécute sur le serveur pour produire du contenu Web dynamique, en utilisant des bases de données pour générer ou modifier des pages en fonction des événements ou des requêtes des utilisateurs (voir "Pages Web dynamiques" dans le contenu source).

• Utilisation de bases de données : intégration de systèmes de gestion de données pour stocker, récupérer et manipuler des informations nécessaires à la génération de pages Web dynamiques, permettant une personnalisation et une mise à jour en temps réel du contenu (voir "Pages Web dynamiques" dans le contenu source).

📝 Points essentiels

• La génération dynamique de pages Web repose sur des langages côté serveur comme PHP, qui s’exécutent pour créer des pages en réponse aux requêtes des utilisateurs, souvent en interaction avec une base de données pour récupérer ou stocker des données (voir "Pages Web dynamiques" dans le contenu source).

• Les formulaires Web jouent un rôle clé dans cette dynamique, en permettant aux utilisateurs de saisir des données qui seront traitées côté serveur pour modifier ou enrichir le contenu affiché (voir "Formulaires Web" dans le contenu source).

• La programmation côté client avec JavaScript permet d’interagir avec l’utilisateur en temps réel, sans nécessiter de rechargement complet de la page, améliorant ainsi l’expérience utilisateur dans les pages Web dynamiques (voir "Langage côté client" dans le contenu source).

• La génération de pages Web à la volée permet d’adapter le contenu à chaque utilisateur ou situation, rendant le Web plus interactif, personnalisé et efficace pour des applications variées comme les réseaux sociaux, boutiques en ligne ou moteurs de recherche.

💡 À retenir

Les pages Web dynamiques, générées par des langages côté serveur en interaction avec des bases de données, offrent une expérience utilisateur personnalisée et interactive, essentielle pour les applications modernes du Web.

📖 7. Moteurs de recherche

🔑 Notions clés & Définitions

• Robots d'exploration (crawlers) : Logiciels automatisés qui parcourent le Web en suivant les liens pour découvrir et indexer les pages web, comme mentionné dans la description du traitement des pages par les moteurs de recherche.
• Indexation des pages Web : Processus par lequel les moteurs de recherche stockent et organisent les informations recueillies par les robots d'exploration, afin de pouvoir les retrouver rapidement lors d'une requête.
• Classement des pages selon critères : Méthode utilisée par les moteurs pour hiérarchiser les résultats, principalement basé sur le nombre de liens pointant vers une page, ce qui influence sa position dans la SERP, selon PERROUX (date).

📝 Points essentiels

• Les moteurs de recherche utilisent des robots d'exploration (crawlers) pour parcourir le Web en suivant les liens, découvrant ainsi de nouvelles pages ou mises à jour.
• Après exploration, ces pages sont indexées dans une base de données, permettant une recherche rapide et efficace.
• Le classement des pages repose sur plusieurs critères, dont le plus important est le nombre de liens pointant vers une page, ce qui reflète sa popularité ou sa crédibilité (PERROUX, date).
• La page de résultats (SERP) affiche les résultats en réponse à une requête, en distinguant les résultats naturels (organiques) des liens sponsorisés (publicitaires).
• La distinction entre résultats naturels et liens sponsorisés est essentielle : les premiers sont classés selon leur pertinence, tandis que les seconds sont payants et apparaissent souvent en haut ou en bas de la SERP.

💡 À retenir

Les moteurs de recherche exploitent des robots pour explorer et indexer le Web, puis classent les pages selon des critères comme le nombre de liens, en distinguant résultats organiques et publicitaires pour fournir une réponse pertinente à l'utilisateur.

📖 8. Cookies et confidentialité

🔑 Notions clés & Définitions

Cookies : Petits fichiers stockés sur la machine cliente par un serveur web, permettant de conserver des informations sur la visite de l’utilisateur. Selon PERROUX (date), ils facilitent la navigation en mémorisant des préférences ou identifiants, mais peuvent aussi être utilisés à des fins publicitaires ou de suivi.

Stockage de données sur machine cliente : Technique consistant à sauvegarder des informations localement sur l’ordinateur ou appareil de l’utilisateur, notamment via les cookies, pour améliorer le confort ou suivre le comportement en ligne.

Gestion des cookies via navigateur : Processus permettant à l’utilisateur de contrôler, supprimer ou bloquer les cookies en configurant les paramètres de son navigateur (ex : Chrome, Firefox). Cela limite la collecte de données personnelles et la traçabilité.

Utilisation des cookies pour confort et publicité : Les cookies sont employés pour rendre la navigation plus fluide (ex : mémorisation de sessions, préférences) ou pour cibler des publicités personnalisées, souvent à des fins commerciales ou de profilage.

Navigation privée et limites : Mode de navigation qui, en théorie, ne conserve pas d’historique, de cookies ou de données de session après fermeture. Toutefois, il ne garantit pas une anonymat total, notamment sur l’adresse IP ou la collecte par des tiers.

Confidentialité et collecte de données personnelles : Préoccupation majeure liée à la protection des informations identifiables (ex : nom, email, comportement). La législation, notamment Loi Informatique et Liberté (date), encadre cette collecte pour respecter la vie privée des utilisateurs, notamment via des dispositifs comme la CNIL.

📝 Points essentiels

• Les cookies sont essentiels pour améliorer l’expérience utilisateur, mais leur utilisation soulève des enjeux de vie privée, notamment en ce qui concerne la publicité ciblée et le suivi des comportements en ligne.
• La gestion des cookies par l’utilisateur peut se faire via les paramètres du navigateur, permettant de bloquer ou supprimer ces fichiers pour limiter la collecte de données personnelles.
• La navigation privée ne rend pas anonyme, mais limite la conservation locale des données (historique, cookies, marque-pages, etc.) à la fin de la session.
• La sécurisation des échanges via le protocole HTTPS (voir section 9) est complémentaire à la gestion des cookies pour assurer la confidentialité des données transmises.
• La législation, notamment la Loi Informatique et Liberté (1978) et la réglementation européenne GDPR, impose aux sites web d’informer les utilisateurs sur l’usage des cookies et de recueillir leur consentement préalable.

💡 À retenir

Les cookies améliorent la navigation et permettent une personnalisation, mais leur utilisation doit respecter la vie privée grâce à une gestion responsable et à la législation en vigueur. La navigation privée offre une protection limitée, mais ne garantit pas l’anonymat total.

📖 9. Protocole HTTPS

🔑 Notions clés & Définitions

• Protocole HTTPS : version sécurisée du protocole HTTP, combinant HTTP avec SSL/TLS pour chiffrer la communication entre le client et le serveur, garantissant la confidentialité et l’intégrité des données échangées (voir aussi "Combinaison HTTP et SSL/TLS").
• Chiffrement des communications : processus utilisant des algorithmes arithmétiques pour rendre illisibles les données transmises, empêchant ainsi toute interception ou lecture par des tiers non autorisés (voir aussi "SSL/TLS").
• Certificats de sécurité : fichiers numériques délivrés par une autorité de certification, permettant d’authentifier l’identité du site web et d’établir une connexion HTTPS sécurisée, avec vérification par le navigateur (voir aussi "Authentification client et serveur").
• Authentification client et serveur : mécanisme permettant de vérifier l’identité des deux parties lors de la connexion, notamment via des certificats pour le serveur, et éventuellement pour le client, renforçant la sécurité des échanges (voir aussi "Certificats de sécurité").
• Indicateurs visuels dans le navigateur : symboles affichés dans la barre d’adresse (ex : cadenas vert, jaune, rouge) indiquant le niveau de sécurité de la connexion HTTPS, en fonction de la validité du certificat et du chiffrement (voir aussi "Certificats de sécurité").

📝 Points essentiels

• Le protocole HTTPS est une combinaison du protocole HTTP et de SSL/TLS, permettant de chiffrer la communication pour assurer la confidentialité et l’intégrité des données échangées (voir "Combinaison HTTP et SSL/TLS").
• Le chiffrement des communications utilise des algorithmes arithmétiques pour rendre les données illisibles à toute interception non autorisée, ce qui est essentiel pour la sécurité des transactions en ligne (voir "Chiffrement des communications").
• Les certificats de sécurité, délivrés par des autorités de certification, permettent d’authentifier le site web et d’établir une connexion sécurisée vérifiée par le navigateur, avec un indicateur visuel (cadenas vert) lorsque la vérification est réussie (voir "Certificats de sécurité" et "Indicateurs visuels").
• La vérification du certificat par le navigateur peut entraîner différents indicateurs : cadenas vert (certificat valide), jaune (certificat expiré ou non vérifié), ou rouge (problème de sécurité).
• La sécurité renforcée par HTTPS est essentielle pour protéger la confidentialité des données personnelles, notamment lors des transactions financières ou de la transmission d’informations sensibles.

💡 À retenir

Le protocole HTTPS, en combinant HTTP avec SSL/TLS, garantit la sécurité des échanges sur le web en chiffrant les données et en vérifiant l’identité des parties via des certificats, avec des indicateurs visuels dans le navigateur pour signaler le niveau de sécurité.

📖 10. Enjeux juridiques Web

🔑 Notions clés & Définitions

• Droits d'auteur sur contenus Web : Ensemble des droits légaux qui protègent les créateurs de contenus numériques (textes, images, vidéos, sons) contre leur reproduction, diffusion ou modification non autorisée. Ces droits assurent la reconnaissance et la rémunération des auteurs, tout en encadrant l'usage de leurs œuvres (voir notamment la législation sur le droit d'auteur).

• Licences libres (ex : Creative Commons) : Contrats permettant aux auteurs de partager leurs œuvres tout en définissant précisément les conditions d'utilisation (ex : attribution, partage à l’identique, usage commercial ou non). Selon CREATIVE COMMONS (2001), ces licences favorisent le partage et la réutilisation des contenus en respectant la volonté de l’auteur.

• Vérification des sources et fiabilité de l'information : Processus d’évaluation critique des contenus trouvés sur le Web pour distinguer les informations véridiques, crédibles et vérifiées de celles qui sont erronées ou trompeuses. La fiabilité des sources est essentielle pour éviter la diffusion de fausses informations.

• Protection des données personnelles : Ensemble des mesures juridiques et techniques visant à garantir la confidentialité et la sécurité des données identifiables d’un individu (nom, adresse, email, etc.). La collecte et le traitement de ces données doivent respecter le cadre fixé par la loi.

• Loi Informatique et Liberté (1978) : Loi française qui encadre la collecte, le traitement et la conservation des données personnelles, visant à protéger la vie privée des citoyens. Elle impose notamment l’obligation d’informer les personnes concernées et d’obtenir leur consentement.

• Rôle de la CNIL et HADOPI : La Commission Nationale de l'Informatique et des Libertés (CNIL) (1978) veille à la protection des données personnelles et contrôle leur traitement. La Haute Autorité pour la Diffusion des Œuvres et la Protection des droits sur Internet (HADOPI) (2009) lutte contre le piratage en surveillant et sanctionnant les infractions liées aux droits d’auteur en ligne.

📝 Points essentiels

• La protection des contenus Web repose principalement sur le droit d’auteur, qui confère à l’auteur des droits exclusifs sur ses œuvres numériques. Ces droits peuvent être étendus ou limités par des licences libres comme celles de CREATIVE COMMONS (2001), qui facilitent le partage tout en respectant la volonté de l’auteur.

• La vérification des sources est cruciale pour garantir la fiabilité de l’information sur Internet. Elle permet d’éviter la propagation de fausses nouvelles ou de contenus trompeurs, ce qui est essentiel dans un contexte où l’information circule rapidement et massivement.

• La protection des données personnelles est encadrée par la Loi Informatique et Liberté (1978), renforcée par le Règlement Général sur la Protection des Données (RGPD) en 2018. La CNIL joue un rôle central dans la surveillance du respect de ces règles en France.

• La loi et les institutions telles que la CNIL et HADOPI assurent un équilibre entre liberté d’expression, partage des contenus et respect des droits des créateurs et des citoyens. La CNIL intervient pour faire respecter la vie privée, tandis que HADOPI lutte contre le piratage en ligne.

💡 À retenir

Les enjeux juridiques du Web concernent la protection des contenus par le droit d’auteur, l’usage encadré par des licences libres, la vérification de l’information, et la sauvegarde des données personnelles, sous la surveillance d’organismes comme la CNIL et HADOPI.

📅 Repères chronologiques

Date	Événement
1991	Publication de la première version HTML par Tim Berners-Lee
1996	Introduction des premières feuilles de style CSS
2004	Lancement du protocole HTTPS comme standard sécurisé
2014	Adoption généralisée du HTML5

📊 Tableaux de Synthèse

Thème	Notions clés	Auteur / Référence	Commentaire
Architecture client/serveur	Modèle de communication entre client (navigateur) et serveur, requête et réponse	Le web – Cours	Modèle fondamental du web
Protocole HTTP	Méthodes GET, POST ; Codes de statut 200, 404	"Les réponses HTTP ou codes de statut"	Protocoles de communication standard
URL et structure	Organisation hiérarchique, parties d'une URL (protocole, domaine, chemin, fichier)	Le web – Cours	Clé pour localiser une ressource
HTML	Langage de balisage pour structurer une page web	Auteur inconnu (date non précisée)	Base de la création web

⚠️ Pièges & Confusions Fréquentes

1. Confondre requête GET (lecture) et POST (écriture/modification) dans HTTP.
2. Assimiler à tort URL et adresse IP, alors que l'URL inclut le protocole, domaine, chemin, etc.
3. Omettre la hiérarchie dans la structure d’un site web en dossiers.
4. Confondre le rôle du logiciel client (navigateur) et du logiciel serveur.
5. Interpréter à tort le code HTTP 404 comme une erreur de syntaxe, alors qu’il indique une ressource introuvable.
6. Croire que HTTPS est simplement une version plus rapide de HTTP, alors qu’il s’agit d’un protocole sécurisé.
7. Confondre HTML avec CSS ou JavaScript, qui sont des technologies complémentaires.

✅ Checklist Examen

1. Connaître la définition de l’architecture client/serveur selon Le web – Cours.
2. Expliquer le rôle du logiciel client (navigateur) et du logiciel serveur.
3. Décrire le processus d’échange requête/réponse dans l’architecture web.
4. Identifier les méthodes HTTP GET et POST, et leur usage principal.
5. Connaître la signification des codes de statut HTTP 200 et 404.
6. Définir la structure d’un site web en dossiers et ses avantages.
7. Décomposer une URL type : protocole, nom de domaine, chemin, fichier.
8. Connaître la fonction du langage HTML dans la structuration d’une page web.
9. Identifier les différentes parties d’une requête HTTP.
10. Expliquer la différence entre HTTP et HTTPS, et l’importance de la sécurité.
11. Maîtriser la composition d’une URL pour localiser une ressource.
12. Connaître la chronologie de l’évolution du HTML, CSS, et HTTPS.