Le principe

La plupart des sites web sont généralement découpés selon le schéma suivant.

Découpage usuel d'une page web




Le problème



Jusqu'ici, vous étiez condamnés à copier sur chaque page à l'identique :

  • l'en-tête ;
  • le menu ;
  • le pied de page.

Cela donnait du code lourd et répétitif sur toutes les pages !

Regardez le code d'exemple ci-dessous qui représente une page web (appelons-la index.php) avec en-tête, menu et pied de page :

Code : PHP

 1

 2

 3

 4

 5

 6

 7

 8

 9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

   <head>

       <title>Mon super site</title>

       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

   </head>

       

   <body>

       

       <!-- L'en-tête -->

      

       <div id="en_tete">

           

       </div>

       

       <!-- Le menu -->

       

       <div id="menu">        

           <div class="element_menu">

               <h3>Titre menu</h3>

               <ul>

                   <li><a href="page1.html">Lien</a></li>

                   <li><a href="page2.html">Lien</a></li>

                   <li><a href="page3.html">Lien</a></li>

               </ul>

           </div>    

       </div>

      

       <!-- Le corps -->

      

       <div id="corps">

           <h1>Mon super site</h1>

            

           <p>

               Bienvenue sur mon super site !<br />

                   Vous allez adorer ici, c'est un site génial qui va parler de... euh... :-D

           </p>

       </div>

      

       <!-- Le pied de page -->

       

       <div id="pied_de_page">

           <p>Copyright moi, tous droits réservés</p>

       </div>

       

   </body>

</html>



D'une page à l'autre, ce site contiendra à chaque fois le même code pour l'en-tête, le menu et le pied de page ! En effet, seul le contenu du corps change en temps normal.


La solution



En PHP, nous pouvons facilement insérer d'autres pages (on peut aussi insérer seulement des morceaux de pages) à l'intérieur d'une page.

Le principe de fonctionnement des inclusions en PHP est plutôt simple à comprendre. Vous avez un site web composé de disons vingt pages. Sur chaque page, il y a un menu, toujours le même. Pourquoi ne pas écrire ce menu (et seulement lui) une seule fois dans une pagemenus.php ?

En PHP, vous allez pouvoir inclure votre menu sur toutes vos pages. Lorsque vous voudrez modifier votre menu, vous n'aurez qu'à modifier menus.php et l'ensemble des pages de votre site web sera automatiquement mis à jour !

Créé avec HelpNDoc Personal Edition: Pourquoi Microsoft Word n'est pas taillé pour la documentation : les avantages d'un outil de création d'aide