Anthilemoon

Quelle galère lorsqu’on est en html pour changer le design du site ! Page par page, une à une, laborieusement, on trime à changer tout le haut et tout le bas à chaque fois. Vu le temps que cette opération prend, on met une page de hiatus indéterminé, en invitant les visiteurs à revenir car on change de version.

Certains utilisent des frames pour faciliter le travail, mais avouez que c’est agaçant toutes ces scrollbars !

Heureusement, Dieu inventa le php. Kesako ? Je ne vais pas vous faire un cours dessus, étant donné que ce n’est pas le but du tutorial, et surtout que je n’y connais quasiment rien, mais dites vous simplement que « Béni soit le php qui vous facilitera la vie » !

Le principe

Changer tout le haut et tout le bas d’une page 10 fois, 20 fois ou même plus, c’est fini. Maintenant, il suffira de ne le faire qu’une fois.

À la fin de ce tutorial, vous aurez une page pour le haut du code, une page pour le bas du code, et toutes vos pages pour le milieu, c’est à dire le contenu. Vous n’aurez plus qu’à modifier celle du haut et celle du bas pour que les changements d’appliquent à toutes les pages de contenu.

Comment faire ?

Suivez point par point les étapes suivantes pour accéder au paradis :

- Ouvrez votre page de contenu, que l’on appellera ici « index.html ».
- Sélectionnez tout le haut du code avant le contenu, coupez le, et copiez le dans une nouvelle page.
Sauvegardez la sous « header.php ».
- Sélectionnez ensuite tout le bas du code après le contenu, coupez le, et copiez le dans une nouvelle page.
Sauvegardez la sous « footer.php ».
- Enregistrez ce qu’il vous reste, c’est à dire uniquement le code du contenu, sous « index.php ».

Maintenant, il faut relier le haut et le bas au milieu. C’est là qu’interviennent les includes.

Comme précédement, suivez le guide.

Dans « index.php », copiez-collez le code suivant tout en haut de la page, au dessus du contenu.

<?php
include("header.php");
?>

Toujours dans « index.php », copiez-collez ensuite le code suivant tout en bas de la page, en dessous du contenu.

<?php
include("footer.php");
?>

Sauvegardez de nouveaux « index.php » par dessus l’ancienne sauvegarde.

Chargez le tout sur votre serveur, et admirez le résultat ! Vous pouvez apporter une modification en haut ou en bas du code, c’est à dire dans « header.php » ou « footer.php », et elle s’appliquera à « index.php » !

Faites la même chose pour toutes vos pages, et le tour est joué ^^

Un soucis ?

Vous ne voyez pas les pages sur votre pc ? C’est normal, à moins d’avoir un logiciel spécialement conçu pour leur visualisation.
Chargez les pages sur votre serveur pour voir ce que ça donne.

N’hésitez pas à poster un commentaire ci-après si vous avez des questions !