Lire un article, regarder une vidéo ou consulter un emploi du temps en ligne : quelques instants suffisent pour afficher une page web. Mais derrière cet affichage, le navigateur échange des données avec des serveurs. Que se passe-t-il réellement lors de la visite d’un site web ?
Internet et le Web : quelle différence ?
Internet est un réseau mondial qui relie des réseaux informatiques entre eux. Il permet aux appareils d’échanger des données.
Le Web est un service qui utilise Internet. Il permet de consulter des pages et de passer de l’une à l’autre grâce à des liens hypertextes.
Internet permet aussi d’autres usages, comme les échanges de courriels ou les jeux en ligne.
Pour comprendre cette distinction, on peut imaginer un réseau de routes : Internet représente les routes, tandis que le Web est l’un des services qui les empruntent.
Une page, un site et un navigateur
Une page web est un document qu’un navigateur peut afficher. Elle peut contenir du texte, des images, des vidéos ou des éléments interactifs.
Un site web rassemble des pages liées entre elles. Sur Playhooky, par exemple, chaque article est une page du site.
Le navigateur web est le logiciel qui permet de consulter ces pages : Firefox, Chrome, Safari ou Edge.
Le navigateur ne doit pas être confondu avec un moteur de recherche : le navigateur affiche les pages ; le moteur de recherche aide à en trouver.
Une adresse pour retrouver chaque ressource
Une URL est l’adresse d’une ressource sur le Web : une page, une image ou un fichier à télécharger.
L’adresse de cet article en est un exemple :
https://www.playhooky.fr/code/comment-fonctionne-un-site-web/
Elle comporte plusieurs parties :
- https:// indique le protocole utilisé pour communiquer ;
- www.playhooky.fr est le nom d’hôte, construit ici avec le sous-domaine « www » et le domaine « playhooky.fr » ;
- /code/comment-fonctionne-un-site-web/ est le chemin vers la page demandée.
Le nom de domaine offre une adresse facile à retenir. Pour établir la connexion, l’appareil a cependant besoin d’une adresse IP.
Le DNS permet de rechercher l’adresse IP associée à un nom de domaine. Il joue un rôle comparable à celui d’un annuaire.
Que se passe-t-il lorsqu’une page s’ouvre ?
Voici les principales étapes, dans une version simplifiée :
- L’internaute demande une page en cliquant sur un lien ou en saisissant son adresse.
- L’appareil recherche l’adresse IP nécessaire, grâce au DNS si cette information n’est pas déjà disponible.
- Le navigateur établit une connexion avec le serveur, sécurisée lorsque le site utilise HTTPS.
- Il envoie une requête, c’est-à-dire une demande de ressource.
- Le serveur renvoie une réponse, par exemple le document HTML de la page.
- Le navigateur demande les autres ressources nécessaires et construit progressivement l’affichage.
Une seule page peut donc provoquer de nombreuses demandes : images, feuilles de style, scripts…
Certaines ressources peuvent aussi être conservées temporairement dans un cache, ce qui évite de les télécharger à nouveau à chaque visite.
HTML, CSS et JavaScript : trois rôles complémentaires
Le navigateur interprète plusieurs langages pour construire la page.
| Langage | Son rôle | Exemple |
|---|---|---|
| HTML | Structurer le contenu | Définir un titre, un paragraphe, une image ou un lien |
| CSS | Définir la présentation | Choisir les couleurs, les espacements et la disposition |
| JavaScript | Programmer des comportements | Vérifier une réponse dans un quiz ou actualiser un résultat |
Sur un quiz, par exemple, le HTML organise les questions, le CSS met en forme les réponses et le JavaScript peut calculer le score.
Le navigateur assemble ces éléments pour produire la page affichée et permettre les interactions.
Que fait le serveur ?
Un serveur web reçoit des demandes et fournit des ressources. Le terme désigne, selon le contexte, le logiciel qui assure ce service ou la machine qui l’exécute.
L’hébergement consiste à mettre à disposition les ressources nécessaires pour rendre le site accessible. De nombreux sites sont hébergés dans des centres de données, mais un serveur peut aussi fonctionner dans une entreprise, un établissement ou à domicile.
Le serveur peut envoyer des fichiers déjà préparés ou produire une réponse en fonction de la demande.
Par exemple, lors de la consultation d’un espace personnel, un programme peut vérifier les droits d’accès de l’utilisateur puis récupérer les informations correspondantes dans une base de données.
La base de données n’est donc pas indispensable à tous les sites, mais elle permet d’organiser et de retrouver des informations : articles, comptes, produits, commentaires…
HTTPS : des échanges protégés
HTTPS protège les données pendant leur transport entre le navigateur et le serveur. Le chiffrement empêche notamment un intermédiaire de lire facilement le contenu échangé.
Mais HTTPS ne garantit ni l’honnêteté du propriétaire du site ni l’exactitude des informations publiées.
Même avec une connexion sécurisée, il reste essentiel de vérifier l’adresse du site avant de saisir un mot de passe et de garder un regard critique sur son contenu.
Comment crée-t-on un site web ?
Plusieurs approches sont possibles :
- Écrire du code pour construire les pages et programmer les fonctionnalités. Une page simple en HTML et CSS constitue déjà un bon début.
- Utiliser un CMS, comme WordPress, pour créer, organiser et publier du contenu depuis une interface d’administration.
- Utiliser un constructeur de sites, qui propose des modèles et des outils de mise en page visuels.
Ces approches peuvent se combiner. Un site géré avec un CMS peut aussi intégrer du code personnalisé.
Avant de publier, il faut également vérifier que le site fonctionne sur ordinateur et sur mobile, que ses textes sont lisibles et que sa navigation reste accessible.
Je retiens
- Les sites web sont des ensembles de pages accessibles en ligne, affichées par des navigateurs web.
- Ils sont hébergés sur des serveurs, souvent situés dans des centres de données. Le DNS permet de retrouver une adresse IP à partir d’un nom de domaine.
- Le protocole HTTPS protège les échanges entre les navigateurs et les serveurs, mais ne garantit pas la fiabilité du contenu.
- Le HTML structure le contenu des pages, le CSS définit leur présentation et le JavaScript permet de programmer des interactions. Les sites peuvent utiliser des bases de données pour organiser et retrouver des informations.
- Pour créer un site web, on peut écrire du code, utiliser un CMS ou un constructeur de sites. Ces approches peuvent se combiner.
