#0068 📬 [SimpleCommeInformatique] — Comment un site web fonctionne-t-il vraiment ? Le guide ultra-simple (mais complet) pour curieux en Bretagne et ailleurs
Le site Internet expliqué simplement !
Salut à tous, c’est Gaël de Simple Comme Informatique, votre guide breton en pleine campagne de Plœuc-sur-Lié, là où les vaches regardent parfois à la longue vue les antennes 5G avec suspicion.
Dans cette nouvelle infolettre, je vous propose de découvrir simplement les coulisses d’un outil qu’on utilise plusieurs dizaines de fois par jour. Et si vous prenez le temps de tout lire, je vous explique comment créer le votre sans aucune base préalable. Bon là je m’avance un peu.
Nous allons explorer les rouages de sites Internet, comment c’est fait et comment ça fonctionne.
Bonne lecture
Gael
Comment un site web fonctionne-t-il vraiment ? Le guide ultra-simple (mais complet) pour curieux en Bretagne et ailleurs
Rien de tel que de se reposer après une dure journée de travail. Enfin chez vous, bien lové dans votre fauteuil préféré –, et vous tapez “www.monsiteprefere.com“. Boum ! Une page magique apparaît, pleine de couleurs, de boutons qui cliquent et de vidéos qui dansent. Mais comment diable cette sorcellerie opère-t-elle ? Si vous êtes un grand débutant curieux en informatique, ou même un senior qui se demande si le web n’est pas un complot de martiens high-tech, cet article est pour vous. On va décortiquer tout ça comme dans C’est pas sorcier, avec Fred et Jamy qui auraient troqué leur camion pour une crêperie bretonne.
Pas de jargon barbant, des comparaisons qui claquent, un zeste d’humour décalé (parce que oui, votre routeur a un ego et il fait la grève si vous le regardez de travers), et une promesse : à la fin, vous comprendrez le fonctionnement d’un site web mieux que votre neveu geek de 12 ans. Prêts ?
On y va, étape par étape, sans précipitation, parce que n’importe qui peut tout piger si c’est bien expliqué.
D’abord, qu’est-ce qu’un site web, au juste ? Pas la peine de sortir les équations quantiques : un site web, c’est comme une maison virtuelle ouverte 24h/24 sur l’autoroute géante qu’on appelle internet. Cette maison a une adresse unique (l’URL, comme https://www.patreon.com/SimpleCommeInformatique), une structure (les murs et les pièces en HTML), une déco sympa (les couleurs et polices en CSS), et même des gadgets interactifs (les boutons qui bougent en JavaScript). Mais contrairement à votre maison à Saint Brieuc, elle n’existe pas physiquement : elle est faite de fichiers stockés sur un ordinateur lointain, un “serveur”, qui attend sagement que vous frappiez à la porte. Et le plus fou ? Des milliards de ces maisons coexistent sur le web sans jamais se marcher sur les pieds.
Si vous imaginez internet comme un immense village breton géant, chaque site est une ferme, un bistrot ou un château, et votre navigateur (Chrome, Firefox ou Safari, ces petits détectives zélés) est le facteur qui livre le courrier.
Maintenant, entrons dans le vif du sujet : comment fonctionne un site web ? On va le décomposer comme une recette de galettes, ingrédient par ingrédient, sans sauter une miette. Tout commence quand vous tapez une adresse dans votre barre d’adresse. Prenez www.lemonde.fr, par exemple. Votre navigateur ne sait pas où c’est, hein. Il ne va pas se lancer dans une balade à l’aveugle à travers les câbles sous-marins de l’Atlantique. Non, il appelle à la rescousse le DNS, ou Domain Name System. Le DNS, c’est l’annuaire téléphonique géant du web – un peu comme ces vieux bottins jaunes qu’on feuilletait avant l’ère des smartphones, mais supervisé par des serveurs dans le monde entier. Au lieu de vous donner un numéro de téléphone, il traduit “www.lemonde.fr“ en une adresse IP, genre 192.0.2.1, qui est l’adresse postale réelle du serveur. Sans DNS, ce serait le chaos : imaginez devoir retenir “212.27.62.12” pour checker la météo à Rennes !
Si vous voulez creuser ça avec une démo visuelle, filez voir ma vidéo tuto sur les DNS juste ici :
. C’est court, fun, et vous verrez comment ça marche en live, comme si Jamy avait un tableau noir sous la pluie.
Une fois l’adresse IP en poche, votre navigateur envoie une requête HTTP – ou HTTPS si c’est sécurisé, avec le petit cadenas qui rassure tout le monde. HTTP, c’est le langage poli du web, comme un “S’il vous plaît, apportez-moi la page d’accueil”. Pensez à ça comme une lettre envoyée par la poste : vous (le client) demandez au serveur (l’ordinateur distant) de vous livrer le contenu. Cette requête voyage à la vitesse de la lumière à travers les réseaux – des câbles en fibre optique sous vos pieds à Plœuc-sur-Lié, des satellites pour les coins paumés, ou la 5G qui fait rager les pigeons en 2026. Le serveur, ce gros PC infatigable qui ronronne dans un data center à Paris ou en Irlande (oui, les Irlandais stockent nos sites comme leurs réserves de Guinness), reçoit le message. Il vérifie si vous avez le droit d’entrer (cookies, authentification, tout ça), et prépare la réponse.
Et là, la magie opère : le serveur envoie les fichiers qui composent le site. Le héros principal, c’est le HTML, ou HyperText Markup Language.
Le HTML, c’est la recette de base, le squelette de la maison. Imaginez-le comme les plans d’un architecte breton pour une longère : <p> pour un paragraphe, <h1> pour un gros titre, <img> pour une image de vague atlantique.
Sans HTML, pas de structure – ce serait un tas de briques en vrac.
Vient ensuite le CSS, Cascading Style Sheets, la déco et les couleurs. CSS dit : “Peins ce paragraphe en bleu nuit comme le ciel de Bretagne, arrondis ces boutons comme des cailloux polis par la mer, et fais danser cette image au scroll.” C’est le styliste qui rend le site beau et responsive – oui, responsive, ça veut dire qu’il s’adapte à votre écran, qu’il soit un iPhone riquiqui ou un écran géant de fermier connecté.
Et pour l’interaction ? JavaScript entre en scène, ce farceur turbulent. JS fait bouger les choses : sliders qui glissent, formulaires qui valident en temps réel, chats qui popent comme des mouettes affamées. Imaginez JS comme le chien fou de la maison qui court partout et aboie quand vous cliquez.
Votre navigateur reçoit tout ce bazar – HTML, CSS, JS, images, vidéos – et l’assemble comme un Lego géant. C’est lui, le chef d’orchestre, qui calcule les positions, charge les polices, gère les animations. Si le serveur est lent (genre, il fait la sieste après un pic de trafic), votre navigateur affiche un cercle qui tourne, vous faisant douter de votre connexion bretonne capricieuse. Une fois assemblé, hop ! La page s’affiche, et vous pouvez cliquer, scroller, liker. Mais attendez, ce n’est pas tout : en 2026, avec l’IA partout (merci les ChatGPT-like boostés par Grok), les sites sont devenus vivants. Ils prédisent vos clics, personnalisent le contenu (”Hé, Gaël, voilà des tutos informatiques pour Loudéac !”), et chargent les trucs au fur et à mesure grâce à des frameworks comme React ou Vue.js – des boîtes à outils magiques qui réagissent en un clin d’œil sans recharger toute la page.
Revenons aux bases pour bien ancrer ça.
- Pourquoi un serveur ? Parce que votre PC perso n’est pas fait pour héberger un site public – il dort la nuit, et vos voisins adoreraient hacker vos photos de vacances.
- Un hébergeur web (OVH, Hostinger, ou les géants comme AWS) loue l’espace : nom de domaine (votre adresse chic), espace disque pour les fichiers, bande passante pour les visites. C’est comme louer une ferme en Bretagne : vous plantez vos fichiers HTML, et les visiteurs viennent cueillir les pommes.
- Le nom de domaine, c’est .fr pour la France, .com pour le monde, .bzh pour les Bretons fiers comme des lions – et il faut le renouveler tous les ans, sinon pouf, votre site s’évapore.
Maintenant, creusons un peu plus loin, parce que vous êtes curieux et que Simple Comme Informatique ne fait pas dans la soupe légère.
Qu’est-ce qui se passe vraiment sous le capot en 2026 ?
Les protocoles ont évolué. HTTP/3, par exemple, est le dernier cri : plus rapide que HTTP/2, il utilise QUIC au lieu de TCP, évitant les embouteillages réseau comme un TGV breton qui slalome entre les tracteurs.
Et la sécurité ? HTTPS n’est plus une option – c’est le cadenas qui chiffre tout, empêchant les pirates (ces renards du web) de lire vos données en transit. Les certificats SSL/TLS, délivrés par des autorités comme Let’s Encrypt (gratuit, merci qui ?), transforment votre requête en code secret indéchiffrable. Imaginez : sans ça, taper votre carte bancaire sur un site serait comme crier votre code PIN sur la place du marché au cochon de Plérin.
Parlons des cookies, ces petits biscuits traîtres. Un cookie, c’est un bout de texte stocké par votre navigateur pour se souvenir de vous : “Hé, toi, tu as un panier avec trois crêpes virtuelles !” Ils sont first-party (du site lui-même, sympas) ou third-party (des pubs qui vous stalkent partout, un peu creepy). En 2026, avec les lois GDPR et les navigateurs qui bloquent les traqueurs (bravo Chrome pour le déclin des cookies tiers), les sites utilisent des alternatives comme les localStorage – des tiroirs secrets dans votre navigateur.
Et les API ? Ce sont les portes dérobées : quand un site appelle une API météo, c’est comme téléphoner à Météo France pour “Donne-moi la pluie à Plœuc dans 5 minutes”. Résultat : contenu dynamique, frais comme une galette sortie du fer.
Mais comment tout ça voyage-t-il ? Internet, c’est un réseau de réseaux : votre box fibre à la maison connecte au FAI (fournisseur d’accès, comme Orange ou Free), qui route via des “backbones” mondiaux – ces autoroutes câblées sous les océans.
Ping, latence, jitter : le ping c’est le temps aller-retour (idéal <50ms pour jouer en ligne), la latence les délais, le jitter les hoquets. En Bretagne rurale, avec la 5G qui déploie ses antennes malgré les vents salés, ça file à 1Gbps.
Et si ça rame ?
Videz le cache (les restes dans le tiroir du navigateur), changez de DNS (essayez 1.1.1.1 de Cloudflare, plus rapide que le 8.8.8.8 de Google), ou vérifiez votre débit sur speedtest.net.
Vous vous demandez comment créer votre premier site ?
Pas besoin d’être un sorcier. Allez sur WordPress.com ou un builder gratuit comme Wix : tapez du texte, glissez des images, et pouf, site live en 30 minutes.
Pour les curieux, installez VS Code (éditeur gratuit), écrivez un fichier index.html basique. Ou mieux, ouvrez le bloc note de Windows, copiez ce qui suit et Fichier > Enregistrez-sous > nommé votre fichier “page.html” par exemple, et en dessous dans “Type” choisissez “Tous les fichiers (*.*). Cliquez sur “OK”. :
<!DOCTYPE html>
<html>
<head>
<title>Mon Site Breton</title>
</head>
<body>
<h1>Salut de Merdrignac !</h1>
<p><strong>ét Gael qe j’m’ahuche !</strong> (en Breton de Haute Bretagne)</p>
<p><strong>Gael eo ma anv</strong> (en Breton de Basse Bretagne)</span></p>
</body>
</html>
Double cliquez sur le fichier et il s’ouvrira dans votre navigateur – voilà votre site local !
Pour le publier, achetez un domaine chez Gandi (français, fiable), hébergez chez un .bzh-friendly, uploadez via FTP (File Transfer Protocol, le camion qui livre vos fichiers). Et l’apprentissage ? Testez localhost: c’est votre PC qui joue au serveur.
Écrivez du CSS :
body { background-color: #228B22; } pour un vert breton.
Ajoutez JS :
alert(”Bienvenue !”) pour un pop-up rigolo.
Je vous avais proposé un tuto hyper accessible et amusant sur la chaine :
Pièges à éviter pour les débutants : ne confondez pas site statique (fichiers figés, rapide et pas cher) et dynamique (avec base de données comme MySQL, pour les blogs ou e-commerces – PHP ou Node.js au backend font la cuisine).
Un site dynamique interroge une BDD (Base De Donnée) : “Donne-moi les articles de Gaël sur les DNS”, et renvoie du HTML personnalisé. En 2026, les CMS comme WordPress dominent (43% du web !), avec plugins pour tout : SEO avec Yoast, sécurité avec Wordfence.
Attention aux bots : ces araignées Google indexent vos pages pour le référencement – écrivez du contenu frais, mots-clés naturels comme “fonctionnement site web débutant” ou “comment marche un site internet simplement”.
L’histoire rapide pour contextualiser : tout commence en 1989 avec Tim Berners-Lee au CERN, qui invente le World Wide Web pour partager des docs scientifiques. Premier site : info.cern.ch. En 1993, Mosaic popularise les images, Netscape suit. Puis Google indexe, Facebook socialise, et boom, 1,5 milliard de sites en 2026. Aujourd’hui, le web3 pointe le bout de son nez avec blockchain (sites décentralisés sur IPFS, sans serveur unique), mais chut, on reste sur les bases pour l’instant.
Et le futur ? Avec l’IA, les sites génèrent du contenu on-the-fly : “Crée-moi un tuto sur les crêpes bretonnes.” La 6G testera des vitesses folles, le web immersif (WebXR pour VR) vous plongera dans le village de Couëtlogon en 3D. Mais les fondations restent : client-serveur, HTTP, HTML. Vous avez tout compris maintenant ? Testez : ouvrez les outils dev de Chrome (F12), onglet Network, rechargez une page – vous verrez les requêtes voler en live !
Voilà, on a fait le tour sans une once de sorcellerie noire.
Si cet article sur le fonctionnement d’un site web vous a éclairé, partagez-le à vos potes bretons, commentez vos questions, et abonnez-vous à Simple Comme Informatique pour plus de tutos comme ça. La prochaine fois, on attaque comment créer le vôtre sans coder. À bientôt, et rappelez-vous : l’informatique, c’est simple comme une galette bien beurrée !
Et si vous voulez me soutenir…
Si vous voulez que je continue à écrire, à expliquer, à déconstruire…
Vous pouvez me rejoindre sur Patreon.
Mais seulement si vous voulez.
Pas parce que je vous le demande.
Parce que vous en avez envie.
👉 https://www.patreon.com/SimpleCommeInformatique
Il y a pleins d’articles gratuits (sans inscription et sans pubs) et quelques articles premium pour aller plus loin et surtout pour soutenir mon travail )
Sinon…
Vous pouvez juste continuer à lire.
À apprendre.
À choisir.
Et c’est déjà beaucoup.
Et n’oubliez pas :
Vous n’avez pas besoin de comprendre tout.
Vous avez juste besoin de comprendre un peu.
Et de choisir.
À très vite,
Gaël
— Créateur de Simple Comme Informatique
(Vulgarisateur passionné, détecteur de lignes de code gratuites.).
P.-S. : Si cet article vous a aidé, partagez-le à un ami qui tape toujours “Comment trouver l’Amour”…. Vous allez lui sauver des heures ! 💡
Super, merci