Vent Solaire - Agence web

Fonctionnement d'un site web

Comment fonctionne un site web ? Quels sont les avantages respectifs d'un site statique et d'un site dynamique ? Éléments de réponse…

Le Web est un système client-serveur dont le fonctionnement s'apparente à des relations client-fournisseur. L'ordinateur personnel, doté de son logiciel de navigation (Internet Explorer, Firefox…), joue le rôle du client. Les ordinateurs distants sur lesquels sont hébergés les sites web sont des serveurs. Clients et serveurs, connectés au réseau Internet, communiquent entre eux.

Présentationd'un serveur et de clients dans l'environnement internet, transmission au serveur d'une requête au serveur, réponse au client par envoi de la page HTML.

Lorsque l'on saisit l'adresse d'un site web - appelée URL - dans son navigateur ou que l'on clique sur un lien hypertexte, le navigateur envoie une requête au serveur qui va la traiter et lui renvoyer via Internet les données demandées (page web, image, vidéo…). Le navigateur interprète les données reçues et les affiche à l'écran.

Un site web est un ensemble de pages organisées en structure hiérarchique, disponible sur un serveur. Il peut être construit avec des pages statiques, des pages dynamiques ou un assemblage des deux.

Les pages statiques sont adéquates pour présenter une information pérenne, alors que les pages dynamiques se justifient quand des modifications fréquentes doivent être effectuées, typiquement mensuelles, hebdomadaires ou quotidiennes. Pour des modifications annuelles ou semestrielles, les pages statiques sont préférables car, étant plus durables, elles peuvent être mieux positionnées en référencement naturel sur les moteurs de recherche.

Exemple de pages statiques : présentation d'une société ou d'un organisme, page de contact, présentation d'un produit ou d'un service, conditions générales de vente…

Exemple de pages dynamiques : les news, les annonces de recrutement, la liste des points de vente, un blog, les pages produits d'un site marchand.

Les pages statiques requièrent des compétences de spécialiste car elles sont "traduites" en langage web. Elles sont écrites en HTML ou XHTML et mises en forme à l'aide de feuilles de style CSS pour la disposition des contenus (titres, blocs de texte, images…). De plus, elles doivent être conformes aux normes de référence, par exemple XHTML 1.0, CSS 2, et validées.

Page web et sa transcription simplifiée en langage XHTML (code source).

Dans une même norme de langage HTML ou XHTML, les syntaxes strict ou transitional, plus permissive, sont possibles, mais cela a une influence sur l'accessibilité de la page et sur sa rapidité d'affichage dans le navigateur. Si la page n'est pas valide, le navigateur bascule en mode quirks, peu accessible et beaucoup plus lent, car le temps d'analyse de la page par le navigateur est plus long.

Pour toutes ces raisons, les sites statiques sont généralement mis à jour par une agence web.

Les pages dynamiques, vues de l'utilisateur, ne sont pas différentes des pages statiques. Cependant le mécanisme de transmission, plus complexe, est réalisé en deux temps. A partir de la demande du client, le serveur interroge une base de données, récupère les données souhaitées, construit la page, la retranscrit en HTML, puis la renvoie au client.

Présentation d'une page dynamique : requête client transmise au serveur, interrogation de la base de données, récupération des données et construction de la page HTML, renvoi au client.

Par contre, une fois la mise en page créée par l'agence web, la mise à jour des données, très simple, se fait dans un espace privé appelé back-office mis à la disposition du client, qui bénéficie alors d'une autonomie complète pour sa gestion quotidienne.

Site web dynamique : le front-office est visible par les internautes, le back-office, accessible par login et mot de passe, est réservé à l'administrateur du site.

A partir d'un simple accès Internet, le client peut créer, mettre à jour, supprimer ses données au moyen d'un formulaire qui alimentera la base de données. Les données peuvent être un article, une petite annonce, un produit ou une famille de produits de site marchand…

Un formulaire de page dynamique est facile à créer ou à modifier grâce à des champs prédéfinis.

Tweeter