HTML - Plans

  »   HTML  »   Tutoriel HTML - Plans / Créer une page internet avec des plans

HTML - Plan standard

Un plan standard est composé d'une bannière dans la partie supérieure de la page, un menu sur la gauche, et la zone de contenu au milieu ou sur la gauche. Ceci est le plan le plus classique pour un site internet, et, à mon avis, un modèle représentatif.

Un plan n'a pas beaucoup d'options. D'un autre coté, un tableau est très utile. Dans un tableau vous pouvez ajouter pratiquement tous les éléments, même un autre tableau.

html<table cellspacing="1" cellpadding="0" border="0" bgcolor="black" id="shell" height="250" width="400">
	<tr height="50">
		<td colspan="2" bgcolor="white"> 
		
			<table title="Banner" id="banner" border="0"> 
				<tr>
					<td>Ici vous pouvez mettre une bannière, logo, etc</td>
				</tr> 
			</table>
		
		</td>
	</tr>
	<tr height="200">
		<td bgcolor="white"> 
		
			<table id="navigation" title="Navigation" border="0">
				<tr>
					<td>Lien!</td>
				</tr>
				<tr>
					<td>Lien!</td>
				</tr>
				<tr>
					<td>Lien!</td>
				</tr>
			</table> 
			
		</td>
		<td bgcolor="white">
			
			<table title="Content" id="content" border="0">
				<tr>
					<td>Le contenu du site sera placé ici</td>
				</tr> 
			</table> 
			
		</td>
	</tr>
</table>

Ceci est une approche de base. Comme vous verrez si vous utilisez ces plans dans votre page internet, cela deviendra très complexe lorsque vous ajouterez plus de contenu. Néanmoins, il est très important que vous spécifiez la hauteur et la largeur. Le plus spécifique vous serez pour définir ces attributs et pas uniquement ceux-ci, le moins d'erreurs vous aurez.

Etudiez ce code un petit peu, organisez le pour que vous soyez capable de le comprendre. Copiez le dans un nouveau document pour le voir.