Différence entre les pages statiques et dynamiques d’un site web

La différenciation entre une page statique et une page dynamique ne se fait pas sur leur affichage à l’écran à travers le navigateur, mais sur leur particularité de création avant de s’afficher.

Rappel : une page Web est un fichier texte qui est mise en forme visuellement par le navigateur Web.

Qu’est-ce qu’une page Web statique (page statique)

En simplifiant, disons qu’une page Web statique est une page Web dont la machine (le serveur Web, l’ordinateur) sur laquelle celle-ci est stockée, ne fait aucun effort pour la créer lorsque celle-ci est demandée par la machine qui veut l’affichée à travers son navigateur Web.

On dit alors que le serveur reste statique pour la création de la page Internet (il ne fait rien pour créer la page Web).

Les pages statiques impliquent donc que celles-ci doivent déjà exister sur la machine (le serveur Web, l’ordinateur), avant que l’on en face la demande d’affichage. Ces pages web dites statiques en générale sont créées par un Webmaster. La page Web statique a aussi une autre particularité, l’intégralité du code qui la compose va être interprété, compris directement par le navigateur, on dit que le code de la page programmée est équivalent au code de la page affichée (page programmée = page affichée).

Les pages dites statiques portent en générale l’extension .html ou .htm.

Rmq : les sites Internet fait intégralement de pages web statiques sont de nos jours très rares dû à l’évolution et des besoins des utilisateurs et du Web.

Circuit d’une page Web statique

Circuit d'une page Web statique
Circuit d’une page Web statique

Qu’est-ce qu’une page Web dynamique (page dynamique)

Une page Web dynamique, est une page Web qui n’existe pas en tant que telle sur la machine (le serveur Web) mais qui est créée seulement lors de sa demande par la machine, l’ordinateur qui veut l’affichée à travers son navigateur web.

On dit alors que le serveur créé dynamiquement la page Internet à la demande (il met tout en œuvre pour créer la page Web).

Pour créer la page Web dynamique, bien souvent le serveur Web (l’ordinateur) utilise toute une mécanique de construction pour pouvoir créer la page. Exemples (si le langage PHP est choisi) : Pour construire la page Web on peut recourir à l’utilisations de plusieurs scripts PHP (si on construit notre site Internet selon le modèle M.V.C. (Modèle Vue Contrôleur), mais aussi recourir à l’utilisation d’une base de données dans laquelle est stockée les texte, …

Rmq : Bien souvent la mécanique de construction des pages Web pour la création de site Internet est un CMS. Les plus connus étant WordPress, Joomla, Drupal, PrestaShop, …

Contrairement à une page Web statique, la page Web créée dynamiquement ne contiendra donc pas toutes les caractéristiques techniques (langages de programmations, …) qui ont servi à sa création. La page Web créée ne contiendra donc que les caractéristiques (langages de programmation + texte) que le navigateur Web sera capable d’interpréter (comprendre) pour que celle-ci puisse être affichée par celui-ci. On dit aussi que ces pages Web sont sécurisées car les données, informations qu’elles contiennent ne sont que celles que l’on veut transmettre lors de leur affichage au travers du navigateur.

Les pages dites dynamiques portent ben souvent l’extension .PHP, .ASPX ou d’autres encore.

Rmq : Pour comprendre facilement pourquoi à ton besoin de créer des pages Web seulement lors de leur demande (leur appelle), il est simple de le comprendre avec la demande d’afficher une page d’un produit telle une voiture en fonction d’un choix d’options sélectionnés telles que la couleur, le choix du moteur, … mais encore l’affichage d’une page d’un produit tel qu’un pull avec son choix de taille, couleur, matière, … On dit que l’internaute, en fonction des « paramètres » (sélections réalisées, …) fait générer au serveur Web la page Web.

Rappel important : Les pages dynamiques sont dites pages sécurisées car on ne peut jamais (à partir du navigateur) voir le(s) code(s) de construction de la page Internet, mais seulement le code source de la page Internet générée (code source visible depuis le navigateur).

Circuit d’une page Web Dynamique

Circuit d'une page Web dynamique
Circuit d’une page Web dynamique

Rmq 1 : La lecture de l’extension de la page sur un navigateur n’est pas une indication suffisante pour savoir si notre pages web est statique ou dynamique. Il existe des possibilités par exemple à partir du serveur de déclencher la réécriture des adresses des pages Internet. Il faut donc avant tout retenir qu’il existe deux types de pages web, et savoir comment soi-même les utiliser.

Rmq 2 ; Il existe aussi des possibilités de masquage d’extension ou de remplacement d’extension une fois les pages web placées sur le serveur web (hostinghébergeur).

Rmq 3 : Beaucoup de développeurs pensent que créer des pages avec l’extension .PHP est beaucoup mieux que celle portant l’extension .HTML. Ce sont des idées préconçues, car cela dépend totalement de l’efficacité recherchée et non de la qualité du code utilisé, rappel : une page Web statique ne demande qu’à être affichée, tandis qu’une page Web dynamique va demander au serveur Web un travail de création (quel qu’il soit) avant d’être envoyée pour être affichée.
Se rappeler aussi qu’au final, une page Web est un fichier texte mise ne forme visuellement par un navigateur et ceci quel que soit son extension une fois affichée.

Notion de client – serveur

La machine (l’ordinateur) sur laquelle est stockée ou par laquelle est créée une page Web en ligne ou sur un réseau est appelée Serveur.

Rmq : un Serveur c’est un ordinateur qui répond à des caractéristiques d’utilisation bien spécifiques.

La machine (l’ordinateur) par laquelle est visualisée à travers le navigateur la page Web est appelée machine du client (en abrégé on dit client).

On parle donc de relation ClientServeur.

Client - Serveur
Client – Serveur

Différence entre une page Web statique (HTML) et page Web dynamique (PHP)

Page Internet statique
Page Internet dynamique
Différence entre une page Internet statique et une page Internet dynamique

Une page statique est affichée tel quelle à l’écran par le Navigateur, tandis que pour une page dynamique le Serveur Web doit la générer pour qu’elle puisse existée et être affichée à l’écran par le Navigateur.

Formations Photoshop
Apprenez les techniques de la retouche photo avec Photoshop
Apprenez les techniques de la retouche photo avec Photoshop
Infos et inscription : Formation Photoshop
Formation Illustrator
Apprenez à créer des illustrations graphiques pour l’impression ou le Web avec Illustrator
Apprenez à créer des illustrations graphiques pour l’impression ou le Web avec Illustrator
Infos et inscription : Formation Illustrator
Formation InDesign
Acquérir les bases pour bien mettre en page vos  documents avec InDesign
Acquérir les bases pour bien mettre en page vos documents avec InDesign
Infos et inscription : Formation InDesign
Formation WordPress
Créer son site Web, son site vitrine, son Blog avec WordPress
Créer son site Web, son site vitrine, son Blog avec WordPress
Infos et inscription : Formation WordPress - Création d’un site Internet