[TUTO] Les Pseudo-Frames Pour La Navigation Dans Votre Site
Date de publication : 31 janvier 2008Par : stan
Les pseudo-frames constituent un excellent moyen de faciliter la gestion de plusieurs liens sur votre site, et ainsi faciliter les mises à jour.
Le principe est simple : inclure un fichier dans un autre en cliquant sur un lien.
Pour mieux comprendre, en cliquant sur un lien, on va modifier le contenu du site sans toucher aux menus, entêtes ou pieds de pages.
Pour ma part, en créant un site Web, je garde toujours l’entête du site, le menu à gauche et le pied de page fixes, la partie centrale va varier en fonction du lien cliqué. Comment faire en sorte que les parties citées restent fixes et la partie centrale varie, c’est ce que nous allons voir avec cet exemple.
Admettons que nous avons deux pages qui vont rester fixes :Menu.php et Pieddepage.php
Menu.php (va contenir le menu du site avec deux rubriques : accueil et produits)
<ul>
<li>
<a href="index.php?page=accueil" title="L’accueil">Accueil</a>
</li>
<li>
<a href="index.php?page=produits" title="Nos Produits">Produits</a>
</li>
</ul>
Pieddepage.php (va contenir des informations sur l’entreprise, par exemple, les coordonnées)
<p>On peut écrire dans cette partie les coordonnées de l’entreprise par exemple</p>
On créé une autre page qui va contenir par exemple les produits de l’entreprise
Produits.php
<p>ici, nous mettrons par exemple une liste de produits</p>
Nous allons créer maintenant la page principale index.php qui va contenir les pages citées en haut et un script ecrit en PHP qui permet de récupérer d’ autres pages en fonction des liens cliqués, nous supposons qu’un fichier CSS est créé pour mettre en forme et positionner chaque élément du site.
index.php
<div class="menu" >
<?php
include(‘menu.php’); // Nous appelons le menu du site dans la page principale
?>
<div class="contenu_central">
<?php
include($_GET['page'].‘.php’); // Nous appelons le contenu central de la page
?>
</div>
<div class="pieddepage">
<?php
include(‘pieddepage.php’); // Nous appelons le pied de page
?>
</div>
Quelques précisions :
- La fonction include permet d’ inclure un fichier dans un autre, ça revient à copier le code de la page à inclure et le mettre dans la page.
- $_GET : Permet de récupérer des valeurs passées dans l’URL.
- include($_GET['page'].‘.php’): Permet de récupérer le contenu de la variable "page" qui doit être normalement un nom de fichier et y ajouter l’ extension PHP, ensuite inclure ce fichier dans la page.
Voilà, alors normalement, quand on clique sur le lien "Produits" le contenu de la page produits va s’ afficher dans la page Index.php, le menu et le pied de page vont rester fixes.
Comme je l’ ai précisé plus haut, il faut créer un fichier CSS pour positionner les DIV qui contiennent chaque partie du site.
Notez que cet exemple contient un énorme trou de sécurité, il n’est qu’à titre d’exemple, j’aborderais le coté sécurité dans un prochain billet.




www.hustoo.net
31 janvier 2008 à 1:09
Thankt’s stan pour ce tuto, justement je suis entrain de refaire le site hustoo complètement en php,essayer d’optimiser les code le valider aussi et j’utilise les pseudo Frames…
!
très intéressant le tuto pour quelqu’un qui veux débuter en Php
merci.
31 janvier 2008 à 1:53
Oui, surtout pour comprendre la fonction ‘include’.
1 février 2008 à 19:50
J’allait te parler du trou de sécurité kan j’ai vu ta remarke lol. En effet on peut afficher nimporte kel script en passant dans l’url et ainsi faire ce kon veut du serveur lol. Je pense kil fodrait utiliser un systeme par numero donc parexemple le numero 1 correspond la page daccueuil ect…
2 février 2008 à 0:12
Pas seulement afficher, mais Uploader un script sur le serveur, ce qui causera de sérieux dégâts.
La meilleure solution à mon avis est de n’autoriser que les pages du sites et qui sont sur le serveur. Je posterais un billet sur ça prochainement.
6 février 2008 à 17:45
té fou un include avec $_GET
6 février 2008 à 23:31
Et pourquoi pas ?
Si tu parle de sécurité, relis bien le post !