Une des choses les plus importantes dans un site web est la navigation. Elle se fait généralement autour d'un menu.
Il est donc nécessaire de soigner le menu de son site. C'est un élément qui se retrouve dans toutes les pages et qu'il est de bon ton d'animer avec un peu avec du CSS ou du JS.
Une des choses cool à faire est "Un marque ta page". En effet, il est important d'indiquer à un internaute où il se trouve dans votre site.
Le but est alors de repérer dans le menu la page actuellement affichée par un style spécifique.
le CSS:
.menu {
list-style: none;
}
body#homepage li#home a, body#page1page li#page1 a {
background: #fc3;
}
la page index.htm:
<body id="homepage">
<ul>
<li id="home"><a href="index.htm">Home</a></li>
<li id="page1"><a href="page1.htm">Page 1</a></li>
</ul>
la page page1.htm:
<body id="page1page">
<ul>
<li id="home"><a href="index.htm">Home</a></li>
<li id="page1"><a href="page1.htm">Page 1</a></li>
</ul>