RANDONNEES ET ASCENSIONS DANS LES PYRENEES

J'ai essayé de concevoir le site afin que son utilisation soit la plus intuitive possible.
Chaque page contient une grille, comme celle ci-dessus, donnant accés aux différents départements qui composent la chaine des Pyrénées et aux différents secteurs qui composent chaque département.
Pour les Pyrénées Atlantiques, les Pyrénées Orientales et l'Aude les secteurs présentés correspondent aux limites géographiques, pour les Hautes Pyrénées, la Haute Garonne et l'Ariège c'est une découpe personnelle.
Un TABLEAU GENERAL donne accès aux différents départements, secteurs.
Dans le tableau qui fait suite à la carte et à la grille les randonnées sont classées en ordre décroissant (de la plus récente à la plus ancienne). Le numéro sur la gauche donne accès au descriptif de la randonnée, le tableau renseigne en même temps le département et le secteur du parcours. Dans la majorité des cas, dans la colonne "RANDO/ASCENSION" il y a le sommet le plus élevé du parcours, en survolant avec la souris la partie commentaires du tableau, une info-bulle permet de voir la liste des sommets si il y en a plusieurs.
Dans les pages "département" on retrouve le tableau avec les randonnées classées par secteur, concernant le département en question et dans les pages "secteur" c'est le même principe. Il y a aussi sur ces pages des cartes sur lesquelles quelques sommets sont répartis, on peut cliquer dessus pour aller sur une page les concernant et on peut se déplacer sur les secteurs voisins de la même manière.
Toutes les randonnées sont décrites sur le même schéma :

• un lien pour le téléchargement des fichiers gpx
• trois captures d'écran agrandissables, IGN, profil et Google Earth, et la carte IGN correspondante
• en illustration une photo prise sur la parcours avec un descritif volontairement "épuré" pour ne pas le surcharger *
• une liste de points caractéristiques (col, cabane, lac, sommet etc ...)
• un tableau avec les longueurs, dénivelés montée et descentes, temps de marche et de repos (c'est le temps que j'ai pris pour faire le parcours, ces temps sont là à titre indicatif), météo, un intérêt sur 5 niveaux, difficultés, matériel et équipement
• un lien pour les photos de la sortie sur Google Photos
• un lien sur le site de l'IGN pour voir le parcours plus précisémment que sur la capture d'écran
• un accès à Google Map pour l'itinéraire routier au point de départ. Certains descriptifs ont deux cartes routières dans le cas où départ et arrivée sont différents
• un ou plusieurs liens pour des parcours au même point de départ
• pour finir une suggestion de lecture, chaque livre présenté fait partie de ma bibliothèque personnelle

* en bas de page un lien courrier si besoin de quelques précisions supplémentaires ou tout autre commentaire

J'ai démarré la fabrication du site en ne connaissant rien à la progarammation. J'ai acheté un livre "PREMIERS PAS EN CSS 3 & HTML 5" de F. Draillard (editions EYROLLES) et j'ai commencé à acquérir les principes de bases. Une fois digéré le nouveau vocabulaire faire une page simple avec du texte et une image n'est pas trop compliqué. Pour les choses un peu plus évoluées j'ai utilisé :

• w3schools.com à la page pour le bouton "haut de page"
• Lightbox pour les photos agrandissables
• Tableizer pour les tableaux fait à partir de fichier excel (tableau des sorties par exemple)
• Easy Imagemap Generator pour les cartes avec liens sur les sommets, départements et secteurs
• javascriptkit pour le texte défilant

Si vous constatez des erreurs dans le site merci de me le signaler