Initiez-vous au fonctionnement d’un site web

Founders Editor 21 septembre 2023

Progression du Leçon

0% terminé

Maintenant que vous avez une meilleure idée de ce qu’est WordPress, j’imagine que vous avez hâte de rentrer dans le concret et de créer votre site ! Promis, nous allons y arriver très vite. Cependant, il est important que vous compreniez le fonctionnement d’un site web auparavant.

Comment fonctionne le web ?

Le web fonctionne sur le principe d’échanges décentralisés entre un client (vous, en général, via votre navigateur web) et un serveur qui sert à “servir” des pages web (d’où son nom !).

Pour accéder à un site web, vous rentrez l’adresse d’un site web (dont le nom savant est URL, pour Uniform Resource Locator) dans votre navigateur. Par exemple, vous êtes actuellement sur l’URL : https://openclassrooms.com/fr/courses/5489551-creez-un-site-moderne-et-professionnel-avec-wordpress/5804091-initiez-vous-au-fonctionnement-d-un-site-web

On peut décomposer l’URL en plusieurs parties :

“HTTP”, c’est le nom du protocole de communication entre le client et le serveur, ici : Hypertext Transfer Protocol ; c’est le protocole le plus utilisé permettant d’afficher des pages web (c’est-à-dire de l’hyper text : du texte et des liens vers d’autres pages web). Il en existe d’autres pour d’autres usages, comme FTP (pour File Transfer Protocol), que vous connaissez peut-être et servant, lui, à transférer… des fichiers, bien sûr !
“openclassrooms.com” est le nom de domaine du site web auquel on veut accéder. Le nom de domaine se loue auprès d’un registrar (fournisseur de nom de domaine), c’est ce qui permet d’identifier un site web via un nom simple à mémoriser.
“fr/courses/5489551-creez-un-site-moderne-et-professionnel-avec-wordpress/5804091-initiez-vous-au-fonctionnement-d-un-site-web” est le chemin d’accès à la page spécifique que l’on veut afficher au sein de ce site web.

Comment cela se passe-t-il techniquement ?

Votre navigateur va demander sur le réseau la localisation du site openclassrooms.com. Le réseau va lui répondre sous la forme d’une IP, qui est en gros l’adresse du serveur sur le réseau, et va permettre à la requête d’être acheminée sur le serveur contenant le site web.

Une fois la requête acheminée sur le serveur d’OpenClassrooms, le serveur va regarder le chemin d’accès de la page demandée et la fournir au format HTML.

Le navigateur va enfin interpréter le HTML fourni pour créer la page web telle que vous la voyez sur votre écran !

Bref, pour disposer d’un site web en ligne, il vous faut donc un serveur et un nom de domaine ! Rentrons donc un peu plus dans le détail de ces deux concepts.

Qu’est-ce qu’un hébergement web ?

Pour fonctionner, tout site Internet s’appuie donc sur un serveur.

En général, on loue un serveur auprès d’un hébergeur, mais il est tout à fait possible de créer son propre serveur chez soi. Cela demande en revanche des compétences techniques qui vont largement au-delà de ce que l’on couvrira dans ce cours.

Fonctionnement d’un site Internet

Le serveur stocke les fichiers qui composent le site web et exécute le code contenu dans ces fichiers. Dans le cas de WordPress, il s’agit d’un CMS reposant principalement sur le langage PHP et sur une base de données MySQL.

Le serveur exécute donc le code PHP de WordPress pour récupérer les informations nécessaires en base de données et générer la page au format HTML, lisible par votre navigateur web (Google Chrome, Mozilla Firefox, etc.).

Pour créer votre site WordPress, vous aurez donc besoin d’un hébergement PHP/MySQL.

Deux solutions s’offrent à vous :

Créer un environnement en local.
L’idée est de simuler un serveur sur votre ordinateur grâce à des logiciels comme MAMP ou encore Local by Flywheel. C’est gratuit, mais cela demande un peu de configuration et votre site ne sera pas en ligne, il ne sera accessible que sur votre machine.
Louer un serveur chez un hébergeur.
En vérité, il s’agit souvent de louer un espace sur un serveur et non un serveur entier. Votre site pourra ainsi être accessible au public via Internet, mais ce n’est pas gratuit. Compter quelques euros par mois pour un hébergement d’entrée de gamme.

Qu’est-ce qu’un nom de domaine ?

Une fois installé sur un serveur, vous souhaitez que le public puisse facilement accéder à votre site web. En effet, par défaut, un serveur n’est accessible sur Internet que via son adresse IP. Par exemple, pour Google, c’est 172.217.4.206. Moins simple à retenir que le nom de domaine Google.com !

Le nom de domaine se loue auprès de fournisseurs spécialisés appelés registrar, comme Gandi.net. Cela coûte en général une dizaine d’euros par an, et il faut ensuite configurer ses DNS (Domain Name Server) pour faire pointer son domaine sur son serveur. Pas de panique, nous verrons cela ensemble dans la suite du cours !

À noter aussi qu’un nom de domaine peut se décliner en plusieurs sous-domaines. Par exemple, blog.monsite.com, shop.monsite.com, www.monsite.com sont différents sous-domaines déclinés du nom de domaine “monsite.com” et pouvant pointer vers des sites différents. Vous pouvez créer autant de sous-domaines que vous souhaitez à partir d’un nom de domaine, et surtout, c’est gratuit.

C’est la raison pour laquelle tous les fournisseurs de sites gratuits (WordPress.com, Wix.com, etc.) permettent de créer gratuitement des sites sur un sous-domaine de leur domaine principal. Nous allons d’ailleurs travailler sur un sous-domaine gratuit dans la suite de ce cours, ce qui vous évitera d’acheter un nom de domaine.

En résumé

Une page web est un contenu HTML affiché dans un navigateur et fourni par un serveur selon le protocole HTTP.
L’URL permet d’identifier sur le réseau le serveur à qui demander la page, et la page que l’on souhaite afficher.
Dans le cas d’un site dynamique comme WordPress, la page HTML est générée par du code PHP faisant appel à une base de données.

Après cette introduction théorique, passons à la pratique ! Dans le chapitre suivant, nous verrons ensemble comment choisir son hébergeur et mettre son site WordPress en ligne.

Créez un site moderne avec WordPress 5

Quiz

Participants 574