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

Pour conclure

J'espère que vous aurez autant de plaisir à parcourir ce site que j'en ai eu à le réaliser et à le mettre en page.

Un grand merci à Estelle Blesbois qui a écrit une grande partie des textes et qui nous a fourni de belles photos pour illustrer ce site.


N'hésitez pas à le consulter souvent, il sera en effet mis à jour régulièrement.

Vous pouvez me contacter à l'adresse suivante info@rnaiguillesrouges.org pour me faire part de vos remarques, de vos suggestions ou des points que vous aimeriez voire traiter ou développer.

Par Christian Franceschetti - webmaster de l'association