De quoi est fait un site internet ?

En bref

Un site, c’est un ensemble de fichiers rangés dans des dossiers sur le serveur : des textes en HTML, des habillages en CSS, des animations en JavaScript et des images. Le navigateur les reçoit et les assemble pour afficher la page.

C’est comme les ingrédients d’un gâteau rangés dans un placard : la farine, le sucre, les œufs. Séparés, ils ne ressemblent à rien. Le navigateur, lui, fait la recette.

Les mots que vous entendrez : fichiers dossier arborescence index.html FTP

Voir sur la carte

Sur votre ordinateur, vous avez sans doute des photos, des lettres, peut-être un tableau pour vos comptes. Chacun est un fichier, rangé dans un dossier. Un site internet, c’est exactement la même chose : une poignée de fichiers, rangés dans des dossiers, posés sur un ordinateur qui reste allumé jour et nuit.

Un site internet n’est pas un objet mystérieux : c’est un dossier de fichiers que le serveur envoie à votre navigateur, qui les assemble pour en faire une page.

À quoi servent ces fichiers ?

Quand vous ouvrez une page, votre iPhone ne reçoit pas une image toute faite de la page. Il reçoit plusieurs fichiers, chacun avec un rôle précis. Votre navigateur (Safari, Chrome…) les lit et construit la page sous vos yeux, en une fraction de seconde.

On trouve presque toujours quatre familles de fichiers :

Chaque famille a son propre type de fichier, reconnaissable à la fin de son nom, qu’on appelle l’extension : .html, .css, .js, .jpg ou .png. Comme .pdf ou .docx sur votre ordinateur.

Imaginez un gâteau livré en kit. Dans le carton, il y a la recette (le HTML, qui dit quoi mettre et dans quel ordre), le glaçage et la décoration (le CSS), une petite figurine qui tourne sur le dessus (le JavaScript) et les photos de la boîte (les images). Le navigateur est le pâtissier : il ouvre le carton et monte le gâteau devant vous. Si un ingrédient manque, le gâteau a une drôle de tête.

Où vivent les fichiers du site ?

Ils sont rangés sur le serveur, l’ordinateur loué chez un hébergeur. Sur ce serveur, un dossier est réservé à votre site. On parle de l’arborescence du site : un mot savant pour dire « l’arbre des dossiers et sous-dossiers », comme les tiroirs et les chemises d’un classeur.

Quand un visiteur arrive, c’est le serveur web qui fait le service. C’est un programme installé sur le serveur, un peu comme le guichetier de La Poste. Il reçoit la demande, va chercher les bons fichiers dans le dossier et les envoie au navigateur du visiteur.

Un nom revient souvent : index.html. C’est le fichier que le serveur web sert par défaut quand on arrive sur la page d’accueil. Quand vous tapez francescosun.com sans rien d’autre, c’est un fichier de ce genre qui part en premier.

Fichiers fixes et pages qui changent

Certains fichiers sont envoyés tels quels, sans jamais changer : une photo, une feuille de style. D’autres pages doivent être fabriquées à la demande, parce que leur contenu bouge : votre panier sur un site de vente, la liste des derniers articles, votre espace client.

Pour ces pages-là, le serveur web demande l’aide du code PHP. Ce petit programme prépare la page au moment où vous la demandez. Il va chercher les informations qui changent dans la base de données, puis fabrique un HTML tout frais, qui part ensuite vers votre navigateur.

Un exemple concret

Prenons la page d’accueil d’un petit restaurant. Dans son dossier, on pourrait trouver :

Si le restaurateur veut changer ses horaires, il suffit de modifier une ligne dans index.html. S’il veut un fond bleu au lieu de crème, c’est dans style.css. Chaque chose a sa place.

Les mots qu’on vous dira

Ce que vous avez à retenir

Vous n’avez pas besoin d’ouvrir ces fichiers vous-même. Aujourd’hui, un assistant IA comme Claude Code, installé sur le serveur, peut les modifier pour vous : vous lui demandez en français « mettez le téléphone du restaurant en haut de la page », et il trouve le bon fichier, change la bonne ligne.

Deux réflexes restent utiles. D’abord, vos fichiers sont précieux : une sauvegarde régulière, rangée ailleurs que sur le serveur, vous permet de revenir en arrière en cas de mauvaise manipulation. Ensuite, ces fichiers sont à vous. Si vous changez un jour d’hébergeur, vous les emportez, comme on emporte ses cartons lors d’un déménagement.

Avec quoi les fichiers du site travaille

Les questions qu’on se pose

De quoi est composé un site internet ?

D’un ensemble de fichiers rangés sur un serveur : du HTML pour le texte, du CSS pour l’apparence, du JavaScript pour ce qui bouge, et des images. Les informations qui changent souvent sont en général dans une base de données.

Où sont stockés les fichiers d’un site ?

Sur un serveur, c’est-à-dire un ordinateur loué chez un hébergeur et allumé en permanence. Un dossier y est réservé à votre site.

Comment modifier les fichiers de mon site ?

On peut les modifier avec un éditeur de texte puis les copier sur le serveur, ou demander à un assistant IA installé sur le serveur de faire la modification pour vous, en français.

Faut-il sauvegarder les fichiers de son site ?

Oui. Une copie régulière, rangée ailleurs que sur le serveur, permet de tout retrouver en cas de panne ou d’erreur.

Tous les mots du Web

Chez vous

Mon iPhoneLe navigateurL’URLLes cookiesLe cacheLe Wi-FiMa box internetLa fibre optiqueLe terminalSSHLe FTPLes e-mails à votre nom

Le chemin, dehors

L’antenne relais 4G / 5GLe satelliteInternetLe cadenas (HTTPS)Le DNSLe nom de domaineL’adresse IP

Le data center

Le data centerL’hébergeurLa baie de serveursLe serveur (VPS)Le VPS

Dans votre VPS

Le pare-feuLe serveur webLe code (PHP)La base de donnéesL’assistant IALes sauvegardesLe système (Linux)

Les fichiers du site

Les fichiers du siteLe HTMLLes balises HTMLLe CSSLe site responsiveLe JavaScriptLes imagesL’image transparenteLe SVGWordPress et les CMS

Être trouvé sur Google

Le moteur de rechercheLe référencement (SEO)

Les services en ligne (Stripe, Claude…)

L’API