Client-serveur : mise en ligne d'un site web
Alice souhaite mettre en ligne un petit site web personnel qui sera hébergé chez son fournisseur d'accès à Internet. Son site sera composé d'une seule page. Voilà ci-dessous les grandes étapes pour y parvenir.
- Alice ouvre un éditeur de texte puis écrit son texte structuré grâce au langage HTML.
- Elle indique aussi la mise en forme grâce au langage CSS.
- Elle dispose de deux fichiers : un HTML (texte structuré) et un CSS ( mise en forme).
- Elle envoie une copie - via Internet - de ces deux fichiers sur son serveur http hébergé par son fournisseur d'accès à Internet.
- Bob peut consulter le site d'Alice : le navigateur de Bob récupère simplement une copie des deux fichiers HTML et CSS auprès du serveur http pour afficher le texte d'Alice
Remarque : le mot "serveur" désigne un logiciel mais, par extension, ce mot désigne aussi l'ordinateur sur lequel est installé le logiciel.
Client-serveur : affichage d'une page web et requêtes http
L'expression "requête HTTP au serveur HTTP" ne doit pas vous effrayer. Vous pouvez le comprendre comme "demande à l'ordinateur du site web de récupérer tel ou tel fichier", même si cette formulation est un peu plus approximative.
Voyons ce qui se passe lorsque Bob demande une page web à son navigateur. Pour cet exemple nous supposerons que la page HTML consultée contient une seule image JPEG et possède l'URL http://www.superalice.com/superpage.html.
- Bob saisit l'URL de la page dans la barre d'adresse de son navigateur puis valide l'adresse.
- Le navigateur de Bob envoie une requête au serveur HTTP du domaine www.superalice.com
- Le serveur HTTP lui renvoie le fichier HTML superpage.html
- Le navigateur lit dans ce fichier HTML qu'il y a deux liens hypertexte : un vers le fichier CSS associé et l'autre vers l'image JPEG
- Le navigateur effectue une seconde requête HTTP afin de récupérer le fichier CSS.
- Puis une troisième requête HTTP afin de récupérer l'image JPEG.
- Le navigateur a les trois fichiers nécessaires : il peut afficher la page superpage.html.
Il y a donc trois requêtes d'effectuées :
-
une première requête d'un fichier HTML dont le contenu HTML indique au navigateur qu'il y a besoin de deux fichiers supplémentaires,
-
une requête supplémentaire pour obtenir le fichier CSS,
-
une requête supplémentaire pour obtenir le fichier JPEG.
Ce lien entre le fichier HTML de départ et les deux autres fichiers est effectué grâce à des hyperliens situés dans le fichier HTML de départ. C'est donc le principe de l'hypertexte qui est utilisé pour mélanger différents contenus qui vont conduire au document final.