Comment fonctionne un site web
Un site, c’est quoi concrètement ?
Section intitulée « Un site, c’est quoi concrètement ? »Un site web, c’est un ensemble de fichiers (textes, images, code) stockés sur un ordinateur connecté à internet en permanence — appelé serveur. Quand quelqu’un tape une adresse dans son navigateur, le navigateur va chercher ces fichiers sur le serveur et les affiche à l’écran.
Le navigateur (Chrome, Safari, Firefox…) est le logiciel qui “lit” ces fichiers et les transforme en page visuelle. C’est lui qui fait le rendu final.
Le nom de domaine
Section intitulée « Le nom de domaine »C’est l’adresse du site : monentreprise.fr, studio-dupont.com…
- Il se loue chaque année auprès d’un registrar (OVH, Gandi, Namecheap…)
- Il ne contient pas les fichiers du site — il sert juste à indiquer où les chercher
- Le lien entre le nom de domaine et le serveur s’appelle le DNS (comme un annuaire : “monentreprise.fr → serveur situé à telle adresse IP”)
L’hébergement
Section intitulée « L’hébergement »C’est le service qui met le serveur à disposition. Concrètement, on loue de l’espace disque et de la puissance de calcul pour que le site soit accessible 24h/24.
| Type | Pour qui | Exemple |
|---|---|---|
| Mutualisé | Sites vitrines, petits budgets | OVH, PlanetHoster |
| VPS | Sites avec plus de trafic ou besoins spécifiques | Scaleway, Infomaniak |
| Cloud / CDN | Sites statiques, très bonnes perfs | Netlify, Vercel, Cloudflare |
Les éléments d’une page
Section intitulée « Les éléments d’une page »Voici les termes qu’on utilise au quotidien :
| Terme | Ce que c’est |
|---|---|
| Header | En-tête de la page — logo + navigation principale |
| Footer | Pied de page — mentions légales, liens secondaires |
| Nav / Menu | Liens de navigation entre les pages |
| Hero | Grande section d’accroche en haut de la page d’accueil |
| Section | Bloc de contenu thématique dans une page |
| CTA | Call to Action — bouton ou lien qui invite à agir (“Nous contacter”, “Demander un devis”) |
| Sidebar | Colonne latérale (sur un blog, une doc…) |
| Carousel / Slider | Bloc avec des éléments qui défilent |
| Formulaire | Zone de saisie pour envoyer des données (contact, inscription…) |
| Modal / Popin | Fenêtre qui s’ouvre par-dessus la page |
| Favicon | Petite icône affichée dans l’onglet du navigateur |
Front-end et back-end
Section intitulée « Front-end et back-end »- Front-end : tout ce que l’utilisateur voit et avec quoi il interagit — mise en page, couleurs, animations, boutons. C’est le travail du développeur front ou de l’intégrateur.
- Back-end : la partie invisible — la base de données, le serveur, la logique métier. Nécessaire pour les sites dynamiques (e-commerce, espace client, blog avec CMS…).
- Un site statique n’a pas vraiment de back-end : les pages sont des fichiers fixes, servis tels quels. Plus rapide, plus sécurisé, moins coûteux.
HTTP, HTTPS, SSL — c’est quoi ?
Section intitulée « HTTP, HTTPS, SSL — c’est quoi ? »HTTP est le protocole de communication entre le navigateur et le serveur. HTTPS est sa version sécurisée (le “S” = Secure).
Le certificat SSL est ce qui active le HTTPS — il chiffre les données échangées. Sans lui, les navigateurs affichent un avertissement “Site non sécurisé”. Aujourd’hui, il est inclus gratuitement chez la plupart des hébergeurs (Let’s Encrypt).
Le petit cadenas dans la barre d’adresse = HTTPS actif.