Comment fonctionne un site internet

Alors, ça y est ? La décision est prise, vous vous lancez dans la formidable aventure de créer votre site internet avec WordPress. C'est une excellente initiative ! Mais avant de plonger tête la première dans le choix d'un thème magnifique ou l'installation de votre première extension, prenons un instant. Juste un instant, pour poser des fondations solides.

Pourquoi ? Parce que vouloir créer un site WordPress sans comprendre comment fonctionne un site internet, c'est un peu comme vouloir décorer sa maison sans jamais avoir vu les plans. On peut vite vouloir accrocher un lustre très lourd sur un simple faux-plafond ou, pire, abattre un mur porteur par erreur ! 

Comprendre ces bases, c'est se donner le pouvoir de ne pas être démuni face à des questions qui arriveront fatalement : "Pourquoi mon site est-il soudainement lent ?", "Où sont réellement stockés mes articles ?", ou "Qu'est-ce que ce charabia de 'certificat SSL' qu'on me demande d'installer ?".

Ce guide est la toute première étape de votre parcours. Il est conçu pour vous, futur créateur de site WordPress, pour transformer la "magie" du web en une mécanique logique et compréhensible. Nous allons soulever le capot, ensemble et sans jargon complexe, pour que vous soyez maître de votre projet, et pas seulement un simple utilisateur.

Prêt(e) à prendre les commandes ? C'est parti !

Les acteurs principaux : le modèle client-serveur

Avant toute chose, il faut comprendre que le web fonctionne sur un modèle simple appelé client-serveur. Pour que ce soit limpide, imaginez que vous êtes dans un restaurant :

• Le Client : C'est vous, ou plus précisément, votre navigateur web (Google Chrome, Firefox, Safari...). C'est lui qui est "actif" et qui fait une demande : "Bonjour, je voudrais consulter la page d'accueil de ce site, s'il vous plaît !".
• Le Serveur : C'est la cuisine du restaurant. Il s'agit d'un ordinateur puissant, connecté à Internet 24h/24, qui est "passif". Il attend patiemment les commandes (les requêtes) des clients. Son rôle est de stocker tous les fichiers et données d'un site web et de les "servir" lorsqu'un client les demande.

Toute interaction sur le web est donc un dialogue entre un client et un serveur. Mais pour que ce dialogue puisse commencer, le client doit d'abord trouver l'adresse exacte du serveur. Et ce n'est pas aussi simple qu'il y paraît !

Le début du voyage : trouver le bon interlocuteur (nom de domaine, DNS et adresse IP)

Chaque serveur connecté à Internet possède une adresse unique, un peu comme un numéro de téléphone, appelée adresse IP (Internet Protocol). C'est une suite de chiffres comme 172.67.174.179.

Évidemment, il serait impossible de mémoriser ces suites de chiffres pour chaque site que nous voulons visiter. C'est là qu'intervient le nom de domaine (par exemple, votresite.com ou ici dix9.com), une adresse textuelle bien plus facile à retenir pour nous, les humains.

Mais alors, comment le navigateur fait-il le lien entre le nom de domaine que vous tapez et l'adresse IP du serveur ? Grâce au DNS (Domain Name System).

Le DNS : l'annuaire téléphonique d'internet

Le DNS est un système mondial qui agit comme un gigantesque annuaire téléphonique. Lorsque vous tapez www.dix9.com dans votre navigateur, une requête DNS est lancée en arrière-plan. 

De manière simplifiée, voici ce qui se passe :

1. Votre navigateur demande à un résolveur DNS (souvent celui de votre fournisseur d'accès) : "Quelle est l'adresse IP de www.dix9.com ?".
2. Si le résolveur ne connaît pas la réponse, il va interroger d'autres serveurs DNS, un peu comme on remonterait une chaîne hiérarchique.
3. Finalement, il trouve le serveur de noms faisant autorité pour dix9.com, qui lui donne la réponse tant attendue : l'adresse IP est X.X.X.X.
4. Le résolveur transmet cette adresse IP à votre navigateur.

Et voilà ! Votre navigateur sait maintenant à quelle porte frapper. Il peut commencer la conversation avec le serveur.

Ce processus, qui semble complexe, ne prend que quelques millisecondes ! De plus, votre navigateur et votre ordinateur gardent en mémoire (en "cache") les adresses IP des sites que vous visitez souvent pour ne pas avoir à refaire toute la recherche à chaque fois. Malin, non ?

La conversation : parler le bon langage (HTTP et HTTPS)

Maintenant que le client (votre navigateur) connaît l'adresse du serveur, ils doivent se parler dans un langage commun. Ce langage s'appelle le protocole HTTP (HyperText Transfer Protocol). C'est un ensemble de règles qui définit comment les requêtes du client et les réponses du serveur doivent être formatées.

Cependant, le protocole HTTP standard a un gros défaut : il n'est pas sécurisé. Les données sont échangées "en clair". C'est comme envoyer une carte postale : si quelqu'un l'intercepte, il peut lire tout ce qui est écrit dessus (mots de passe, informations bancaires...).

C'est pourquoi a été créé le HTTPS (HyperText Transfer Protocol Secure).

HTTPS, c'est simplement du HTTP avec une couche de sécurité supplémentaire fournie par le protocole TLS (Transport Layer Security), le successeur du SSL. Le TLS crypte la communication entre votre navigateur et le serveur. C'est comme mettre votre carte postale dans une enveloppe scellée et codée : même si quelqu'un l'intercepte, il ne pourra pas la lire.

Aujourd'hui, utiliser HTTPS est absolument indispensable. C'est un gage de confiance pour vos visiteurs (le petit cadenas dans la barre d'adresse) et un critère de classement pour Google.

Dans l'atelier du serveur : la préparation de la page (PHP et bases de données SQL)

Une fois que le serveur reçoit la requête HTTPS de votre navigateur, il se met au travail. Pour un site dynamique comme un site WordPress, il ne se contente pas d'envoyer un fichier déjà prêt. Non, il va construire la page à la volée, sur mesure. 

Pour cela, il utilise principalement deux technologies :

• PHP (Hypertext Preprocessor) : C'est un langage de programmation qui s'exécute côté serveur. C'est le "chef cuisinier". WordPress est presque entièrement écrit en PHP. Quand vous demandez à voir un article, ce sont des scripts PHP qui vont s'exécuter pour assembler tous les éléments de la page : l'en-tête, le pied de page, le contenu de l'article, etc.
• La Base de Données (et SQL) : Mais où se trouve le contenu de l'article ? Il n'est pas dans un fichier PHP. Il est stocké dans une base de données, qui est un système de stockage d'informations super organisé. Pour WordPress, il s'agit généralement d'une base de données MySQL. C'est le "garde-manger" du site. Pour communiquer avec ce garde-manger, PHP utilise un langage spécifique : le SQL (Structured Query Language). Il va envoyer une requête SQL comme : SELECT titre, contenu FROM articles WHERE id=123; pour récupérer le titre et le contenu de l'article que vous avez demandé.

Une fois que PHP a récupéré toutes les informations nécessaires depuis la base de données, il les assemble dans un format que le navigateur peut comprendre : le HTML.

Sur la toile du navigateur : l'affichage de la page (HTML, CSS et JavaScript)

Le serveur a fini son travail. Il envoie sa réponse au client (votre navigateur). Cette réponse contient principalement trois types de fichiers que le navigateur va interpréter pour afficher la page, un peu comme un kit de montage.

HTML : la structure de la page

Le HTML (HyperText Markup Language) est le langage de balisage standard pour créer des pages web. Il constitue le squelette de la page. Il utilise des balises pour définir les différents éléments : <h1> pour le titre principal, <p> pour un paragraphe, <img> pour une image, <a> pour un lien, etc. 

Le navigateur lit ce code pour comprendre la structure du contenu.

CSS : le style et l'apparence

Le CSS (Cascading Style Sheets) est le langage utilisé pour décrire la présentation d'un document HTML. C'est lui qui s'occupe des vêtements et de la décoration de la page : les couleurs, les polices de caractères, les marges, le positionnement des éléments... 

Le CSS permet de séparer la structure (HTML) du style, ce qui rend le code plus propre et plus facile à maintenir.

JavaScript : l'interactivité et le dynamisme

Le JavaScript (JS) est un langage de programmation qui s'exécute côté client (dans le navigateur). Si HTML est le squelette et CSS les vêtements, JavaScript est le système nerveux qui donne vie à la page en y ajoutant de l'interactivité.

Et là, attention ! Contrairement à une idée reçue qui a la vie dure, JavaScript est absolument fondamental pour le web moderne et pour WordPress. Il est responsable de presque toutes les fonctionnalités dynamiques que vous utilisez au quotidien :

• Les menus déroulants interactifs.
• Les diaporamas d'images (sliders) et les galeries.
• La validation des formulaires en temps réel (par exemple, le message "Ce mot de passe est trop court" qui apparaît instantanément).
• Le chargement de nouveau contenu sans recharger la page (comme les fils d'actualité infinis sur les réseaux sociaux).

Dans WordPress, l'éditeur de blocs (Gutenberg) que vous utilisez pour écrire vos articles est une application JavaScript complexe. L'outil de personnalisation des thèmes, de nombreux plugins et les effets visuels des thèmes modernes reposent tous massivement sur JavaScript. L'ignorer, c'est passer à côté de ce qui rend le web d'aujourd'hui si riche !

Le chef d'orchestre : comment WordPress fait travailler tout le monde ensemble

Vous comprenez maintenant les rôles de chaque technologie. WordPress, en tant que CMS (Content Management System), ou Système de Gestion de Contenu, agit comme un chef d'orchestre qui simplifie et automatise toute cette complexité pour vous.

Lorsque vous installez WordPress, vous mettez en place :

1. Un ensemble de fichiers PHP sur votre serveur.
2. Une base de données MySQL pour stocker votre contenu.

Ensuite, grâce à une interface d'administration conviviale, vous pouvez :

• Écrire un article (qui sera stocké dans la base de données).
• Choisir un thème, qui est un ensemble de fichiers (PHP, CSS, JS) définissant l'apparence de votre site.
• Ajouter des extensions (plugins), qui sont des bouts de code (souvent PHP et JS) qui ajoutent de nouvelles fonctionnalités.

Lorsque quelqu'un visite votre site, WordPress utilise ses fichiers PHP pour interroger la base de données SQL, récupère le contenu, l'insère dans les modèles de votre thème, et génère une page HTML finale, stylisée avec du CSS et rendue interactive avec du JavaScript.

Vous n'avez pas besoin de coder tout cela vous-même. WordPress s'en charge pour vous, vous permettant de vous concentrer sur ce qui compte le plus : la création de contenu de qualité.

Conclusion

Nous avons parcouru un long chemin, du simple clic dans votre navigateur jusqu'aux rouages internes d'un serveur et de WordPress. Vous savez maintenant qu'un site internet est le fruit d'une collaboration harmonieuse entre de nombreuses technologies : le modèle client-serveur pour le dialogue, le DNS pour l'orientation, HTTPS pour la sécurité, PHP et SQL pour la préparation côté serveur, et enfin HTML, CSS et JavaScript pour l'affichage et l'interactivité côté client.

Avoir cette compréhension fondamentale est un atout précieux. Cela vous aidera à mieux diagnostiquer les problèmes, à faire des choix plus éclairés et à mieux dialoguer avec des professionnels du web.

Maintenant que vous maîtrisez la théorie, il est temps de passer à la pratique. Dans notre prochain article, nous verrons ensemble, étape par étape, comment installer WordPress sur un serveur.