Tom's Guide > Forum > Programmation > Creer ma 2eme page web (html+css) en gardant les menus de la 1ere

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

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

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !

Forum

Créer un nouveau sujet Répondre

Bas de page Chercher dans ce sujet

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

Répondre

Inscrivez-vous ou connectez-vous pour masquer ceci.

tu refait exactement comme la première....
Sinon tu fait du php

Répondre à neokiller007

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

Répondre à jeremdu06

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'; ?>

Répondre à Rennou

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

Répondre à jeremdu06

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.

Répondre à Rennou

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

Tiens voilà le code :


<HTML>
<HEAD>

<TITLE>Bienvenue sur mon site !</TITLE>

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

<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>



<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>



<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">


<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>



<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>

<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>

<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">





<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>


</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>

<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">




<p>Ou news si vous preferez<br> Premiere News <br> Blablabal<br> Deuxieme News <br> Blablabal</p>



</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>



<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>

<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">




<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>



</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>

</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>



<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>


<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

Répondre à jeremdu06

Oui ben quand même, c'était pas trop dur à trouver, c'était marqué la début et la fin du 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">


<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>

Répondre à Rennou

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

Répondre à jeremdu06

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...)

Répondre à Rennou

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

Répondre à jeremdu06

:bounce:

Répondre à jeremdu06

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

Répondre à SiM07

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<<<

Répondre à jeremdu06

Up please !

Répondre à jeremdu06

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

Répondre à SiM07

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 !

Répondre à jeremdu06

Créer un nouveau sujet Répondre

Tom's Guide > Forum > Programmation > Creer ma 2eme page web (html+css) en gardant les menus de la 1ere

Aller à :

Aide |
Règles du forum

Il y a 2706 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Forum

Page générée en 0,506 secondes

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler

Liens