[ 139969 ]
[ 38.103.63.16 ]
Réalisation du site en XHTML avec CSS (partie 3)Etape 4 - Les LiensPour pouvoir relier nos futures pages entre elles il va falloir créer des liens.
Dans notre étude nous avons besoin de 4 liens :
Insérons nos liens dans notre fichier "index.html":
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Mon premier site en XHTML</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<div class="style">
<span class="titre">Mon premier site en XHTML avec CSS</span>
</div>
</div>
<div id="menu">
<div class="style">
<span class="menu"><strong>MENU :</strong></span>
<ul class="nav">
<li><a href="index.html"> Accueil</a></li>
<li><a href="rubrique1.html"> Rubrique 1</a></li>
<li><a href="rubrique2.html"> Rubrique 2</a></li>
<li><a href="rubrique3.html"> Rubrique 3</a></li>
<li><a href="rubrique4.html"> Rubrique 4</a></li>
</ul>
</div>
</div>
<div id="page">
<div class="style">
<p>Contenu de site web</p>
</div>
</div>
<div id="footer">
<div class="style">
<span>2005 Copyright by Moi</span>
</div>
</div>
</div>
</body>
</html>
Attention ! Pensez à rajouter un lien vers votre page principale comme ci-dessus, car une fois que nous cliquerons sur une des rubriques, nous ne pourrons plus revenir sur celle-ci. Cliquez ici pour Voir l'aperçu Etape 5 - Les PagesEn résumé nous avons créé une page nommée "index.html", qui sera la première page affichée lors d'une visite d'un internaute. Il faut maintenant créer les autres fichiers HTML, qui accueilleront nos rubriques. Donc ouvrez le fichier "index.html" si ce n'est pas déjà fait, puis faire un "enregistrement sous" un autre nom que "index.html".
Une fois nos fichiers créés, nous nous retrouvons avec 6 fichiers qui sont:
Bien sûr tous ces fichiers ont un nom différent, mais sont identiques dans leur contenu.
Voilà votre site est maintenant créé, à vous de compléter les textes de contenu de chaque page. J'espère que ce cours vous auras apporté un soutient pour votre projet. |