Charte

Pages modèles

Utiliser la page modele.html pour toutes les pages et la page modele-expose.html pour les pages contenant un exposé ou tout contenu susceptible d'être fourni en texte(s), ceci afin de procurer aux lecteurs possédant un écran de grande un confort égal à celui des autres.
Utiliser la page modele-vignettes.html pour les pages de vignettes
Utiliser la page pages/modele-page_photo.html pour les pages de photo

Titres et sous-titres

Pour les titres et sous-titres utiliser les balises h1, h2, h3 etc... Cela afin d'avoir une homogénéité du site. Actuellement seules les balises h1 et h2 sont stylisées.

Divers styles

Utiliser la classe "legende" pour légender les images.
Utiliser la classe "encadre" pour encadrer ce qui le nécessite.
Utiliser la classe "nouveau" pour les nouveautés ou les mises à jour.

Utiliser la classe "sommaireN1" pour les sommaires de niveau 1
Utiliser la classe "sommaireN2" pour les sommaires de noveau 2

Biensur il est posssible de rajouter des niveaux de sommaire le cas échéant.

Les nouvelles

Pour ajouter ou supprimer des nouvelles il suffit de modifier le script script1.js aux endroits prévus à cet effet.
Il serait bienvenu de toujours précéder la nouvelle de sa date écrite en gras.

La date de mise à jour

De même que pour la les nouvelles il suffit de modifier script1.js à l'endroit prévu à cet effet.

Les vignettes

Pour les vignettes utiliser la page modèle "modele-vignettes.html". Puis utiliser les classes "vignette" et "vignette-img" comme dans l'exemple ci-dessous :

<div class="vignette"> Première vignette
<div class="vignette-img"><a href="pages/jeorion-pleiades1.html"><img style="border: 0px;" alt="Image" src="thumbnails/t_jeorion-pleiades1.jpg"></a></div> Image dans une division utilisant la classe "vignette-img"
<a href="pages/jeorion-pleiades1.html">Orion et les Pleiades</a>Légende
</div>Fin de la vignette

Voici les dimensions de chaque vignette :

Hauteur : 95 pixels, soit 75px pour l'image plus 10px pour la légende plus 10px de marge pour une seconde ligne.
Largeur : 75 pixels, plus facile pour calculer la largeur de la ligne à des fins de centrage.
Marge à droite : 50 pmargin-top:0; margin-bottom:0">ixels pour les même raisons que ci-dessus. Marge en bas : 10 pixels.

Note : Le nom des pages doit être sans tirets de type " - ". Par exemple : "galerieje_argentique.html" est un bon nom. L'extension doit être ".html" et pas ".htm".

Pour les nouveautés ou les mises à jour

Utiliser la classe "nouveau" comme dans l'exemple ci-dessous.

Les petits corps du système solaire par Claude Marchat (<span class="nouveau">Nouveau</span>)

Les pages de photo

Pour les pages de photo on utilisera donc la page modèle "pages/modele-page_photo.html". Pour permettre la navigation entre les images, le script "script_nav_photos.js" est utilisé dans ces pages (il est déjà inclu dans la page modèle).

Néanmoins, pour qu'il fonctionne il est nécessaire d'adopter un standard au niveau du nom des pages. Elles doivent adopter la syntaxe suivante pour leur nom de fichier : "nomgalerie-numéropage.html" où nomgalerie est le nom de la galerie dont la photo présentée fait partie et numéropage le numéro de la photo à partir de 1 dans l'ordre de présentation des vignettes sur la page de vignettes (de gauche à droite et de haut en bas).

Il est à noter que l'extension des pages doit être ".html" et non ".htm". Se reporter à la rubrique "Les vignettes" pour connaitre les spécification des nom de galerie et donc de nomgalerie.

Pour terminer, il est nécessaire que le script connaisse le nombre de photos disponibles dans chaque galerie. Pour cela il faut modifier le script après "Liste des maximums pour chaque galerie" à chaque modification d'une galerie existante où ajout d'une nouvelle. Chaque entrée se présente comme ceci :

case "nomgalerie" : max= nombre_de_photos;
break;