Se connecter / S'enregistrer
Votre question

Creer ma 2eme page web (html+css) en gardant les menus de la 1ere

Tags :
  • Php
  • Programmation
Dernière réponse : dans Programmation
8 Juin 2005 10:54:42

Salut tout le monde
Je debute dans la création web , j'ai déja fait ma premiere page web mais je ne sais pas comment faire pour creer les autres pages de mon site en gardant seulement les menus...
J'utilise dreamweaver.
merci d'avance

Autres pages sur : creer page web html css gardant menus

8 Juin 2005 10:57:34

tu refait exactement comme la première....
Sinon tu fait du php
8 Juin 2005 10:58:55

Pour refaire comme la 1ere je copie tout les codes dans un nouveau fichier html ?

EDIT : Finalement j'ai dupliquer le fichier index.html , c'est bien comme ça qu'il faut faire ?
le probleme est qu'il reste toutes les infos de ma premiere page ... (article,presentation etc...) Y'a pas un moyen de garder juste les menus ?
merci
Contenus similaires
8 Juin 2005 11:28:19

En php c'est pas dur.

Il te faut un fichier dans lequel tu met le code du menu (n'importe quelle extention, tu peux l'appeler menu.html par exemple)

Chaque page de ton site doit s'appeler index.php ; machin.php ; truc.php ; etc.

Dans chaque page, à l'emplacement du menu, met seulement :

<?php include 'menu.html'; ?>
8 Juin 2005 11:36:18

Mais moi je fais mon site en html et non en php, ça marche aussi si je fais ce que tu m'a dis mais en html ? Je peux mélanger php et html ..?
A quoi je peux reconnaitre le code du menu ?
Merci
8 Juin 2005 11:43:32

Pas de broblème, le php est un langage qui sert à créer des pages html différentes en fonction des situations, en fait.

Mais je ne suis aps complètement sur qu'en incluant une page html comme ça, ça marchera, essaye, sinon, il faut juste changer deux-trois trucs.

Tu fait ton site avec Dreamveaver en mode graphique, pas en mode code ? Si tu sait pas reconnaître le menu, montre-moi le code.
8 Juin 2005 11:52:25

Dans dreamweaver je fais mon site en mode code et graphique en meme temps (je m'y retrouve mieux).

Tiens voilà le code :

<!--
KIT GRAPHIQUE PAR yassineb
http://yassineb.ifrance.com
TELECHARGE SUR KITGRAFIK
http://www.kitgrafik.com
-->
<HTML>
<HEAD>
<!--- AFAIRE : Mettez le nom du site ici --->
<TITLE>Bienvenue sur mon site !</TITLE>
<!--- AFAIRE : Vous pouvez ajouter vos metas ici --->
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!--- AFAIRE : Vous pouvez ajouter des stylesheet ici --->
<link href="style.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY BGCOLOR=#C7D3D7 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<div align="center">

<br>
<!--- AFAIRE : Vous pouvez inserer votre bandeau publicitaire ici --->

<!--- DEBUT header --->
<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="24">
<div align="center"><img src="images/h_bg.jpg" width=24 height=106 alt=""></div></td>
<td background="images/h_fdextern.jpg"> <div align="right"><img src="images/h_pg.jpg" width=58 height=106 alt=""></div></td>
<td background="images/h_fdintern.jpg">
<div align="center"><img src="images/logo.jpg" width=341 height=59 alt=""></div></td>
<td background="images/h_fdextern.jpg"> <div align="left"><img src="images/h_pd.jpg" width=58 height=106 alt=""></div></td>
<td width="28">
<div align="center"><img src="images/h_bd.jpg" width=28 height=106 alt=""></div></td>
</tr>
</table>
<!--- FIN header --->

<!--- DEBUT menu --->
<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="24" background="images/m_fd_g.jpg"><IMG SRC="images/m_fd_g.jpg" WIDTH=24 HEIGHT=1 ALT=""></td>
<td bgcolor="#C7D3D7" align="center">

<!--- AFAIRE : Customizez vos menus ici --->
<a class="menu" href="#">Accueil</a> |
<a class="menu" href="#">News</a> |
<a class="menu" href="#">Dossiers</a> |
<a class="menu" href="#">Forum</a> |
<a class="menu" href="#">Contact</a>

</td>
<td width="28" background="images/conspiracy_20.jpg"><IMG SRC="images/conspiracy_20.jpg" WIDTH=28 HEIGHT=1 ALT=""></td>
</tr>
</table>
<!--- FIN menu --->

<!--- DEBUT table de contenu --->
<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="21"><IMG SRC="images/c_c_h_g.jpg" WIDTH=21 HEIGHT=19 ALT=""></td>
<td align="center" background="images/c_fd_h.jpg"><IMG SRC="images/c_fd_h.jpg" WIDTH=1 HEIGHT=19 ALT=""></td>
<td width="21"><IMG SRC="images/c_cg_d_h.jpg" WIDTH=21 HEIGHT=19 ALT=""></td>
</tr>
</table>
<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="15" valign="top" background="images/c_b_g.jpg"><IMG SRC="images/c_b_g.jpg" WIDTH=15 HEIGHT=2 ALT=""></td>
<td bgcolor="#FFFFFF">
<div align="center">

<table width="98%" border="0" cellspacing="0" cellpadding="5">
<tr>
<!--- DEBUT colonne de gauche --->
<td width="30%" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="27"><IMG SRC="images/conspiracy_34.jpg" WIDTH=20 HEIGHT=25 ALT=""><img src="images/conspiracy_35.jpg" width="7" height="25"></td>
<!--- AFAIRE : Mettez ici l'intitulé de la colonne --->
<td valign="top" background="images/conspiracy_36.jpg" align="center"><IMG SRC="images/conspiracy_36.jpg" WIDTH=1 HEIGHT=25 align="absmiddle"><span class="titlebar">Menu Principal</span></td>
<td width="27"><img src="images/conspiracy_39.jpg" width="7" height="25"><IMG SRC="images/conspiracy_40.jpg" WIDTH=20 HEIGHT=25 ALT=""></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="11" background="images/conspiracy_42.jpg"><IMG SRC="images/conspiracy_42.jpg" WIDTH=11 HEIGHT=1 ALT=""></td>
<td bgcolor="#FFFFFF">

<!--- DEBUT contenu de la premiere colonne de gauche --->


<!--- AFAIRE : Mettez ici le contenu de la colonne --->

<div align="center">
<a href="#" class="menu">News</a><br>
<a href="#" class="menu">Video-Games</a><br>
<a href="#" class="menu">Astuces Windows</a><br>
<a href="#" class="menu">Téléchargements</a><br>
<a href="#" class="menu">Forum</a><br>
<a href="#" class="menu">Le meilleur du web</a><br>
<a href="#" class="menu">Humour</a><br>
<a href="#" class="menu">Fond d'écrans</a><br>
</div>

<!--- FIN contenu de la premiere colonne de gauche --->
</td>
<td width="11" background="images/conspiracy_45.jpg"><IMG SRC="images/conspiracy_45.jpg" WIDTH=11 HEIGHT=1 ALT=""></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="17"><IMG SRC="images/conspiracy_48.jpg" WIDTH=17 HEIGHT=12 ALT=""></td>
<td background="images/conspiracy_49.jpg"><IMG SRC="images/conspiracy_49.jpg" WIDTH=1 HEIGHT=12 ALT=""></td>
<td width="17"><IMG SRC="images/conspiracy_52.jpg" WIDTH=17 HEIGHT=12 ALT=""></td>
</tr>
</table></td>
</tr>
</table>
<br>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="27"><IMG SRC="images/conspiracy_34.jpg" WIDTH=20 HEIGHT=25 ALT=""><img src="images/conspiracy_35.jpg" width="7" height="25"></td>
<!--- AFAIRE : Mettez ici l'intitulé de la colonne --->
<td valign="top" background="images/conspiracy_36.jpg" align="center"><IMG SRC="images/conspiracy_36.jpg" WIDTH=1 HEIGHT=25 align="absmiddle"><span class="titlebar">News du Site</span></td>
<td width="27"><img src="images/conspiracy_39.jpg" width="7" height="25"><IMG SRC="images/conspiracy_40.jpg" WIDTH=20 HEIGHT=25 ALT=""></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="11" background="images/conspiracy_42.jpg"><IMG SRC="images/conspiracy_42.jpg" WIDTH=11 HEIGHT=1 ALT=""></td>
<td bgcolor="#FFFFFF">

<!--- DEBUT contenu de la deuxieme colonne de gauche --->


<!--- AFAIRE : Mettez ici le contenu de la colonne --->
<p>Ou news si vous preferez<br> Premiere News <br> Blablabal<br> Deuxieme News <br> Blablabal</p>

<!--- FIN contenu de la deuxieme colonne de gauche --->


</td>
<td width="11" background="images/conspiracy_45.jpg"><IMG SRC="images/conspiracy_45.jpg" WIDTH=11 HEIGHT=1 ALT=""></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="17"><IMG SRC="images/conspiracy_48.jpg" WIDTH=17 HEIGHT=12 ALT=""></td>
<td background="images/conspiracy_49.jpg"><IMG SRC="images/conspiracy_49.jpg" WIDTH=1 HEIGHT=12 ALT=""></td>
<td width="17"><IMG SRC="images/conspiracy_52.jpg" WIDTH=17 HEIGHT=12 ALT=""></td>
</tr>
</table></td>
</tr>
</table>
</td>
<!--- FIN colonne de gauche --->


<!--- DEBUT colonne de droite --->
<td width="70%" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="27"><IMG SRC="images/conspiracy_34.jpg" WIDTH=20 HEIGHT=25 ALT=""><img src="images/conspiracy_35.jpg" width="7" height="25"></td>
<!--- AFAIRE : Mettez ici l'intitulé de la colonne --->
<td valign="top" background="images/conspiracy_36.jpg" align="center"><IMG SRC="images/conspiracy_36.jpg" WIDTH=1 HEIGHT=25 align="absmiddle"><span class="titlebar">Contenu du Site</span></td>
<td width="27"><img src="images/conspiracy_39.jpg" width="7" height="25"><IMG SRC="images/conspiracy_40.jpg" WIDTH=20 HEIGHT=25 ALT=""></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="11" background="images/conspiracy_42.jpg"><IMG SRC="images/conspiracy_42.jpg" WIDTH=11 HEIGHT=1 ALT=""></td>
<td bgcolor="#FFFFFF">


<!--- DEBUT contenu de la colonne de droite --->


<!--- AFAIRE : Mettez ici le contenu de la colonne --->
<p class="title">Présentations:</p>
<p>Salut à vous !<br/> Tout d'abord je tiens à vous souhaiter la <strong>bienvenue sur mon site !</strong> <br/>
Ici je vous parlerais <em>d'informatique</em>, de <em>jeux videos</em> ,<em>d'actuces en tout genre</em> et de bien d'autre choses encore ! </p> </br>

<p>Pour me contacter, <a href="mailto:jeremdu06@hotmail.com">cliquez ici</a> !</p>
<p><br>
</p>


<!--- FIN contenu de la deuxieme colonne de gauche --->

</td>
<td width="11" background="images/conspiracy_45.jpg"><IMG SRC="images/conspiracy_45.jpg" WIDTH=11 HEIGHT=1 ALT=""></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="17"><IMG SRC="images/conspiracy_48.jpg" WIDTH=17 HEIGHT=12 ALT=""></td>
<td background="images/conspiracy_49.jpg"><IMG SRC="images/conspiracy_49.jpg" WIDTH=1 HEIGHT=12 ALT=""></td>
<td width="17"><IMG SRC="images/conspiracy_52.jpg" WIDTH=17 HEIGHT=12 ALT=""></td>
</tr>
</table></td>
</tr>
</table></td>
<!--- FIN colonne de droite --->
</tr>
</table>

</div></td>
<td width="16" valign="top" background="images/c_b_d.jpg"><IMG SRC="images/c_b_d.jpg" WIDTH=16 HEIGHT=2 ALT=""></td>
</tr>
</table>
<!--- FIN table de contenu --->

<!--- DEBUT footer --->
<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="35"><IMG SRC="images/c_c_b_g.jpg" WIDTH=35 HEIGHT=56 ALT=""></td>
<td background="images/c_fd_b.jpg"><IMG SRC="images/c_fd_b.jpg" WIDTH=1 HEIGHT=56 ALT=""></td>
<td width="35"><IMG SRC="images/c_c_b_d.jpg" WIDTH=35 HEIGHT=56 ALT=""></td>
</tr>
</table>
<!--- FIN footer --->


<span class="copylegal">Design © 2003 <a class="alegal" href="mailto:yassineb@ifrance.com">yassineb</a> pour <a class="alegal" href="http://www.kitgrafik.com">kitgrafik</a>.</span>
<br>
</div>
</BODY>
</HTML>


je te remerçi de ton aide c'est super simpa
8 Juin 2005 12:15:34

Oui ben quand même, c'était pas trop dur à trouver, c'était marqué la début et la fin du menu :

<!--- DEBUT menu --->
<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="24" background="images/m_fd_g.jpg"><IMG SRC="images/m_fd_g.jpg" WIDTH=24 HEIGHT=1 ALT=""></td>
<td bgcolor="#C7D3D7" align="center">

<!--- AFAIRE : Customizez vos menus ici --->
<a class="menu" href="#">Accueil</a> |
<a class="menu" href="#">News</a> |
<a class="menu" href="#">Dossiers</a> |
<a class="menu" href="#">Forum</a> |
<a class="menu" href="#">Contact</a>

</td>
<td width="28" background="images/conspiracy_20.jpg"><IMG SRC="images/conspiracy_20.jpg" WIDTH=28 HEIGHT=1 ALT=""></td>
</tr>
</table>
<!--- FIN menu --->
8 Juin 2005 12:21:30

ah oui tu as raison j'ai pas fait attention dsl :oops: 
Donc la maintenant il me reste plus qu'a enregistrer ce code dans un fichiers html et de l'ouvrir a chaque fois que je crée une nouvelle page , c'est bien ça ?
merci encore pour ton aide :-D
8 Juin 2005 12:25:00

Pas besoin de l'ouvrir, met-le juste dans le même répertoire que les autres fichiers, c'est le script qui l'intégrera automatiquement dans chaque page, c'est la magie du PHP.

Quand tu voudras changer un truc dans ton menu, édite juste ce fichier, le menu se ra changé sur toutes les pages du site.

(ça marchera pas en local mais seulement sur un hébergeur en ligne, je présise...)
8 Juin 2005 17:11:21

En fait quand je disais "menu" je voulais parler de vraiment tout (ou presque), de maniere à laisser éditable juste la colone de droite ( qui est l'endroit ou je ferais tout mes articles)
Peux-tu me donner le code de tout ça ?
Citation :
Dans chaque page, à l'emplacement du menu, met seulement : <?php include 'menu.html'; ?>

Donc ça reviens à éffacé tout le code (en le remplaçant par le sript) et laisser seulement celui de la colone de droite ?

merci d'avance je suis en galère totale lol
8 Juin 2005 20:45:05

Citation :

Rennou a écrit :
En php c'est pas dur.

Il te faut un fichier dans lequel tu met le code du menu (n'importe quelle extention, tu peux l'appeler menu.html par exemple)

Chaque page de ton site doit s'appeler index.php ; machin.php ; truc.php ; etc.

Dans chaque page, à l'emplacement du menu, met seulement :

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


En effet moi j'utilise c'est astuce mais je divise en 4

un pour la zone head que je stop avant </head> pour pouvoir ajouter des chose a la page un autre que j'appelle bodyheader pour le menu ey un autre bodyfooter pour le bas de la page (enfin le bas du script) et cela fonctionne a merveille
9 Juin 2005 10:40:52

J'ai un autre probleme voilà ce que ça m'affiche quand j'essai seulement d'inclure le haut :

Warning: Failed opening 'haut.htm' for inclusion (include_path='.:') in /www/homes/m/ma/mar/marti191/public_html/index.php on line 23
Aidez moi svp :-( merci


EDIT : C'est bon j'ai réglé le pb mais maintenant j'en est un autre :-x ... Losque je click sur un des liens de mon menu (les autres marchent correctements) il m'affiche cette erreur :

>>>ICI<<<
9 Juin 2005 13:44:18

Il faut faire

<?
include 'lapage.htm';
?>

Ne pas oublier les ' et le ;


Sinon j'avais créer un script sympa pour faire des execptions dans ce script
9 Juin 2005 17:49:56

En fait mon erreur venait du fait que le nom du fichier dans lequel se trouvait ma page, était en deux parties
"classements sites.php" hors il ne fallai que je le mette en un seul mot... Finalement c'était évident lol
Maintenant j'ai encore une question, comment procédé pour installer un systeme de news (comme dans idn :-D )?
J'ai téléchargé "les news v2.2" mais je ne sais pas dutout comment l'installer.
Merci !
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS