Internet et le Web : Le fonctionnement du Web - Quiz
Le fonctionnement du Web
Le World Wide Web, appelé plus simplement Web, est un service d'Internet qui permet de consulter des ressources reliées entre elles par des liens hypertextes. Ces ressources sont principalement des pages Web, des images, des vidéos, des fichiers et des applications accessibles depuis un navigateur.
Une page Web et un serveur Web
Une page Web est un document numérique enregistré sur un serveur Web. Le serveur conserve les fichiers nécessaires et les transmet lorsqu'un navigateur les demande.
Le navigateur, installé sur un ordinateur, un smartphone ou une tablette, joue le rôle de client. Il demande les ressources au serveur, les reçoit puis les interprète pour construire l'affichage visible à l'écran.
Par exemple, lorsqu'un navigateur demande la page d'accueil d'un site, le serveur peut lui transmettre un fichier HTML, plusieurs feuilles CSS, des scripts JavaScript, des images et des polices. Le navigateur rassemble ensuite ces ressources pour afficher la page complète.
L'adresse d'une ressource : l'URL
Chaque ressource accessible sur le Web possède généralement une URL (Uniform Resource Locator). Une URL indique notamment le protocole à utiliser et l'emplacement de la ressource.
Par exemple, dans l'adresse https://www.exemple.fr/articles/page.html, https indique le protocole utilisé, www.exemple.fr correspond au nom de domaine et /articles/page.html indique le chemin vers la ressource demandée.
Une URL peut désigner une page HTML, mais également une image, une vidéo, un fichier PDF ou une autre ressource accessible sur un serveur.
Du nom de domaine à l'adresse IP
Le navigateur ne communique pas directement avec un serveur en utilisant uniquement le nom de domaine. Il doit d'abord obtenir son adresse IP.
Pour cela, il utilise le DNS (Domain Name System). Le DNS fonctionne comme un système de correspondance entre les noms de domaine et les adresses IP.
Par exemple, lorsqu'un utilisateur saisit www.exemple.fr, le navigateur peut demander à un serveur DNS l'adresse IP correspondant à ce nom. Il peut alors utiliser cette adresse pour contacter le serveur Web.
La demande de la page
Une fois le serveur identifié, le navigateur lui envoie une requête HTTP ou HTTPS. Cette requête indique notamment la ressource demandée.
Le serveur reçoit la requête, recherche la ressource correspondante et prépare une réponse HTTP. Cette réponse contient généralement un code indiquant le résultat de la demande ainsi que les données demandées.
Par exemple, le code 200 indique généralement que la ressource a été trouvée et transmise correctement. Le code 404 indique au contraire que la ressource demandée n'a pas été trouvée sur le serveur.
Le rôle du HTML
Le HTML (HyperText Markup Language) décrit la structure d'une page Web. Il indique notamment les titres, paragraphes, listes, liens, images et autres éléments présents dans le document.
Par exemple, un élément HTML peut indiquer qu'un texte constitue un titre et un autre qu'il s'agit d'un paragraphe. Le navigateur lit cette structure et l'utilise pour construire le document affiché.
Le rôle du CSS
Le CSS (Cascading Style Sheets) définit principalement l'apparence de la page. Il permet de choisir les couleurs, les tailles, les polices, les espacements, les bordures et la position des éléments.
Une même page HTML peut donc être affichée avec des apparences différentes simplement en utilisant des feuilles de style CSS différentes.
Le rôle de JavaScript
Le JavaScript permet d'ajouter du comportement et de l'interactivité aux pages Web. Le navigateur peut exécuter ce code pour réagir aux actions de l'utilisateur et modifier la page sans nécessairement recharger entièrement le document.
Par exemple, JavaScript peut ouvrir un menu, vérifier le contenu d'un formulaire, modifier un élément après un clic ou demander de nouvelles données à un serveur.
Le téléchargement des ressources
Une page Web complète nécessite souvent beaucoup plus qu'un seul fichier HTML. Le navigateur doit télécharger les ressources nécessaires : feuilles CSS, scripts JavaScript, images, vidéos, polices et autres fichiers.
Le fichier HTML contient notamment des indications permettant au navigateur de savoir quelles ressources supplémentaires doivent être chargées. Le navigateur envoie alors de nouvelles requêtes aux serveurs concernés.
Plusieurs ressources peuvent être demandées en parallèle. Cette organisation permet de réduire le temps nécessaire à l'affichage d'une page.
Si une ressource ne peut pas être téléchargée, une partie de la page peut être absente ou mal affichée. Une image peut par exemple ne pas apparaître si son fichier est inaccessible, tandis qu'une fonctionnalité peut ne pas fonctionner si son script JavaScript n'a pas été chargé.
HTTP et HTTPS
Les échanges entre un navigateur et un serveur Web utilisent principalement HTTP ou HTTPS. HTTP signifie HyperText Transfer Protocol.
HTTPS correspond à HTTP avec une protection cryptographique. Les données échangées entre le navigateur et le serveur sont chiffrées afin de rendre leur interception beaucoup plus difficile.
Le cadenas affiché par un navigateur à côté d'une adresse HTTPS indique notamment que la connexion utilise HTTPS. Il ne signifie cependant pas que le site est forcément fiable ou honnête : il indique principalement que la communication entre le navigateur et le serveur est protégée contre certaines interceptions.
Le fonctionnement complet
L'affichage d'une page Web peut donc être résumé par une succession d'étapes. Le navigateur reçoit une URL, identifie le nom de domaine, obtient son adresse IP grâce au DNS, établit une connexion avec le serveur puis lui envoie une requête HTTP ou HTTPS.
Le serveur renvoie ensuite les ressources demandées. Le navigateur télécharge le HTML, identifie les autres ressources nécessaires, télécharge les fichiers CSS, JavaScript, images et autres éléments, puis interprète l'ensemble pour construire la page visible.
Lorsqu'un utilisateur sélectionne un lien hypertexte, le navigateur demande généralement une nouvelle ressource et le processus recommence. C'est ce mécanisme qui permet de passer rapidement d'une page Web à une autre.