séparer template et contenu

Version imprimable

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:

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>

06/06/2007, 20h25
Bisûnûrs

PHP, oui, par exemple, avec l'aide de la fonction include().
07/06/2007, 16h08
tarang

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
07/06/2007, 16h13
Bisûnûrs

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

Code:

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:

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:

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?

08/06/2007, 12h30
Bisûnûrs

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 ..
08/06/2007, 18h13
Maxoo

On peut aussi inclure un fichier html dans un <object> si je me rappelle bien.
08/06/2007, 20h19
Bisûnûrs

Citation:

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.
11/06/2007, 12h54
tarang

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".
11/06/2007, 14h36
Clorish

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
11/06/2007, 15h14
tarang

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
11/06/2007, 15h33
blueice

Le plus simple pour toi, reste Dreamweaver et ses templates en HTML.
;) Si tu possèdes DW, suffit de lire l'aide...
11/06/2007, 15h50
tarang

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
11/06/2007, 15h53
blueice

Citation:

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é.
11/06/2007, 17h03
Clorish

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