Description

webpages, ?

# Webpages, sites, serveurs : le grand méli-mélo du web démystifié

Accueil › Tech › Web › 5 min de lecture

—

**« C’est quoi la différence entre une page web et un site web ? »**
Si vous avez déjà posé cette question autour d’un café, vous n’êtes pas seul·e. Pourtant, comprendre le vocabulaire de base du web vous fera économiser des heures de galère quand il faudra expliquer votre projet à un développeur, un hébergeur ou votre patron. Suivez le guide : on va désassembler la machine en 5 blocs faciles à rebrancher.

—

## 1. Webpage : la brique élémentaire
Imaginez un fichier Word, mais lisible uniquement par un navigateur.
Ce fichier est écrit en HTML, agrémenté de CSS pour la déco et de JavaScript pour les interactions. Une webpage peut vivre seule (rappelez-vous les fameuses pages « Under construction » des années 90), mais le plus souvent elle ne vaut que dans un contexte plus vaste : le site web.

**Petit test rapide**
– « index.html » = une page web
– « a-propos.html » = une autre page web
Les deux réunissent ? Un embryon de site web.

—

## 2. Website : le livre, pas la page
Un site web est un **ensemble cohérent** de pages liées entre elles, hébergées sous un même nom de domaine.
Prenons l’exemple d’un restaurant :

– Page d’accueil → webpage
– Carte des vins → webpage
– Formulaire de réservation → webpage
→ Le tout forme le site web « www.bistrot-parisien.fr »

**La métaphore**
– Page web = feuille volante
– Site web = classeur complet (avec intercalaires, photos, post-it, etc.)

—

## 3. Serveur : le gardien du coffre
Vos fichiers HTML, CSS, images, vidéos doivent bien dormir quelque part. Ce « quelque part » s’appelle un **serveur web** : un ordinateur toujours allumé, branché sur Internet, qui **répond aux requêtes** des navigateurs.
Quand vous tapez une URL :

1. Le navigateur demande la page au serveur.
2. Le serveur vérifie qu’elle existe.
3. Il renvoie le fichier HTML (+ les assets).
4. Le navigateur assemble le tout à l’écran.

**Chiffre clé** : un serveur classique peut envoyer une page en 0,02 seconde ; un serveur optimisé (CDN) descend sous 0,005 seconde.

—

## 4. Agences web : des cuisiniers sur commande
Créer un site, c’est comme faire un repas de mariage : on peut s’y coller seul·e ou faire appel à un traiteur. Les **agences web** sont ces traiteurs du numérique :

– UX/UI designers → dressent l’assiette
– Développeurs front → préparent les entrées visibles
– Développeurs back → mijotent la sauce en cuisine
– DevOps → s’assurent que le four ne lâche pas pendant le service

**À retenir** : une agence n’est pas qu’un « vendeur de site » ; elle orchestre stratégie, design, code, hébergement, maintenance et parfois marketing.

—

## 5. Ressources en ligne : votre boîte à outils
Même sans budget, vous pouvez apprendre, tester, débugger :

– MDN Web Docs (encyclopédie Mozilla)
– Stack Overflow (la bible des erreurs)
– CodePen / JSFiddle (bac à sable instantané)
– GitHub Pages ou Netlify (hébergement gratuit pour vos premières webpages)
– Des chaînes YouTube francophones : Grafikart, PrimFX, Devenir Développeur

—

## Checklist express pour ne plus jamais tout mélanger
| Terme | C’est quoi ? | Exemple concret |
|—|—|—|
| Webpage | Document unique | mentions-legales.html |
| Website | Collection de pages | www.monblogphoto.fr |
| Serveur | Ordinateur qui héberge | OVH, AWS, Infomaniak |
| Navigateur | Logiciel qui affiche | Firefox, Chrome, Safari |
| Moteur de recherche | Index des sites | Google, Bing, Qwant |

—

## Alors, prêt·e à passer à l’action ?
1. Ouvrez le mode « Inspecter » de votre navigateur (F12) sur n’importe quelle page.
2. Regardez la structure HTML : « , « , `