5568 sujets

Sémantique web et HTML

Aide pour un probléme de redirection en HTML

bonjours je suis entrain de faire un site test en html, et je veux parexemble que quand je click par exemple sur "contact" dans mon menue, que la feuille "contact.html" soit affiché sur la page courante , c'est a dire dans ma <div> contenue, et pareil pour les autres pages
je vous donne mon code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<title>
		mon site de test
	</title>
	<!-- La feuille de styles "base.css" doit être appelée en premier. -->
	<link rel="stylesheet" type="text/css" href="styles/base.css" media="all" />
	<link rel="stylesheet" type="text/css" href="styles/modele02.css" media="screen" />
	<script type="text/javascript" src="carrousel/jquery.js"></script>
    <script type="text/javascript" src="carrousel/carrousel.js"></script>
	<link rel="stylesheet" href="carrousel/carrousel.css" type="text/css" media="screen" />
</head>

<body>

<div id="global">

	<div id="entete">
	<!-- le caroussel -->
		<div id="conteneur">
     <div id="carrousel">
	<div id="slide1" class="slide">
	    <div class="visu">
		<img src="carrousel/img/slide1.jpg"/>
	    </div>
	    
	</div>
	
	<div id="slide2" class="slide">
	    <div class="visu">
		<img src="carrousel/img/slide2.jpg"/>
	    </div>
	</div>
	
	
	<div id="slide3" class="slide">
	    <div class="visu">
		<img src="carrousel/img/slide3.jpg"/>
	    </div>
	</div>
	
     </div>
	 <!-- #fin caroussel -->
  </div>
	</div><!-- #entete -->
	
	<div id="navigation">
		<ul>
			<li class="gauche"><a href="acc.html">Accueil</a></li>
			<li class="gauche"><a href="qns.html">Qui nous sommes</a></li>
			<li class="gauche"><a href="photo.html">Photo</a></li>
			<li class="gauche"><a href="cal.html">Calendrier de réservation</a></li>
			<li class="gauche"><a href="contact.html">Contact</a></li>
		</ul>
	</div><!-- #navigation -->
	<br/>
	<div id="contenu">
	
	</div><!-- #contenu -->
	<br/>

	<div id="pied">
		
		<p id="copyright">
		 Copyright&copy; 2011  All Rights Reserved.
		</p>
	</div><!-- #pied -->

</div><!-- #global -->

</body>
</html>

quelqu'un peut m'aider svp
je vous remercie d'avance.
Modifié par sidomed (02 Nov 2011 - 19:17)
Bonjour, tu peux nous expliquer pourquoi tu cherches à faire de cette façon ?

Si c'est pour éviter de répéter les parties de ta page qui sont identiques telles que l'entête, le menu et le pied de page, tu peux utiliser les include en php.
Bonjour,

La manière classique de faire un site web en HTML c'est que chaque page correspond à une URL (adresse de page web), et pour chaque URL le serveur web va envoyer une page web complète qui comprend le code HTML pour:
- les parties communes à toutes les pages (en-tête, structure, navigation);
- le contenu spécifique à la page.

Côté serveur, tu peux avoir pour chaque URL une page HTML complète (et donc le code HTML pour les parties communes à toute les pages sera dupliqué autant de fois que tu as de pages). Ou bien tu peux utiliser un langage de script tel que PHP pour automatiser un peu tout ça et éviter de dupliquer du code (voir le lien donné par Mabelle).
Hello,

Si tu cherche absolument à ouvrir le contenue de ton code contact dans une div il est possible de le faire avec une iframe.
Tu as plusieurs possibilités

- Utiliser des frameset à l'ancienne (le truc à ne pas faire)
- Utiliser des iframes en chargeant des urls différentes en fonction de l'élément du menu cliqué (très sale aussi)
- Utiliser du PHP avec des includes avec un paramètre en GET (l’inconvénient c'est que tu auras forcément un rafraichissement de la page
- Utiliser AJAX avec un frawork en JS si besoin pour charger les includes dynamiquement
Sujet clos
Aller à