Bric à Brac informatique logo

Comment n'avoir qu'un seul fichier à modifier pour modifier l'en-tête
de l'ensemble des pages d'un site web

Mise en situation :
Vous avez créé votre site en HTML.
Chaque page de ce site a le même en-tête.
Si pour une raison ou une autre vous devez effectuer une modification sur cet en-tête commun, il vous faudra intervenir sur chaque page html qui compose le site.
Il existe une solution consistant à enregistrer toutes vos pages en .php

Le PHP est un langage de scripts libre.
A la différence du code de langage javascript exécuté côté client, le code du langage PHP est exécuté côté serveur. Le contenu est généré au moment de l'appel de la page, puis il est collé dans la page HTML contenant le code d'appel, puis cette page est renvoyée au navigateur.

Des informations peuvent être extraites d'une base de données, ou récupérées d'un formulaire. Ceci permet de produire des pages web dites dynamiques par opposition aux pages web dites statiques. Langage PHP et à utiliser une des instructions de ce langage, l'instruction include.
Et ceci même si vous êtes un débutant et que vous ne connaissez pas le langage PHP.

Mode opératoire par l'exemple

Dans un simple éditeur de texte saisir (ou copier) la partie commune de tous vos fichiers html, (dans ce document l'en-tête est pris comme exemple)
Enregistrer ces données dans un fichier avec l'extension .php, par exemple sous le nom entete.php
Insérer la commande <?php include("entete.php");?>
directement après la balise <body> dans tous les fichiers ayant le même en-tête (puisqu'il s'agit de faire afficher l'en-tête du document)
Notes :
- entete.php puisque c'est le nom qui a été donné comme exemple dans ce document;
- après la balise <body> puisqu'il s'agit de faire afficher un en-tête.
ATTENTION, bien respecter la syntaxe !
Enregistrer tous les fichiers contenant la fonction include avec l'extension .php (et non plus .html)
Résultat : pour chaque page html vous n'avez qu'une seule ligne de code à saisir pour obtenir le même en-tête à tous vos fichiers.

A SAVOIR

Utilité du PHP. Il permet d'enregistrer des données dans des fichiers disponibles sur le disque dur du serveur hébergeant votre site.
Principe du langage php : Un fichier php disponible sur le serveur hébergeant votre site peut être appelé dans un autre fichier à l'aide d'une instruction donnée.
L'instruction PHP donnée est envoyée sur le serveur. Celui-ci exécute l'instruction et renvoie le résultat de cette exécution sur le fichier à l'origine de cette demande.
PHP génère alors du code html.
<?php include("entete.php");?>est l'instruction PHP qui permet d'appeler le fichier entete.php (le nom donné comme exemple dans ce document) et de coller son contenu dans chacun des fichiers contenant cette instruction.
Le php utilise des balises. celles-ci sont différentes de celles du langage html.
Une balise php vide se présente ainsi <? php ... ?>
Ne pas oublier : chaque instruction se termine par un point-virgule.
TRÈS IMPORTANT : tous les fichiers contenant du code PHP doivent obligatoirement être enregistrés avec l'extension .php.
Le grand avantage : le contenu du fichier entete.php enregistré une fois pour toutes est remplacé par une seule ligne de code
L'inconvénient : l'affichage du fichier contenant des commandes php peut être parfois plus lent à s'afficher avec certains serveurs.
Exemple du fichier entete.php enregistré sur le serveur qui est appelé pour afficher l'en-tête de la page bluegriffon.php :

<div id="new_entete"><img src="Images/bric_a_brac.png"> Bric à Brac informatique  <img alt="logo" src="Images/bric_a_brac_bis.png">
    </div>
    <div id="menu">
      <ul id="menuH">
        <li><a href="Details/plan_site.php">Plan du site</a> </li>
        <li><a href="site_famille/index.php">Accès privé </a></li>
        <li><a href="Details/actualites.php">Actualités du site </a> </li>
        <li><a href="Details/contacts.php">Contacts</a> </li>
        <li><a href="index.php">Sommaire </a> </li>
      </ul>
    </div>

Si vous souhaitez approfondir cette fonction includedu php, voici un excellent tuto du site Alsacreations. Merci à ses concepteurs :

http://www.alsacreations.com/tuto/lire/579-Inclure-un-fichier-dans-un-autre-grace-a-PHP.html

Et si vous souhaitez en savoir plus et travailler avec le php, voici un lien sur le site de openclassrooms (ancien site du Zero) très, très riche en informations. Merci à son concepteur.

http://fr.openclassrooms.com/informatique/cours/concevez-votre-site-web-avec-php-et-mysql#part_14666

Mise à jour le 01/03/17