Le menu de navigation est pratiquement l’élément le plus important d’un site internet, et à fortiori d’un site photo. De sa lisibilité dépend tout simplement l’envie de l’internaute de cliquer dessus et donc de découvrir le site du photographe. Car même si plusieurs dispositifs automatiques peuvent aider à commencer à naviguer sans faire appel un menu (photo d’accueil cliquable vers la page galerie, liens internes, etc.), ce dernier permet d’avoir en un coup d’oeil une idée du contenu du site : Un menu qui comporte trop d’options ou des libellés alambiqués peut freiner l’internaute. Son aspect visuel (police de caractères et taille de police, couleur, état au survol de la souris, etc.) importe donc autant que son contenu. Le titre de chaque rubrique étant libre, le contenu du menu dépend donc du paramétrage de celles-ci, ainsi que de leur ordre, leur nombre (etc.) puisque le menu est ni plus ni moins que la liste cliquable de toutes les rubriques disponibles sur le site.

La position du menu de navigation un paramétrage qui influe lui aussi beaucoup sur l’allure générale d’un site Photosapiens Service PRO

Paramètre important qui conditionne l’allure générale de la page est la position du menu de navigation. Celui-ci peut être placé selon 5 positions différentes selon qu’il soit vertical (en marge gauche ou en marge droite) ou horizontal (aligné à gauche, à droite, ou au centre).

Constitué de cellules alignées en hauteur ou en longueur, le menu est un des premiers éléments d’un site Photosapiens Service PRO à configurer. Il demande une attention particulière car c’est lui qui est utilisé pour naviguer entre les différentes rubriques du site.

La largeur du menu de navigation est très importante dans le cas d’un menu vertical, elle l’est moins pour un menu horizontal avec lequel elle peut être laissée sur « automatique ». Elle est évidemment conditionnée par le contenu du menu, c’est-à-dire le titre des rubriques, et la taille de la police utilisée.

Les puces permettent de placer un petit icône comme pour une liste non numérotée en html, devant chaque option du menu. Sa position peut être déterminée en pixels selon deux axes, avec pour origine le coin supérieur gauche de chaque cellule de menu. Ainsi, la puce peut apparaître devant le texte ou même après (lorsque la largeur des cellules du menu est connue, c’est-à-dire non laissée en automatique.

A choisir parmi la palette

Chaque option du menu constitue une cellule, on peut donc déterminer l’espacement qui existe entre le texte et le bord de cette cellule.

Chaque option du menu constitue une cellule, on peut donc déterminer l’espacement qui existe entre chacune de ces cellules.

Le nombre de polices de caractères disponibles est très réduit car il se limite à celles qui sont affichées à la fois par la plateforme mac et la plateforme PC.

Pour utiliser le caractère gras (« bold ») ou normal.

Pour utiliser un style italique ou normal

En valeur proportionnelle em (taille normale 1 em)

A utiliser conjointement avec l’espacement intérieur, et à la place de l’espacement intérieur pour un menu horizontal d’une largeur précise (contrairement à d’autres navigateurs comme Internet Explorer, Mozilla Firefox ajoute cet espacement à la largeur spécifiée, d’où l’utilité de la hauteur de ligne).

En pixels

Pour des caractères soulignés (underline) ou normaux (none)

Centré (center), aligné à droite (right) ou à gauche (left)

Couleur de fond des cellules du menu

Bordure des cellules du menu