Pour des tests en local : un serveur Apache doit avoir été installé sur votre ordinateur. Vous pouvez tester sa présence en ouvrant l'URL http://127.0.0.1 dans un navigateur.
Vous devez placer vos pages PHP à la racine des sites Web du serveur Internet. Quand WAMP a été installé, la racine des sites Web est : C:\wamp\www.
Vos pages doivent avoir l'extension .php et non pas .html ni .htm.
Vous devez les ouvrir dans le navigateur avec une URI (de type http://127.0.0.1/ma page.php) et non pas un chemin local (de type c:\ma page.php.)
Regardez ici le code source de deux pages différentes de notre site. Ces codes sont très ressemblants. Pour bien que vous voyez la ressemblance, j'ai surligné ce qui diffère d'une page à l'autre :
| Fichier index.php | fichier page2.php |
|---|---|
Effectivement, toute la structure globale des pages reste la même. Seul le contenu spécifique à chaque page change.
Regardez comment nous allons simplifier nos fichiers index.php et page2.php :
| Fichier index.php | Fichier page2.php |
|---|---|
Vous voyez que les fichiers sont effectivement beaucoup plus simples, ils ne contiennent que :
Nous devons bien sûr créer les fichier debut_pages.php et fin_pages.php. Ils contiennent respectivement les parties communes aux débuts et aux fins de vos pages web. Donc :
| Fichier debut_pages.php | Fichier fin_pages.php |
|---|---|
Appliquez cette technique en découpant en trois la page d'accueil (que vous avez conçue en HTML et CSS pendant les scéances précédentes).
Vous aurez donc trois pages :
Collez ici le code du fichier debut_pages.php :
Collez ici le code du fichier index.php :
Collez ici le code du fichier fin_pages.php :
Dans les vrais sites, le fichier debut_pages.php ne se contentera pas d'afficher ce petit début de page mais effectuera tout ce qu'il y a de commun à toutes les pages du site comme par exemple :
session_start() (oups ! mais vous ne savez pas encore ce que c'est qu'une session, on le verra plus tard),
On va maintenant pouvoir créer de nouvelles pages Web dans notre site, qui s'intègrent automatiquement dans le design global du site.
Il suffit de faire une page avec un contenu spécifique (formulaire d'inscription, de connexion, de contact ou tout autres pages) et :
include "debut_pages.php";
include "debut_pages.php";
Il faudra également ajouter un lien vers cette page dans le/les menu(s) contenus dans debut_pages.php, par exemple : <a href=inscription.php>Inscription</a>
Coller ici le code de cette nouvelle page inscription.php :
Coller ici le code de cette nouvelle page connexion.php :
Coller ici le code de cette nouvelle page contact.php :
Coller ici le nouveau code du fichier debut_pages.php :
Vous pouvez toutefois souhaitez personnaliser certaines informations dans chaque page, la plus fréquente étant le title. Vous pouvez légitimement souhaiter que le title ne soit pas identique partout dans votre site mais reflète le contenu de la page dans laquelle on se trouve.
Pour ça on va utiliser une astuce simple : utiliser une variable $title au démarrage de chacune de nos pages. Voilà le résultat :
| Fichier index.php | Fichier autre.php |
|---|---|
Et le fichier debut_pages.php prend en compte cette variable et devient :