Mire de Navigation

Les mires de navigation sont des documents qui permettent aux Utilisateurs de naviguer intuitivement dans un intranet.

La mire de navigation est une représentation graphique permettant d'accéder de façon intuitive à un document, à une information précise.

Une mire est donc une image contenant des "zones réactives", pointant sur des points de procédures, des documents, d'autres mires…

La création de mire de navigation nécessite l'utilisation d'un logiciel de dessin vectoriel tel que Fireworks.

Une fois la mire de navigation créée dans Fireworks (document .png), celle-ci est "exportée" en 2 fichiers (.htm et .gif).

Une mire de navigation se définit donc par 3 fichiers :

un document de "travail" qui sert à la conception graphique et à la définition des "zones réactives" (.png)
un document htm,
un document "image" (.gif).

Création d'une "zone réactive"

Dans la barre de menu horizontale de Fireworks, aller dans "Fenêtre" et cliquer sur "Outils", la fenêtre d'outils d'affiche.

Sélectionner l'outil "Outil Référence Rectangulaire" (rectangle vert clair), le curseur de votre souris devient une croix.

À l'aide du curseur, sélectionner la partie de votre document que vous souhaitez définir comme une " zone réactive "

Dans l'exemple ci-dessous la " zone réactive " a été définie sur la partie "Visite de Sélection".

Ensuite, dans la barre de menu horizontale de Fireworks, cliquer sur "Fenêtre" et sélectionner "URL", la fenêtre suivante s'affiche :

Dans le champ représenté par un "maillon", supprimer "Aucune URL (sans HREF) et indiquer le code du document associé.

La " zone réactive " est créée.

"Exportation" de la mire de navigation

Une fois que la conception graphique et la définition des "zones réactives" de la mire sont terminées, dans la barre de menu horizontale de Fireworks, cliquer sur "Fichier" et sélectionner "exporter". La fenêtre suivante s'affiche :

Compléter les champs suivants :

"Enregistrer dans" : sélectionner le dossier où doivent être conservés les documents générer par l'"exportation" (.htm et .gif)
"Nom du fichier",
"Type" : sélectionner "Documents HTML er Images"
"HTML" : sélectionner "Exporter le fichier HTML
"Découpes" : sélectionner "Aucun"

Puis, enregistrer. Les fichiers .htm et .gif ont été créés.

Modification d'une mire de navigation

Important :Tout changement dans la mire de navigation (changement graphique, changement de " zone réactive "…) nécessite une nouvelle exportation du fichier .png en .htm et .gif.

Propositions pour une charte graphique
pour les schémas Fireworks destinés à l'intranet et à l'eLearning

typographie

texte en Franklin 11

usage des majuscules ?

grille

grille de 11/11 pixels pour aligner les blocs

couleurs

jaune vif pour l'AC

bleu clair pour le CPP

rouge pour les informations de temps

_____