Faire son site et le publier

Kompozer et CSS

Faire un Menu modifiable, inclus dans chaque page avec PHP

Il est possible et facile avec Kompozer de réaliser un menu modifiable, incorporé à toutes les pages du site.
Cette technique fait appel à l'insertion d'un bout de code PHP, l'instruction include.
Il faut que le serveur hébergeant le site accepte le PHP

1 -  Créer le fichier menuinc.html

Ce fichier ne doit contenir que la portion du code html correspondant au menu et rien d'autre.
En effet, cette "page" n'a besoin ni du doctype, ni des en-têtes habituels, puisqu'il ne va servir qu'à insérer un peu de html à l'intérieur de notre page déjà existante, qui elle, contient déjà doctype, en-têtes etc... Inutile de les doubler!
On va se servir pour créer cette "page" de NotePad++.

Copier dans le presse papier le code html du menu  Copier le code du menu dans le presse papier
Coller ce code sur un nouveau document  de NotePad++
              Coller dans NotePad++ le contenu du presse papiers                    
Enregistrer ce document

Comme ce fichier ne contient pas de php, il est possible de ne pas lui attribuer l'extension .php mais c'est quand même conseillé pour éviter les erreurs.

2 - Inclure dans chaque page l'instruction include

insérer PHP
Etiquette jaune PHP à la place du menu           Enregistrer sous en php          les fichiers .php dans le gestionnaire

Faire de même pour toutes les pages du site devant contenir le menu
Dans le code source on voit : <?php include("menuinc.html");?>
Si certaines pages se trouvent non pas à la racine mais dans des dossiers il faut modifier le chemin pour remonter d'un niveau de dossier en ajoutant ../ devant menuinc, ce qui donnera l'instruction à écrire dans la fenêtre "Insérer du code PHP": include("../menuinc.php");
Supprimer les anciens fichiers .html

3 - Corriger le code du menucode du menu modifié

A partir de maintenant toute modification du menu devra se faire dans cette page et la modification sera automatiquement répercutée sur toutes les autres pages contenant le menu.

4 - Publier sur le site distant et visionner sur Internet

Visionner sur Internet

5 - Mises en garde

Tuto Alsacréation
Blog Pascal martin
Forum Geckozone

Haut de page
Jos Argaud - Mise à jour 01/05/2009  Pour m'écrire  Document made with KompoZer  D'après le tuto d'Ymai  accessible sur le forum Geckozone Kompozer