HC Hervé Chappert 1

Sommaire
Chapitre : Fonctionnement des sites Web
Partie : Introduction

A. Fonctionnement

B. Les CMS

HC Création de Sites Web / Introduction 2

 A – Fonctionnement

Les sites Web que nous visitons sont hébergés par des serveurs Web.

Pour « aller » sur un site Web (Visiter, surfer, butiner, etc..), nous utilisons un
navigateur Web.

Ce mode de fonctionnement est appelé mode « Client-Serveur ».

HC Création de Sites Web / Introduction / A - Fonctionnement 3

Les sites Web peuvent être :
1. Statiques
2. Dynamiques

Un site Web statique (sur lequel il peut y avoir des animations) est un site Web
qui est toujours affiché de la même façon. Les pages peuvent avoir du contenu
multimédia mais sont présentées comme elles ont été conçues.

Ø Un site Web statique affiche les mêmes pages quelque soit l’utilisateur.

HC Création de Sites Web / Introduction / A - Fonctionnement 4

Un site Web dynamique permet de présenter des pages en fonction des choix du
visiteur. Les pages sont construites « à la volée » avec des informations
provenant d’une base de données.

Ø Un site Web dynamique affiche des pages différentes en fonction des

utilisateurs. Son fonctionnement est fortement lié à une base de données.

HC Création de Sites Web / Introduction / A - Fonctionnement 5

Que l’on visite un site Statique ou dynamique :

Ø Notre navigateur fait la mise en forme à On remarque que certains sites

s’affichent différemment selon le navigateur

Ø Le code permettant d’afficher la page est envoyé à notre navigateur à On

peut donc voir comment sont écrits les sites web que l’on visite

Ø Le code que l’on reçoit sur notre ordinateur est écrit en HTML et en CSS à
C’est grâce à ces deux langages que l’on pourra « construire » les pages Web

HC Création de Sites Web / Introduction / A - Fonctionnement 6

Par exemple, si vous allez sur le site www.isem-online.fr :

Si vous faites « bouton droit » sur la page et « afficher le code source » … Vous
obtenez le fichier avec le code envoyé par le serveur. C’est votre navigateur qui a
exécuté ces ordres et affiché la page …

HC Création de Sites Web / Introduction / A - Fonctionnement 7

On comprend que la qualité du client (le navigateur) est très importante dans le
mode Client-Serveur.

En effet, un navigateur lent, qui n’exécute pas bien les commandes, qui n’affiche
pas les images aux bons endroits, … , peut avoir une influence très négative sur
l’expérience du visiteur de votre site Web.

Il faut donc tester son site Web pour tous les navigateurs et essayer de le rendre
« compatible » avec tous les navigateurs.

Les langages utilisés pour les sites Web, principalement le HTML et le CSS, sont
normalisés par le World Wide Web Consortium (W3c).

Tous les navigateurs devraient donc exécuter les ordres de la même façon …
Malheureusement, si un éditeur ne respecte pas exactement la norme, il n’y a
pas de sanctions… C’est donc au créateur du site Web de gérer les spécificités de
chaque navigateur

HC Création de Sites Web / Introduction / A - Fonctionnement 8

 B – Les CMS

On peut aussi créer un site Web, sans aucune connaissance du HTML ou du CSS,
mais cela pose ensuite des problèmes pour le référencement naturel. Cela ne
permet pas non plus de créer exactement le site voulu.

Par contre cela peut être pratique pour mettre à jour un site Web sans aucune
connaissance.

Ces sites sont créés avec des Systèmes de Gestion de Contenu (CMS – Content
Management System).

HC Création de Sites Web / Introduction / B – Les CMS 9

On va donc construire le site avec les modèles proposés par le CMS.
La mise à jour se fait ensuite très simplement via une interface d’administration
(Back Office).
Pour mettre à jour, il n’y a pas besoin de connaitre les langages du Web mais la
création et l’administration même à travers l’interface de gestion demandent des
bases en HTML et en CSS.

HC Création de Sites Web / Introduction / B – Les CMS 10

HC Hervé Chappert 11
 Creative Commons:

• Attribution
• Pas d’Utilisation Commerciale
• Pas de Modification

Under the following terms:

Attribution — You must give appropriate credit, provide a link to the

license, and indicate if changes were made. You may do so in any
reasonable manner, but not in any way that suggests the licensor endorses
you or your use.

NonCommercial — You may not use the material for commercial purposes.

NoDerivatives — If you remix, transform, or build upon the material, you

may not distribute the modified material.