Rien de trop ardu pour une page de ce type, un titre, un menu, le contenu de la page (ce que vous êtes en train de lire), et un pied de page contenant les informations d'ordre informatif (en general).
A noter qu'aucun style n'a ete applique a la page, vous remarquerez que le site est tout a fait lisible et utilisable, certes peu agreable a l'œil mais fonctionnel ! Je vais plutôt vous proposer ci-après le code xhtml utilisè pour cette page.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <title>Creation d'un design etape par etape - Etape nø1 : Le code xhtml</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Language" content="fr" /> </head> <body> <div id="conteneur"> <h1 id="header"><a href="etape1.html" title="Colored Design - Accueil"><span>Colored Design</span></a></h1> <ul id="menu"> <li><a href="etape1.html">Etape nø1</a></li> <li><a href="etape2.html">Etape nø2</a></li> <li><a href="etape3.html">Etape nø3</a></li> <li><a href="etape4.html">Etape nø4</a></li> <li><a href="etape5.html">Etape nø5</a></li> </ul> <div id="contenu"> <h2>Un titre</h2> <p>Un paragraphe</p> </div> <p id="footer">Realisation des codes xhtml & css, du tutoriel et du design par ElMoustiko</p> </div> </body> </html>
Passons maintenant a l'etape nø2, le debut de la mise en forme et en place du design.