[HTML] Créer un menu.

Résolu/Fermé
samuel77220 Messages postés 164 Date d'inscription samedi 14 mars 2009 Statut Membre Dernière intervention 30 mars 2013 - 31 juil. 2009 à 21:19
samuel77220 Messages postés 164 Date d'inscription samedi 14 mars 2009 Statut Membre Dernière intervention 30 mars 2013 - 1 août 2009 à 13:15
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.
A voir également:

11 réponses

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
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
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
a priori, je dirais oui...
1
weetabix40 Messages postés 9583 Date d'inscription samedi 12 janvier 2008 Statut Contributeur Dernière intervention 28 novembre 2015 1 723
1 août 2009 à 13:14
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 samedi 14 mars 2009 Statut Membre Dernière intervention 30 mars 2013 13
31 juil. 2009 à 21:36
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 samedi 14 mars 2009 Statut Membre Dernière intervention 30 mars 2013 13
1 août 2009 à 00:26
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 samedi 14 mars 2009 Statut Membre Dernière intervention 30 mars 2013 13
1 août 2009 à 12:34
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 samedi 12 janvier 2008 Statut Contributeur Dernière intervention 28 novembre 2015 1 723
1 août 2009 à 12:40
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 mercredi 1 juillet 2009 Statut Membre Dernière intervention 17 juin 2010 16
1 août 2009 à 12:46
0
samuel77220 Messages postés 164 Date d'inscription samedi 14 mars 2009 Statut Membre Dernière intervention 30 mars 2013 13
1 août 2009 à 13:08
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 samedi 14 mars 2009 Statut Membre Dernière intervention 30 mars 2013 13
1 août 2009 à 13:15
Très bien :)

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