Aide à la navigation

Pour les "internautes" confirmés, la navigation dans ce site Internet ne devrait pas poser de problème particulier.
Pour ceux qui se sentent moins à l'aise dans le monde du Web, je rappelle ici les éléments utilisés dans ce site pour naviguer d'une page à l'autre.

 

Au menu :

  - la colonne de navigation (quest-ce que c'est ?)
  - les liens (hypertextes) (un peu de théorie et de pratique)
  - la stucture du site (on dit aussi le plan du site)
  - la charte graphique (des goûts et des couleurs ...)
  - le réglage de l'affichage (pour votre confort)
Colonne de navigation.

Cette colonne de navigation est située sur la partie gauche de l'écran, juste en dessous du logo miniature de l'Acélo.

Activités
Divers
Historique
L'Acélo

C'est en fait, la liste (visible en permanence) des différentes rubriques du site . . .
             qui permet une entrée directe dans la partie concernée à partir de n'importe quelle page en cours.

 

 

Liens (hypertextes).

Un lien hypertexte permet de passer d'une page (1) à l'autre, avec un simple clic de la souris.
Le pointeur prend habituellement la forme suivante : en passant sur
un lien hypertexte qui peut être :

  • du texte (une phrase complète, un mot ou une seule lettre ou chiffre),
  • une image ou une partie d'image,
  • un 'bouton' interactif.

Dans ce site, les trois formes de lien hypertexte sont utilisées :

du texte
l'image complète
un bouton

... le calendrier est paru ...

... la lettre x est ...

Cliquez sur l'image complète Cliquez sur le bureau
ou une seule lettre
ou une une partie
interactif

Un lien placé sur une image n'est pas visible d'emblée. Un bon réflexe consiste à déplacer le curseur de la souris sur les Images de la page afin de détecter les liens éventuels.

Le survol d'un lien avec le pointeur de la souris, peut provoquer un changement dans l'aspect (2) de ce lien (c'est le cas d'un bouton interactif). Les liens de ce site, dans la colonne de navigation par exemple, changent de couleur (rouge) et de fond (jaune) pour attirer d'avantage l'attention de l'internaute.

A noter : sur la page d'accueil de ce site, le logo de l'Acélo contient un lien dissimulé sous le "85", l'avez-vous vu ?

Un autre type de lien (3) se présente sous la forme d'une liste déroulante :

Enfin, citons le lien qui ouvre automatiquement votre logiciel de messagerie avec l'adresse du destinataire pour faciliter l'envoi d'un message (email).
Vous trouverez ce type de lien à différents endroits du site, pour contacter un membre de l'Acélo. Par exemple, si vous cliquez sur 'envoi d'un message au webmestre', vous pourrez m'envoyer un email — remplacez 'AT' par '@' (profitez en pour donner votre opinion sur le site :-).

Notes :

(1) Bien que les pages de ce site soient souvent de taille réduite, il est possible d'avoir une page très longue qui nécessite l'utilisation intensive de l'ascenseur pour la faire défiler sur l'écran. Dans ce cas, on utilise des liens hypertextes qui pointent à l'intérieur de la même page. C'est le cas dans cette page d'aide : pour accèder au début de la page.

(2) Le fait qu'un lien hypertexte apparaisse souligné dépend du paramètrage de votre navigateur (ex: Internet Explorer) , c'est généralement la valeur par défaut. Cependant, de nombreux sites Internet imposent leur style d'affichage des liens qui peut être différent.

(3) La rubrique "Liens" de ce site permet d'accèder à des sites Internet extérieurs. Le lien hypertexte est placé sur l'image représentant le logo de l'entité cible.

Structure du site.

Globalement, ce site contient trois types d'information :

  1. Le référentiel : les infos fixes ou quasi permanentes comme les statuts ou le Conseil d'Administration de l'association
  2. Les annonces : les infos courantes, le calendrier des activités et des manifestations.
  3. L'historique avec les différents reportages ou compte-rendus sur les activités passées.

La structure du site colle étroitement à la liste des rubriques de la colonne de navigation.
On peut revenir à tout moment à la page d'accueil ou à l'entrée d'une rubrique en cliquant sur un des liens de la colonne de navigation. Cela permet d'éviter d'avoir à cliquer répétitivement sur le bouton "Précédente" du navigateur pour retourner à la page de départ.

Les informations (les pages) contenues dans ce site sont classées, si possible, dans la rubrique adéquate. Parfois, ce classement n'est pas évident, un évènement relaté peut se trouver à la frontière de différentes rubriques. Pour faciliter l'accès à ces pages, plusieurs liens peuvent y conduire.

Charte graphique.

On appelle "charte graphique", les règles de présentation (textes, couleurs, ...) qui sont appliquées aux pages du site pour un maximum de cohérence et de clarté.

A part l'affichage des photos complètes, les pages du site ont une entête qui diffère suivant le niveau hiérarchique de la page.

Niveau 1 Niveau 2 Niveau 3
Titre Titre Titre
 
 

La couleur de fond de page est généralement identique à celle de cette page-ci.
D'autres couleurs (ou Images) peuvent être aussi utilisées pour les parties à mettre en évidence.

Un fond hachuré indique une information 'périmée', comme une date déjà passée à l'intérieur d'un calendrier.

Ce fond de couleur jaune pâle indique un projet (d'activité ou de manifestation) qui n'est pas encore mis en place.

 

Réglage de l'affichage.
La qualité de l'affichage des pages Internet sur votre écran d'ordinateur dépend de plusieurs facteurs :
   - la dimension de votre écran,
   - la résolution paramètrée pour votre écran,
   - la taille du texte spécifiée dans votre navigateur.

Idéalement, pour un bon confort, il faut avoir un affichage permettant de visualiser la totalité d'une page en largeur. C'est à dire, ne pas voir apparaître l'ascenseur horizontal.

Plus la dimension de votre écran est grande, plus facile est ce réglage. La généralisation des écrans de 17" ou 19" (voire plus grand) offre maintenant un affichage plus confortable.

La résolution est le nombre de points (ou pixels) que peut afficher l'écran en association avec le composant graphique du micro-ordinateur.
Ce site a été optimisé pour une résolution minimale de 1024 x 768 (largeur x hauteur). La largeur d'une page est d'environ 870 (970 pour une photo). Donc, si vous avez une définition réglée sur 800 x 600, vous ne pouvez pas voir une page sans devoir la déplacer latéralement.

En ce moment, la résolution de votre écran est :

Pour régler cette résolution, il faut aller dans les paramètres d'affichage de Windows et voir plus particulièrement, le paramètre "Zone d'écran".

Plus de précisions sur les dimensions ou résolutions d'écran.

La taille du texte est réglable dans navigateur lui-même. Pour "MS Internet Explorer", il faut cliquer sur "Affichage/Taille du texte" et choisir une valeur entre 'La plus grande' et 'La plus petite'. Pour ce site, la valeur par défaut 'Moyenne' ou éventuellement 'Plus petite' convient.

Note-1 : sur certains sites Web, vous voyez parfois un recouvrement des textes par des Images, cela provient de ce que la page à été faite pour une taille de texte 'Plus petite' voire 'La plus petite'. En réglant votre affichage sur ces valeurs, vous constaterez un repositionnement des textes et des Images.

En cas de doute, n'hésitez pas à faire appel à un 'spécialiste'. 

  Revenir en haut de cette page
 
Le 'Webmestre' Paul HUMEAU