Leçon 13Les technologies des sites Web

Notion 77

Page web statique et page web dynamique : quelles sont les différences ?

Compétences ciblées

Découvrez ce que sont les sites web statiques et dynamiques.

Comme nous l'avons vu précédemment, le world wide web n'a cessé de s'élargir depuis sa création en 1989 par Tim Berners-Lee et depuis la mise en ligne du premier site web en 1991. En mai 2022, le nombre de sites en ligne serait de près de 2 milliards. 400 millions de ces sites seraient actifs, ce qui signifie que 80 % de tous les sites web dans le monde semblent inactifs. Le nombre de pages web est estimé à 4,2 milliards.
Il existe différents types de pages web en ligne. Nous nous concentrerons ici sur deux catégories : les pages statiques et les pages dynamiques.

Avant de définir une page web statique et dynamique, quelques définitions peuvent être utiles : serveur web et base de données.

Serveur web

Un serveur web est un système (logiciel ou ordinateur) qui fournit des services basés sur le web tels que le stockage des fichiers qui composent un site web (contenu, images, feuilles de style, etc.) et leur envoi au dispositif de l'utilisateur lorsqu'il visite une page web. En d'autres termes, un serveur web accepte les demandes d'informations et envoie le fichier requis à un utilisateur.

Base de données

Une base de données est une collection de données qui sont organisées, stockées et accessibles à partir d'un système informatique lorsqu'une demande est envoyée. La base de données traitera, gérera, organisera et fournira l'accès aux données qui sont pertinentes pour cette demande spécifique.

Page web statique

Une page web statique n'est pas une page sans mouvement ni animation, mais une page qui s'affiche exactement comme elle a été écrite, configurée et stockée (non générée) sur un serveur web. Cela signifie que, lorsqu'un utilisateur visite une page web statique ou interagit avec elle (en cliquant sur un bouton par exemple), toutes les informations nécessaires pour réaliser cette interaction ont été incluses et programmées dans le code de la page depuis la première mise en ligne (ou la dernière mise à jour) du site. Le contenu de la page ne change pas tant que le code lui-même n'est pas modifié, et il est le même pour chaque utilisateur.

Page web dynamique

Une page web dynamique est une page web dont le contenu est généré contextuellement sur le serveur, en fonction de la demande de l'utilisateur. Cela signifie que, lorsqu'un utilisateur visite une page web dynamique ou interagit avec elle, le résultat final qu'il voit a été "calculé" à la demande, à ce moment précis, en "appelant" le serveur web et une base de données. Le contenu de la page web n'est pas le même pour tous les utilisateurs et change en fonction de plusieurs facteurs : la demande de l'utilisateur, son profil, sa localisation, son fuseau horaire, la langue utilisée, etc. mais aussi les mises à jour et les modifications apportées à la base de données.

Statique et dynamique : les différences

Un site web peut avoir des pages statiques et dynamiques selon la fonction de la page : pour les réseaux sociaux par exemple, les pages "A propos de nous", "Nos missions/équipe" ou "Contactez-nous" sont généralement des pages statiques, alors que la page d'accueil, les pages de blog/posts ou les pages de flux sont des pages dynamiques.

Voici les grands principes et les phases de développement et d'utilisation pour les deux types de pages web :

Pages web statiques

Pages Web dynamiques

Lequel est le meilleur ?

On dit généralement que le choix du meilleur type de site Web dépend de ce que l'on attend du futur site (fonction, design, etc.). Cependant, il faut garder à l'esprit qu'il est lié aux tendances actuelles de l'internet. Ces grandes tendances sont loin de s'inscrire dans une démarche d'éco-conception : ce sont des logiques appliquées par les grandes entreprises du web comme les Big Five (Google, Apple, Amazon, Meta (Facebook) et Microsoft), qui sont des entreprises aux activités polluantes. Avant tout, vous devez considérer cette question en adoptant une démarche d'éco-conception. C'est ce que nous allons faire dans cette leçon.