TmP - Les sources PHP de TmP

De manière générale, un site web suit une charte graphique. Toutes les pages (ou presque) vont donc se ressembler et peu de choses (mis à part le corps de page) vont les différencier. C'est bien sûr le cas de ce site : toutes les pages ont un bandeau en haut, avec le logo a gauche, un menu à gauche et un pied de page.

Le but finalement est d'alléger la programmation et l'écriture des pages. Le principe est donc le suivant : découper les pages en zones statiques qui se retrouvent d'une page à l'autre :

On écrit un exemple de page, et on découpe le code HTML suivant ces zones statiques. On recopie le code HTML correspondant dans différents fichiers et le tour est joué. Ces fichiers sont communément appelés "templates".

Par la suite, lors de l'écriture d'une page, il suffit de faire un "include" de ces fichiers de la façon suivante :

<? include("../include/fichier1.hmtl"); ?>

Sur TmP, il y a un répertoire /include à la racine du site dans lequel se trouvent les 5 fichiers template utiles au site, et le code PHP des pages ressemble à ceci :

<!DOCTYPE HTML... >
<html>
<head>
...
</head>

<? include("include/top.html"); ?>The manual Page<? include("include/hg.html"); ?>
<? include("menu1.html"); ?>
<? include("include/bg.html"); ?>

<!-- Corps de page -->
bla bla bla...

<? include("include/imprimable.html"); ?>
<? include("include/footer.html"); ?>

Ce découpage permet de mettre facilement un titre et un menu différent par page.

La ligne include("include/imprimable.hmtl"); peut être enlevée pour les pages qui ne présentent pas d'intérêt particulier à être imprimées. imprimable.html sert à insérer une image et un lien dynamique vers /utils/imprime.php (voir l'explication du bouton imprimable).

Cette méthode est particulièrement redoutable de simplicité ! On fait abstraction totalement de la "lourdeur" réelle d'une page complète. Gain en performance, car les pages sont plus faciles à écrire pour le programmeur. Gain de place sur le serveur (ça prend pas mal de place à la fin tout le code HTML). Et surtout gain de temps lors de modification de charte graphique puisqu'il ne suffit plus que de changer les templates, et c'est fini !

Principe des pages de ce site

Fonctions utiles