TECHNIQUE : comment ajouter du php dans vos pages ?

, par  MORA , popularité : 9%

[!sommaire]

Le CCIRA débute une série d’articles un peu techniques pour répondre à des questions diverses reçues.

N’hésitez pas d’ailleurs à en formuler d’autres ainsi les choses avancent ... Envoyer un mail

__espaceur.png__

Question :

Comment ajouter simplement du "php" à mes pages HTML ?

__espaceur.png__

Une réponse :

Si vous avez entendu parler du PHP, c’est bon signe, il s’agit d’un outil très puissant qui a révolutionné INTERNET.

Il n’est pas le seul langage, "côté serveur" mais il est "libre et gratuit" ce qui lui donne un avantage indéniable ! :-))

En fait, pour commencer, nous vous conseillons d’aller "mollo", la maitrise d’un langage Internet n’est pas insurmontable, mais elle doit être progressive !

Aussi pour cette approche, nous allons vous proposer de mettre en œuvre, une chose très simple et très pratique, qui devrait vous donner envie d’aller plus loin ....

Nous allons exposer comment intégrer des contenus COMMUNS à toutes vos pages.

Dans vos pages Internet, vous avez souvent, votre logo, votre titre ou bien un pied de page que vous retrouvez sur toutes vos pages, voire même un menu complet pour visiter votre site. Dans la pratique, vous recopiez en "copier-coller" ces éléments dans chaque page.

Cela signifie que s’il y a une virgule qui change, vous allez devoir modifier tous les fichiers à la main  !

Travail de titan qui vous amène à réfléchir à deux fois avant de modifier quoique ce soit !

En utilisant le PHP, cette galère va se transformer en une partie de plaisir !

Comment ?

__espaceur.png__

Nous allons partir du principe que :

- vous connaissez au moins un peu le HTML,
- que le PHP est actif sur le serveur que vous utilisez [1]

Et nous allons voir :

- comment créer le contenu à répéter ?
- comment insérer le contenu commun dans vos pages ?

Comment créer le contenu à répéter ?

C’est très simple, c’est du code HTML normal, sans les balises de page.

C’est à dire que le fichier commun qui sera crée ne doit PAS contenir de :

<HTML><HEAD></HEAD><BODY></BODY></HTML>

Tout le reste est bon , mais pas ces balises là !

Par exemple, imaginons que vous souhaitiez implanter en bas de page et sur toutes vos pages, une ligne rappelant le titre du site, un texte CONTACT, une date, etc...

Quelque chose qui ressemble à çà =>>

CLIQUER ICI POUR VOIR

Il s’agit d’un simple petit code qui est :

<hr><center>
Ce site parle de ... AFN -
<a href=mailto:info@notrejournal.info>CONTACT</a>
- Merci à toutes celles et ceux qui ont participé.... **
<hr>

Vous écrivez votre code HTML dans un fichier que vous nommez pour l’occasion : pied_general.html.


Ainsi vous maitrisez à travers UN SEUL FICHIER, un contenu qui apparaitra sur toutes les pages correctement préparées !

__espaceur.png__

Comment insérer le contenu commun dans vos pages ?

Le PHP vous permet de rendre vos pages "dynamiques", c’est à dire que le contenu final de votre page est fabriquée "à la volée" lorsqu’elle est consultée.

Nous allons donc insérer un ordre qui AJOUTERA le contenu "standard" du pied de page commun à toutes les pages qui l’appelleront !

Si si !

ATTENTION, il y a 2 contraintes !

- 1 - votre fichier courant ne doit plus s’appeler . html mais .php, exemple : votre fichier index.html (fichier standard ouvert avant tous les autres lors d’une consultation de site) ne DOIT PLUS s’appeler index.html mais index.php.

Il en va ainsi pour tous les fichiers, s’il s’appelle souvenirs.html il devra être renommé souvenirs.php.

C’est embêtant, ch... long mais c’est indispensable.

Note : la raison en est simple, le HTML est lu, le PHP est exécuté et dans 95% des serveurs l’extension du fichier fait la différence.

- 2 - La deuxième contrainte est d’ajouter un bout de code à chaque fichier à l’emplacement auquel vous souhaitez voir apparaitre les contenus.

- Quel intérêt me direz-vous ? Autant ajouter directement le code HTML utile à chaque fichier !!

Et ben non, si vous ajoutez le code HTML directement, si vous voulez changer le texte ou l’adresse e-mail de contact, ou mettre un logo, ou des couleurs, etc.... Vous devrez A NOUVEAU modifier la totalité des fichiers !

Quand il y en a 5 ou 6 çà va, mais s’il y en a 100 ! Mazette bon courage !

D’où l’intérêt qu’il y a, à monter dés le début un site performant et ouvert !

Si ce que vous venez de lire, ne vous a pas découragé et que vous vous dites : "c’est pas bête çà, justement je devais reprendre mon site !", alors vous pouvez continuer à lire ! B-)

__espaceur.png__

A ce stade, résumons, vous avez crée votre pied de page, comme il faut et vous vous voulez l’intégrer à votre page : index.php [2]

Votre page est traditionnelle en HTML, n’y touchez pas, mais allez à la fin juste avant la balise </BODY>

Et ajoutez simplement :

<?php
include("pied_general.html");
?>

Ceci ajoutera automatiquement le contenu HTML de votre pied de page à la page courante !

Ainsi quand vous complèterez ou modifierez le pied de page UNE SEULE FOIS, il sera modifié sur TOUTES LES PAGES qui contiennent ce code php !

__espaceur.png__

Par extension, vous imaginez tout ce que l’on peut réaliser ainsi !

Construire des pages intelligentes, en fonction du contexte, gérer des menus communs, mettre à jour des données etc...

N’oubliez pas la devise du bon WebMaster en bonne santé !

Moins on se casse la tête, moins on a mal !

__espaceur.png__

Dans un prochain article, on fera la même chose mais en JQUERY si on n’a pas de PHP !

[1Facile à vérifier :

dans NotePad ou le Bloc Note (pas Word ou autres) juste un éditeur de texte simple, tapez :

<?php
echo ("çà marche c'est génial !");
?>

Sauvez votre fichier sur votre serveur avec le nom : test.php

Allez dans votre site et tapez : http://votre_nom_de_site/test.php

Si cela affiche : çà marche c’est génial !, cela signifie que tout est OK, sinon contactez un responsable technique de votre hébergeur.

[2Attention ne laissez pas sur votre serveur deux pages l’une index.html et l’autre index.php, ce sera toujours index.html qui sera lue en premier !

Navigation

Brèves Toutes les brèves