séparer template et contenu

**tarang** · 06/06/2007, 18h51

Bonjour,

Ma page web contient un tableau dans lequel est inséré le menu en javascript, et une des cellules affiche le contenu.
J'aimerais savoir comment séparer le fichier template qui comprend l'agencement du tableau et leurs contenus du contenu a proprement parlé dans cette cellule

example ci-dessous où le contenu se situe entre  et 

Faut-il utiliser le php?

merci

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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
 
<html>
<head>
  <title>Clic Music</title>
  <meta name="description" content="description">
  <meta name="keywords" content="keywords">
  <meta name="robots" content="index,follow">
	<style type="text/css" media="all">
		@import "stylesheet.css";
	</style>
  <script language="JavaScript" src="menu_files/menu.js"></script>
  <script language="JavaScript" src="menu_files/items1_fr.js"></script>
  <script language="JavaScript" src="menu_files/template1.js"></script>
 
  <link rel="stylesheet" href="menu_files/menu.css">
</head>
 
<body bottommargin="15" topmargin="15" leftmargin="15" rightmargin="15" bgcolor="white" marginheight="15" marginwidth="15">
 
<!-- Header -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tbody>
    <tr>
    </tr>
    <tr>
	<td class="a1">Welcome to Clic Music</td>
      <td align="right" nowrap="nowrap" valign="bottom">
	<b>
	|&nbsp;<a href="index.html">English</a>&nbsp;
	|&nbsp;<a href="mailto:clic@clicmusic.be">Contact Us</a>&nbsp;
	|&nbsp;<a href="infos.htm">Infos</a>&nbsp;
	|
	</b>
	</td>
    </tr>
    <tr>
 
      <td align="undefined" valign="undefined"></td>
      <td><img src="../pixel.gif" border="0" height="5" width="1"></td>
 
    </tr>
  </tbody>
</table>
 
<!-- /Header -->
 
<!-- Body -->
<table bgcolor="white" border="0" cellpadding="0" cellspacing="0" width="100%">
 
  <tbody>
    <tr>
      <td>
      <table border="0" cellpadding="0" cellspacing="1" width="100%">
	<tbody>
          <tr>
            <td class="header2" colspan="2" valign="top">
            <table align="left" border="0" cellpadding="0" cellspacing="0" width="1">
		<tbody>
                <tr>
                  <td>
                  <script language="JavaScript">
			<!--
				new menu (MENU1_ITEMS, MENU1_POS);
			//-->
		</script></td>
                </tr>
              </tbody>
            </table>
            <table align="left" border="0" cellpadding="0" cellspacing="0" width="1">
		<tbody>
                <tr>
                </tr>
              </tbody>
            </table>
            </td>
          </tr>
	<tr>
		<td bgcolor="#ffffff" valign="top">
		<br>
            <table border="0" cellpadding="3" cellspacing="1" width="100%">
              <tbody>
                <tr>
                  <td class="header2">Pr&eacute;sentation</td>
                </tr>
				  <td>
				  <br>
				  </td>
		<tr>
			<td class="intd">
		<br>
			</td>
		</tr>
		<tr>
                  <td><img src="../pixel.gif" border="0" height="1" width="170"></td>
                </tr>
		<tr>
                  <td class="header2">Ligne 2</td>
                </tr>
		<tr>
			<td class="intd">
		<br>
			</td>
		</tr>
		<tr>
                  <td><img src="../pixel.gif" border="0" height="1" width="1"></td>
 
                </tr>
		<tr><td class="header2">ligne 3</td></tr>
		<tr>
			<td class="intd"><b>
			</b>
			</td>
		</tr>
		<tr>
                  <td><img src="../pixel.gif" border="0" height="1" width="1"></td>
                </tr>
		<tr>
                  <td class="header2">Ligne 4</td>
                </tr>
		<tr>
			<td class="intd">
			<b></b>
			</td>
		</tr>
              </tbody>
            </table>
		</td>
		<td bgcolor="#ffffff" valign="top" width="100%">
            <table border="1" cellpadding="5" cellspacing="0" width="100%">
		<tbody>
                <tr>
                  <td><img src="../pixel.gif" border="0" height="20" width="1"></td>
                </tr><tr></tr>
		<tr>
                  <td>
                  <p style="font-size: 10px; margin-left: 25px;">
			</p>
<!-- Contenu de la page -->
 
 
<!-- Fin du Contenu de la page -->
                  </td>
                </tr>
              </tbody>
            </table>
		</td>
	</tr>
        </tbody>
      </table>
	</td>
    </tr>
  </tbody>
</table>
<!-- /Body -->
 
<!-- Footer -->
<table border="0" cellpadding="3" cellspacing="0" height="22" width="100%">
  <tbody>
    <tr bgcolor="#4682b4">
	<td nowrap="nowrap"><font color="white">Copyright &copy;2002-2007 Clic Music sprl.</font></td>
    </tr>
  </tbody>
</table>
<!-- /Footer -->
 
</body>
</html>

**Bisûnûrs** · 06/06/2007, 21h25

PHP, oui, par exemple, avec l'aide de la fonction include().

**tarang** · 07/06/2007, 17h08

Merci Bisûnûrs
Cela n'est-il pas possible sans php? Mon hébergement windows ne prend pas en charge le php
Dans le cas contraire je serai contraint de trouver un autre hébergeur ... et d'étudier le php

**Bisûnûrs** · 07/06/2007, 17h13

Tu peux renommer tes pages .html en .shtml et faire un include comme ça :

Code :

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

<!-- #include file="fichierainclure.html" -->

**tarang** · 08/06/2007, 13h14

visiblement quelque chose m'échappe, cela ne fonctionne pas comme espéré.
J'ai créé une page "test.shtml" en insérant la ligne include

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
 
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>Test</title>
</head>
<body>
<table style="text-align: left; width: 100%; height: 100%;"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="width: 80px;" colspan="1" rowspan="2">Left</td>
      <td style="height: 60px; text-align: center;">Header</td>
    </tr>
    <tr>
      <td align="undefined" valign="undefined"><!-- #include file="content.shtml" -->
      </td>
    </tr>
  </tbody>
</table>
</body>
</html>

Et une page "content.html" qui est sensée se charger dans la cellulle

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>content</title>
</head>
<body>
Cette page est la page content charg&eacute;e via la fonction
"include"
</body>
</html>

Quelle maladresse ais-je pu commettre?

**Bisûnûrs** · 08/06/2007, 13h30

Tu dis inclure content.shtml mais dans ton post tu dis aussi Et une page "content.html" qui est sensée..

De plus en local ça ne marche pas, il faut impérativement que tu lises tes fichiers sur un serveur.

Enfin, ton ficher qui est inclu ne doit pas contenir les balises html, body, head, etc ..

**Maxoo** · 08/06/2007, 19h13

On peut aussi inclure un fichier html dans un <object> si je me rappelle bien.

**Bisûnûrs** · 08/06/2007, 21h19

Envoyé par Maxoo

On peut aussi inclure un fichier html dans un <object> si je me rappelle bien.

Comme indiqué dans la FAQ HTML, oui.

Seul hic sur lequel il faudra que je me penche, c'est enlever la scrollbar.

**tarang** · 11/06/2007, 13h54

Hello

Inclure la page comme objet fonctionne bien en effet, même offline, mais s'ajuste difficilement à la cellule. Cependant l'autre méthode consistant a créer des fichiers shtml ne fonctionne pas pour moi. Sur le serveur, pas moyen de charger le fichier .shtml et il me retourne le message "The page cannot be found".

**Clorish** · 11/06/2007, 15h36

J'ai eu le meme probleme que toi et je l'ai resolu de la maniere suivante :

1 - Je developpe ma page en Html classique, poru avoir le template
2 - Je repere les section modifiables.
3 - Je decoupe mon code en X section (de preference 2 avec 1 section modifiable, voir 3 et 2 sections)
4 - Je creer un fichier tempalts.php avc des fonction du type tpl_background_top, tpl_background_center, tpl_background_bottom, etc ...

et ensuite je fait appel a ces fonctions dans ma page php en intercalant le code html, entre les appels a Top/Center/Bottom

**tarang** · 11/06/2007, 16h14

Le php semble donc être une bonne solution, plusieurs personnes me le conseille. Seuls soucis: Mon hébergement ne supporte pas le php et je n'y connais rien. Vive l'aventure. Sinon il y a aussi les iframes non?
Aussi, mon menu est en javascript (tigra), ce serait peut-être judicieux que le lien pointe directement vers cette cellule.
Comment faire pour que les pages s'ouvrent systématiquement via la page template?

merci pour votre aide

**blueice** · 11/06/2007, 16h33

Le plus simple pour toi, reste Dreamweaver et ses templates en HTML.

Si tu possèdes DW, suffit de lire l'aide...

**tarang** · 11/06/2007, 16h50

Je n'ai pas vraiment les moyens de m'acheter une licence Dreamweaver, je travaille avec NVU et Notepad++
Je continue pour l'instant en insérant les pages comme objet... en attendant LA solution. Le twist est que je me retrouve avec autant de pages template que de pages content, ça n'a pas vraiment de sens je sais
Je n'ai pas peur de la terra incognita

**blueice** · 11/06/2007, 16h53

Je n'ai pas vraiment les moyens de m'acheter une licence Dreamweaver, je travaille avec NVU et Notepad++
Je continue pour l'instant en insérant les pages comme objet... en attendant LA solution. Le twist est que je me retrouve avec autant de pages template que de pages content, ça n'a pas vraiment de sens je sais
Je n'ai pas peur de la terra incognita

D'où l'intéret de travailler sans tableau pour la mise en page, en séparant le contenu de la forme, de cette manière le travail est grandement facilité.

**Clorish** · 11/06/2007, 18h03

En fait je poserais le probleme a l'envers : Plutot que de chercher une solution pour developper un site compatible avec l'hebergeur ... je chercherais plutot un hebergeur compatible avec mon site.

Parce que (sans vouloir denigrer) mais un hebergeur qui n'est n'accepte pas du php ca existe encore ?!?

D'autant qu'apres avoir touche au PHP/Mysql ....

séparer template et contenu

HTML

Discussions similaires

Partager

Partager