La navigation: menus et sous-menus

La navigation principale est située dans la zone identifiée par ID=navigBarre

La navigation secondaire est identifiée dans la zone appelée colLeft, soit la colonne de gauche.

Navigation principale ou menu

Regroupant aux maximum 7 entrées exclusives l'une de l'autre, la navigation principale constitue l'ossature de votre site sur laquelle l'internaute se repose pour naviguer dans ce dernier et atteindre les pages.

Les mots doivent être simples et courts.

Nous vous proposons les entrées principales de l'Université, mais vous pouvez également adapter la navigation à votre site.

La modification est aisée, les différentes entrées sont des éléments d'une liste non-ordonnée

Pour l'uni par exemple:

<ul>
<li><a href="/university">L'universit&eacute;</a></li>
<li><a href="/study">Les &eacute;tudes</a></li>
<li><a href="/research">La recherche</a></li>
<li><a href="/unilife">Uni-Life</a></li>
<li><a href="/news">News</a></li>
<li><a href="/link" class="last">Liens</a></li>
</ul>

ce qui donnerait sans le style

• L'université
• Les études
• La recherche
• Uni-Life
• News
• Liens

et qui donne avec le style ce que vous avez dans la barre ci-dessus.

Navigation secondaire ou sous-menu

On appelle navigation secondaire les points d'entrée au sein d'un même élément de menu. Par exemple, lorsque je clique sur L'Université, j'obtiens des sous-entrées comme Les facultés, Historique, etc...

Autrefois ces éléments se traduisaient pas des menus déroulants. Nous vous proposons de les disposer dans la colonne de gauche en leur attribuant le styl/clase box002 (<div class="box002">).

En pratique dans Dreamweaver:

dans la colonne de gauche, disposez le curseur et choisissez dans Dreamweaver dans le menu Insert l'élément Layout Objects > Div Tag

Introduisez ensuite vos sous-menus sous la forme d'une liste non ordonnée.

Vous pouvez également attribuer un titre en donnant à ce dernier l'attribut Heading 2 (<H2>) ou Heading 3 (<H3>).