[HTML] Créer un menu.

Résolu
samuel77220 Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   -  
samuel77220 Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   -
Bonsoir !

Je voudrais savoir comment on peut faire un menu qui s'adapte a toutes les pages,
je m'explique :

Par exemple je fais un menu et tout, et j'ai envie de rajouter une catégorie mais depuis, j'ai creer 45 pages ...
comment faire pour changer le menu d'une page et qu'il change partout ?

Dites moi si vous ne comprenez pas.

11 réponses

seesaw
 
Ce que tu peux faire c'est utiliser le PHP.
Dans un fichier à part tu code ton menu, et ensuite tu appelle le menu avec un include sur toute les pages de ton site.

Et ca te facilite la vie, tu veux changer un mot dans ton menu, tu ne change plus sur tes 45 pages mais seulement sur ta page menu.

Si tas besoin de plus d'info sur la technique, n'hesites pas a demander ...
1
seesaw
 
Non désolé je n'ai pas de lien à te conseiller.

Mais pour essayer de t'expliquer (c'est pas tres compliqué en fait) :

- créer un nouveau fichier : menu.php (par exemple)

- dans ce fichier tu colle le code de ton menu en html (seulement le menu, pas de balise html/head/body) :
Par exemple ton menu est sous forme de liste à puce :

<ul class="myMenu">
<li><a href="#">rubrique 1</a></li>
<li><a href="#">rubrique 2</a></li>
<li><a href="#">rubrique 3</a></li>
<li><a href="#">rubrique n</a></li>
</ul>

- ensuite, dans chacune des pages de ton site (ou doit apparaitre le menu), tu retire tout le code du menu et tu met à la place :

<?php
include 'menu.php';
?>


Imaginons que ta page était comme ca :
<html>
<head>...</head>
<body>
<div id="header"> ....</div>

<div id="menu">
<ul><li> LE CODE DE TON MENU ICI</li></ul>
</div>

<div id="content> ....</div>
<div id="footer"> ....</div>
</body>
</html>

et bien maintenant elle devient comme ca :
<html>
<head>...</head>
<body>
<div id="header"> ....</div>

<div id="menu">
<?php include 'menu.php'; ?>
</div>

<div id="content> ....</div>
<div id="footer"> ....</div>
</body>
</html>

Par contre, attention, tu vas devoir changer l'extension de toute tes pages : mapage.html devient mapage.php ! sinon ca ne fonctionnera pas.

j'espere que c'est clair (et que je n'ai pas fait de faute :) )
1
seesaw
 
Ah effectivement, j'ai oublier quelque chose d'assez important :s
PHP est un langage serveur, ce qui signifie pour toi que tu ne peux pas visualiser en local.

Comme l'a dit weetabix, il te faut un hote virtuel. Il propose "easyphp", tu as aussi "Wamp".

Mais ne t'inkiete pas, qd tu passera tout ca en ligne (normalement) tout s'affichera correctement.


Pour ce qui est des CSS, normalement tu n'as pas besoin de les modifier. Le "include" ne change normalement rien à la structure de tes pages.
1
seesaw
 
a priori, je dirais oui...
1
weetabix40 Messages postés 9583 Date d'inscription   Statut Contributeur Dernière intervention   1 724
 
Je confirme oui... mais attention a ne pas abuser des bonnes choses.
Dès fois le html convient mieux ^^

// Si ton sujet est résolu merci de le mettre comme "résolu" //

Au plaisir,
Cordialement,
Weet
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
samuel77220 Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   13
 
Ah cool ça :)

Mais je n'ai aucunes connaissances en PHP (encore trop compliquer pour moi ^^)
Aurais-tu un exemple sur un autre site, un lien ou autre ?
0
samuel77220 Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   13
 
Oui en effet, ce n'est pas très compliqué !
Et donc pour la forme, je dois faire comment ?

je fais un CSS apart pour mon menu et tout imaginons qu'il prend 5 lignes, dans mapage.php ça prendra 5 lignes ou faut que je creer une div qui fait 5 lignes ?

Je sais pas si je suis assez claire :s
0
samuel77220 Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   13
 
Alors ce que tu m'a dis fonctionne bien quand je previsualise dans Dreamweaver cs4, mais quand je previsualise dans firefox on ne voit pas mon menu, est-ce normal ?
0
weetabix40 Messages postés 9583 Date d'inscription   Statut Contributeur Dernière intervention   1 724
 
Salut,
Je me permet de prendre le sujet en cours ^^
@ seesaw : très bonne explication ;)
@ samuel77220 : Firefox ne peux pas lire les pages PHP nativement... il faut installer un serveur localhost (easyphp par exemple)
Cordialement,
Weet
0
deterralba Messages postés 29 Date d'inscription   Statut Membre Dernière intervention   16
 
0
samuel77220 Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   13
 
Merci à vous 3, cela fonctionne !

Dernière question, vu qu'on peut le faire pour des menus, on peut aussi le faire pour des images, du textes etc ... ?
0
samuel77220 Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   13
 
Très bien :)

Un grand merci, vous m'avez vraiment beaucoup aidé !
0