?

Log in

 
 
10 January 2010 @ 10:34 pm
Les includes  
Hiiiii~ =D

Bon ca fait un petit bout de temps, que j'ai pas poste de ressources, mais bon.
Aujourd'hui j'ai decide de faire un petit tuto sur les includes (donc PHP), pour ma petite Hinou 8D

Je vais essayer d'expliquer clairement comment faire pour separer votre layout en 3 parties, et ainsi vous eviter de changer chacunes de vos pages, lors d'un changement de design (par exemple). Mais avec les includes, vous pourrez aussi avoir votre "navigation" dans une unique page, que vous n'aurez, pareil, pas a changer a chaque page, si vous voulez modifier ou rajouter un lien.


Etape 1 | Etape 2 | Etape 3 | Etape 4 | Code final



&& Etape 1 -------------
Pour commencer, afin que ce tuto marche sur votre site, il faut que toutes vos pages soient en PHP. Sois se terminant par l'extension .php et non .html par exemple.

Exemple: index.php

Je precise, qu'en changeant l'extension ca ne change strictement rien a la navigation des visiteurs, vous n'avez rien a modifier dans vos pages. Le seul detail, c'est que vous ne pouvez pas naviguer en local, sur votre navigateur. Pour cela utilisez un programme tel que Wampserver (conseille).



&& Etape 2 -------------
Bon une fois l'extension de vos pages en .php, nous pouvons poursuivre.
Donc en ce moment vos pages sont en xHTML, et devraient, normalement ressembler a cela:



Logiquement, c'est la base de toute page HTML. Seulement dans la votre il doit y avoir des fichiers lies (par exemple votre feuille de style .css), et votre design evidemment.



&& Etape 3 -------------
Bon commencons la premiere include.
Copier tout le code a partir de votre tout premiere ligne (normalement < HTML>), jusqu'a < BODY> sur une nouvelle page.

Si vous avez suivis, il ne devrait rester que ca sur votre precedente page:



Donc renommez la page ou vous venez de copier le code "header.php".



&& Etape 4 -------------
Recommencez l'etape 3, mais cette fois a partir de < /BODY> jusqu'a votre page derniere ligne.

Il ne devrait rester que ca sur votre precedente page:



Cette fois renommez la page ou vous venez de copier le code "footer.php".



&& Code final -------------
J'espere que vous n'avez pas eu de probleme jusque la ? Sinon, laissez un commentaire.
Bien maintenant utilisons donc ce fameux systeme d'include (Iframe en 1000 fois plus puissant si vous preferez :p).

La page dont il ne reste plus que:



Rajouter en haut et en bas

Pour etre clair voici votre nouvelle page:



Toutes vos pages doivent ressembler a ca, si vous voulez que ce systeme marche.
En gros supprimez tous les hauts et bas de vos pages, n'en gardez que le contenu et rajouter les lignes d'includes.

Voilou, a present des que vous voulez changer de design, vous n'aurez qu'a modifier header.php et footer.php.
N'est-ce pas tellement plus pratique :p ?
 
 
Music: Waii - Love You No More