[HTML] solution pour mon site

**onirisme** · 20/09/2007, 08h25

Bonjour,

J'ai essayé de faire quelque chose de simple alors le code est réduit.
Le shéma :
1-> Toutes tes pages avec l'extension .php (renomme tes fichiers, ça ne changera rien à ta mise en page). Il faut que tus sois équipé de php sur ton serveur local et/ou distant.

2-> Les fichiers :
-index.php (ce qui te sert de template. Il doit y avoir ton document de base)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<!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>
        <title>Titre de la page</title>
        <!--Balises meta et liens css-->
</head>
 
<body>
<div id="conteneur">		
        <h1 id="header"><a href="index.html" title="ici votre logo"></a></h1>
        <!--Le menu-->
 
        <!--Ici tu places ton div contenu-->
        <div id="contenu">
 
        </div>
 
 
        <p id="footer">© Copyright 2007</p>
</div>
</body>
</html>

Les fichiers (suite)->
- accueil.php (contenu de la page index, cette page sera chargée au démarage.)
- bienetre.php
- minceur.php
- produits.php
- itech.css

3->Edites tes pages comme bon te semble, elle seront automatiquement reliées à ton .css

4-> Edition de ton menu :
Pour ton menu, nous allons utiliser une méthode qui permettra de transférer des informations dans l'url :
<a href="[page_source]?contenu=[page_a_afficher]>Titre du lien</a>
[page_source] = Page qui affiche le contenu, dans notre cas index.php
[page_a_charger]= Page que tu souhaites afficher (sans l'extension)
Le code du menu :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<ul id="menu">
                <li><a href="index.php">Accueil</a></li>
                <li><a href="index.php?contenu=bienetre">Bien être</a></li>
                <li><a href="index.php?contenu=minceur">Minceur</a></li>
                <li><a href="index.php?contenu=product">Nos Produits</a></li>
                <li><a href="mailto:email@adresse.com">Contact</a></li>
</ul>

5-> Le chargement du contenu :
Nous allons utiliser php pour charger des pages à l'aide de _GET. Cette fonction te permet de récupérer les informations envoyées par l'url. Nous placons ce code dans ta balise div contenu. Toutes les pages qui seront inclues dans ce cadre prendront les propriété css que tu as determinées.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<div id="contenu">
           <?php
           /*--Nous utilisons la fonction GET de php qui permet de récupérer les infos via l'url*/
           //Si un lien est cliqué :
           if  (isset($_GET['contenu'])){
            //On inclu cette page + extension .php
           include($_GET['contenu'].'.php');
           } else {
            /*On charge la page d'accueil par défaut. La fonction include permet d'inclurer un document */
            include('accueil.php');  }
            ?>
        </div>

J'éspère avoir été clair...

Cadeau : Le lien -> ICI
Archive zip avec tous les fichiers :template2.zip

Je te laisse faire la même chose pour tes autres documents (services).

**djoyeux** · 20/09/2007, 13h08

si tu veux quand même garder à l'affichage et tout tes lien aussi tu peux utiliser le .htaccess de ce type.

attention a déclarer tes varible dans le page.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
Options FollowSymlinks
RewriteEngine on
 
RewriteRule accueil.html index.php?menu=accueil [L]

tu initialise tes variables.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<? if (!isset($menu)) $menu = "accueil"; ?>

et dans ton index.php tu met là ou tu veux inculre la page.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<? if ($menu == "accueil") { include "accueil.php"; } ?>

ta page doit resembler à ça.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
 
<? include "scripts/sess_start.php"; ?>
<? require "variable.php"; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="copyright" content="Damien Joyeux 2007" />
<meta name="description" content="" />
<meta name="keywords" content="<? echo $keyword_all; ?>" />
<title>Reverb Sonorisation</title>
<link rel="stylesheet" href="scripts/form.css" type="text/css" />
<link rel="stylesheet" href="scripts/texte.css" type="text/css" />
<link rel="stylesheet" href="scripts/menu.css" type="text/css" />
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
 
 
</head>
 
<body>
<!--           Conteneur centre le site             -->
 
<div id="global">
			<!--///////////////////////////////////  HEADER  ////////////////////////// -->
	 <div id="header"></div>
        <div id="fond">
			<!--///////////////////////////////////  MENU A GAUCHE  ////////////////////////// -->
			<div id="menu">
				<h2>Réverb</h2>
				<ul>
					<li><a href="accueil.html" title="L'esprit REVERB">L'esprit REVERB</a></li>
					<li><a href="Contact.html" title="Références">Références</a></li>
					<li><a href="devis.html" title="DJ &amp; Artistes">DJ &amp; Artistes</a></li>
					<li><a href="" title="Matériel">Matériel</a></li>
 
				</ul>
				<h2>L'événementiel</h2>
				<ul>
					<li><a href="#" title="#">Privées</a></li>
					<li><a href="#" title="#">Etudiants</a></li>
					<li><a href="#" title="#">Entreprise</a></li>
					<li><a href="#" title="#">Concerts</a></li>
 
				</ul>
			</div>
			<!--///////////////////////////////////  CORPS  ////////////////////////// -->
			<div id="corps">
            	<div class="haut"></div>
				<? if ($menu == "accueil") { include "accueil.php"; } ?>
				<? if ($menu == "contact") { include "contact.php"; } ?>
				<? if ($menu == "devis") { include "devis.php"; } ?>
            	<div class="bas"></div>
			</div>
            <br />
            </div>
			<!--///////////////////////////////////  FOOTER  ////////////////////////// -->
			<p id="footer">
            <a href="mailto:info@reverb-sonorisation.com"><img src="images/vide.png" alt="Mail"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="contact.html"><img src="images/vide.png" alt="Contact"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="devis.html"><img src="images/vide.png" alt="Devis"></a>
            <br /><br />Mail - Contact - Devis
			</p>
 
</div>
</body>
</html>

Je sais pas si tu as tout compris mais tout fonctionne correctement sur easyphp. Attention il faut que ton site soit dans le répertoire www. Sinon le htaccess ne marchera pas avec un alias.

[edit]j'avais pas vu mais c'est bien le même principe que le message laissé juste avant moi. Je rajout juste le htacces qui fera la tranduction.

Quant tu appelleras la page accueil.html dans un lien hypertexte le htaccess appellera la page index.php?menu=accueil. Pour les moteurs de recherche c'est bcp mieux.

@++

**cdevl32** · 20/09/2007, 13h52

Bonjour,

J ai tester et enfin j 'ai compris ! sur un tutorial sur les templates j ai vu qu il prenait comme fichier de départ index.php comme vous et pour le reste des fichiers .inc par exemple services.inc ??

C est quoi comme type de fichier ?

bonne journée.

**onirisme** · 20/09/2007, 14h21

inc pour "include".

Ca n'a pas d'importance le type de fichier... Ne t'occupes pas de ça ou tu vas te perdre.

Le tutoriel que tu as consulté explique comment réaliser des pseudo frames en php avec des fichiers dont l'extension est inc.php.

Concentre toi sur que nous t'avons envoyé pour le moment. Après tu pourras évoluer vers ce type d'inclusion

**djoyeux** · 20/09/2007, 18h01

onirisme.

J'espère ne pas t'avoir courcircuité avec mon poste...

D'un autre coté deux sources valle mieux qu'une.

PS : Ne pas oublié le .htaccess quand tu auras le temps c tres important le rewrite pour le moteur de recherche.

PS2 : Dieux de l'orthographe pardonne moi.

**cdevl32** · 20/09/2007, 20h52

bonsoir

Un grand merci à vous pour vos explications.

bonne soirée

chris

[HTML] solution pour mon site

HTML

Discussions similaires

Partager

Partager