Ben j'ai aucune instructions: juste des suggestions. Prenons le cas d'une page html basique;
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Page exemple</title>
</head>
<body>
<div>
<h1>Titre de la page</h1>
</div>
<ul id="menu">
<li><a href="#" class="" title="">lien_1</a></li>
<li><a href="#" class="" title="">lien_2</a></li>
<li><a href="#" class="" title="">lien_3</a></li>
</ul>
<div id="contenu">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vestibulum euismod magna. Proin egestas nibh et metus. Quisque fermentum massa at diam. Donec eu elit vitae est laoreet bibendum. Nam aliquet neque ac diam. Pellentesque iaculis sapien vitae enim. Suspendisse accumsan dui sit amet lacus. Nunc commodo, est id convallis pharetra, magna ante tempus metus, ac feugiat massa lacus non elit. Aliquam consequat, eros non sodales lobortis, wisi felis malesuada dolor, non luctus lacus neque ac enim. Proin feugiat bibendum dolor. Nunc diam nunc, vehicula et, auctor id, facilisis sit amet, mi. Nunc nulla. Vivamus quis dolor non est suscipit tempus. Suspendisse eu dui sed est cursus dictum. Sed rhoncus enim ut libero. </p>
<p>Vivamus vitae tortor. Duis ipsum. Quisque diam tortor, ullamcorper non, commodo sed, volutpat at, dolor. Phasellus semper tellus vitae enim. Suspendisse potenti. In in libero et neque vehicula iaculis. Cras dui tortor, vestibulum in, porta consequat, auctor non, neque. Vivamus sem tortor, consequat et, facilisis sit amet, luctus non, mauris. Aliquam lorem sem, pharetra eget, elementum eu, scelerisque molestie, risus. Mauris vehicula mauris nec metus. Quisque justo sapien, porta quis, blandit id, imperdiet eu, felis. Cras nulla.</p>
</div>
<div id="pied_de_page">
<p>copyright</p>
</div>
</body>
</html>
Partant de là, on va découper ça en modules complémentaires:
- entete.php
- haut_page.php
- menu.php
- contenu.php
- pied_page.php
On va créer un index.php qui va comporter uniquement des includes:
<?php
include_once("entete.php");
include_once("haut_page.php");
include_once("menu.php");
include_once("contenu.php");
include_once("pied_page.php");
?>
voici les contenus individuels de chaque module:
entete.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Page exemple</title>
</head>
<body>
haut_page.php
<div>
<h1>Titre de la page</h1>
</div>
menu.php
<ul id="menu">
<li><a href="#" class="" title="">lien_1</a></li>
<li><a href="#" class="" title="">lien_2</a></li>
<li><a href="#" class="" title="">lien_3</a></li>
</ul>
contenu.php
<div id="contenu">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vestibulum euismod magna. Proin egestas nibh et metus. Quisque fermentum massa at diam. Donec eu elit vitae est laoreet bibendum. Nam aliquet neque ac diam. Pellentesque iaculis sapien vitae enim. Suspendisse accumsan dui sit amet lacus. Nunc commodo, est id convallis pharetra, magna ante tempus metus, ac feugiat massa lacus non elit. Aliquam consequat, eros non sodales lobortis, wisi felis malesuada dolor, non luctus lacus neque ac enim. Proin feugiat bibendum dolor. Nunc diam nunc, vehicula et, auctor id, facilisis sit amet, mi. Nunc nulla. Vivamus quis dolor non est suscipit tempus. Suspendisse eu dui sed est cursus dictum. Sed rhoncus enim ut libero. </p>
<p>Vivamus vitae tortor. Duis ipsum. Quisque diam tortor, ullamcorper non, commodo sed, volutpat at, dolor. Phasellus semper tellus vitae enim. Suspendisse potenti. In in libero et neque vehicula iaculis. Cras dui tortor, vestibulum in, porta consequat, auctor non, neque. Vivamus sem tortor, consequat et, facilisis sit amet, luctus non, mauris. Aliquam lorem sem, pharetra eget, elementum eu, scelerisque molestie, risus. Mauris vehicula mauris nec metus. Quisque justo sapien, porta quis, blandit id, imperdiet eu, felis. Cras nulla.</p>
</div>
pied_page.php
<div id="pied_de_page">
<p>copyright</p>
</div>
</body>
</html>
Partant de là, il te reste à concevoir le style CSS pour la mise en page et tu peux modifier chaque module individuellement, mais en sachant quelle partie de la page il représente. Donc travaille sur une maquette complète, ajuste tes styles et ensuite, découpe en modules à contenu variable ou non. Ici, je n'ai pas utilisé de tableaux, mais tu pourrais en utiliser du moment que tu crées un code conforme.
