Association des Réserves Naturelles des Aiguilles Rouges

Présentation et fonctionnement du site internet

Introduction

Le site de notre association est écrit en HTML 5 et CSS 3, qui sont deux langages utilisés pour créer un site web sur Internet.

Les navigateurs sont les programmes qui vous permettent d'afficher ces sites.

Seules les versions les plus récentes des navigateurs, prennent en charge ces nouveaux standards, c'est pourquoi nous sommes partis du postulat de dégradation gracieuse, c'est à dire que nous acceptons que notre site n'ait pas tout à fait la même présentation en terme d'effets visuels, mais reste quand même lisible sur tous les navigateurs (exemple : Internet Explorer ne reconnaît l'affichage du texte sur 2 ou plusieurs colonnes qu'à partir de sa version 10 fonctionnant sous Windows 8).

c'est la raison pour laquelle nous conseillons aux utilisateurs d'Internet Explorer dont la version est inférieure à la version 10, d'utiliser un autre navigateur (cf. paragraphe suivant.).

Vous trouverez sur la page "Mise à jour des navigateurs" des liens vers les sites vous permettant de mettre à jour vos navigateurs.

Le meilleur rendu de notre site en terme d'effets visuels est obtenu avec Mozilla Firefox.


Certains des documents qui vous sont présentés dans notre site sont au format PDF

 C'est un langage de description de pages créé par la société Adobe Systems en 1993.

 La spécificité du PDF est de préserver la mise en forme d’un fichier – polices d'écritures, images, objets graphiques, etc. – telle qu'elle a été définie par son auteur, et cela quels que soient le logiciel, le système d'exploitation et l'ordinateur utilisés pour l’imprimer ou le visualiser. Source Wikipédia


Pour télécharger ce logiciel copiez le lien ci-dessous dans la barre de recherche de votre navigateur et suivez les instructions qui vous sont fournies.

Fonctionnement du site

Page d'accueil

La première capture d'écran présentée dans le cadre de gauche, correspond à la nouvelle page d'accueil de notre site.

Lorsque vous survolez les photos avec la souris, celles-ci s'effacent afin de vous présenter le contenu de la page que vous pouvez consulter. Pour accéder à une page donnée, il vous suffit de cliquer dans la cadre correspond à votre choix.

En bas de page se trouve un sous-menu vous permettant d'accéder à d'autres pages plus généralistes.

Principe de navigation au sein du site

Lorsque vous survolez avec votre souris les photos présentées sur notre site, celles-ci s'agrandissent automatiquement.


Menu partie haute

La deuxième capture d'écran présentée dans le cadre de gauche, correspond à la navigation de la partie haute de l'écran.

La première ligne, contient des cadres reprenant les photos utilisées dans le menu de la page d'accueil, la page courante est celle qui ne contient pas d'image.

Pour accéder à une page, cliquez sur une des photos symbolisant votre choix

Suivant la page sur laquelle vous vous trouvez, il peut apparaître une ou plusieurs lignes (0 à 3) correspondantes à un niveau de sous-menu.

De la même manière que précédemment, la page courante est celle qui est matérialisée par un fond gris avec des lettres blanches

Les autres choix possibles sont représentés par des cadres avec un fond gris clair et des lettres de couleurs.

Lorsque vous survolez ces différents cadres, ceux-ci changent d'aspect, le fond prend la couleur des lettres et ces dernières deviennent blanches.

Vous pouvez vous déplacer à n'importe quel endroit du site. Il vous suffit de survoler le cadre correspondant à votre choix et de faire un clic gauche avec la souris

Menu partie basse

La troisième capture d'écran présentée dans le cadre de gauche, correspond à la navigation de la partie basse de l'écran.

Son principe de fonctionnement est le même que celui décrit dans le chapitre précédent.

Autres navigations

Suivant la taille des pages, vous trouverez dans la partie inférieure droite un cadre (fond noir et lettres de couleurs) "Haut de page", lorsque vous cliquez dessus, il vous renvoie directement au début de la page

Enfin, vous pouvez rencontrer dans les pages que vous consultez des liens symbolisés par une couleur rouge qui passe au bleu lors du survol, ces derniers vous renvoient sur d'autres pages ou vous permettent de télécharger un document.

Autres types d'affichages

Dans certaines phrases vous pourrez rencontrer des mots affichés avec une couleur verte, lorsque vous les survolez avec votre souris des photos s'affichent afin d'enrichir nos propos.

Enfin vous pourrez rencontrer des mots qui sont soulignés par de petits points, lorsque vous les survolez avec le pointeur de votre souris, un cadre s'affiche permettant soit de définir un sigle, un acronyme ou d'apporter une explication complémentaire.

Organigramme du site

Afin d'avoir une vision globale de la façon dont notre site est architecturé, nous vous conseillons vivement de consulter (menu partie basse) la page Plan du site

Mise à jour du site

Sur l'écran d'accueil, vous trouverez dans le coin supérieur droit un pavé noir dans lequel est indiquée la date de dernière mise à jour du site, en général ces mises à jour sont détaillées dans la page News

Accessibilité

Politique d'accessibilité

Taille d'affichage

Les textes de contenu de notre site ont une taille de police relative, c'est à dire agrandissable selon les besoins.

Pour modifier la taille d'affichage du texte :

Aides à la navigation

Liens d'évitement

Menu placé en fin du document, ces liens permettent dès le chargement de la page d'accéder directement à la partie recherchée : au contenu, au menu général, etc. sans avoir à parcourir des informations non souhaitées.

Ces liens facilitent l'accès au site pour les handicapés et notamment les non voyants : ils leurs permettent de se placer directement à l'endroit souhaité.

Navigation par tabulation

Appuyez sur Tab et répétez jusqu'à sélectionner le lien désiré, validez par Entrée

Mise à jour des navigateurs

Remarques préliminaires

Nous sommes partis du postulat de dégradation gracieuse c'est à dire que nous acceptons que notre site n'ait pas tout à fait la même présentation en terme d'effets visuels, mais reste quand même lisible sur tous les navigateurs.

Introduction

Notre site est écrit en HTML 5 et CSS 3, qui sont deux langages utilisés pour créer un site web sur Internet.

Les navigateurs sont les programmes qui vous permettent d'afficher des sites Web.

Seules les versions les plus récentes des navigateurs, prennent en charge ces nouveaux standards, c'est pourquoi nous vous proposons de trouver dans les paragraphes qui suivent, les liens vers les sites de téléchargement de ces navigateurs

Notre site donne la meilleure résolution sous Mozilla Firefox, néanmoins il fonctionne sur tous les autres navigateurs.

Firefox

C'est le navigateur de la fondation Mozilla, un des plus utilisés actuellement.

C'est celui que nous utilisons et que nous vous conseillons!...Pour le télécharcher ou le mettre à jour copiez le lien ci-dessous dans la barre de recherche de votre navigateur et suivez les instructions qui vous sont fournies.

logo firefox - www.mozilla.org/fr/firefox/features

Internet Explorer

Remarque : Cette mise à jour est applicable pour les systèmes d'exploitation Windows Vista ou Windows 7. Si vous avez un système sous Windows XP ou antérieur, utilisez plutôt Firefox.

C'est le navigateur livré en standard sur toutes les machines fonctionnant sous Microsoft. Pour le mettre à jour copiez le lien ci-dessous dans la barre de recherche de votre navigateur et suivez les instructions qui vous sont fournies.

logo Ie9 - www.microsoft.com/france/windows/internet-explorer

Google Chrome

C'est le navigateur proposé par google. Pour le mettre à jour copiez le lien ci-dessous dans la barre de recherche de votre navigateur et suivez les instructions qui vous sont fournies.

logo Chrome - www.google.com/chrome

Opera

C'est le navigateur proposé par Opera software. Pour le mettre à jour copiez le lien ci-dessous dans la barre de recherche de votre navigateur et suivez les instructions qui vous sont fournies.

logo Opera - www.opera.com

Safari

C'est le navigateur proposé par Apple. Pour le mettre à jour copiez le lien ci-dessous dans la barre de recherche de votre navigateur et suivez les instructions qui vous sont fournies.

logo Safari - www.apple.com/fr/safari