séparer template et contenu

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

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, 20h25

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

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

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, 16h13

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, 12h14

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, 12h30

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

séparer template et contenu

HTML

Vue hybride

Discussions similaires

Partager

Partager