Styles

Dans le but d'avoir une charte graphique cohérente tout au long de la navigation, votre site internet utilise une palette restreinte de styles appliqués à son contenu. Le style "Titre 1", visible ci-dessus (Introduction), est réservé au titre de catégorie. Le style "Titre 2" est quant à lui réservé au titre de l'article (ici :"charte éditoriale"). A l'intérieur de l'article il peut y avoir un premier niveau de titre en utilisant le style "Titre 3". Ensuite le texte est écrit avec du style "Paragraphe" sans être justifié. Si on a encore des sous-titre, on va utiliser du "Titre 4" puis du "Titre 5". "Titre 6" est réservé aux notes (ce style est plus petit que "paragraphe").

Les titres ne doivent pas comporter la ponctuation finale ":" ni "."

 

Longueur des articles

Un article se compose d'un texte, d'image(s) pour agrémenter le texte, de documents téléchargeables et de liens. Les internautes veulent une information rapide et souvent assez courte. Un texte d'article est en général limité à 1500 caractères ou 1 page word. Les articles sont décomposés en paragraphes (200 à 500 caractères). Chaque paragraphe doit être précédé d'un titre de paragraphe. (en typo titre 3)

 

Images

Les images sont en .jpg, .png ou .gif. Limiter la taille du fichier à 800 pxl comme dimension maximale.

Pop up manuelle :

Créer un lien sur la petite image vers l’image agrandie
Sur ce lien ajouter dans l’onglet Avancés : dans l’info Classes …. => jcepopup

Affichage :

• Image en paysage :
• Largeur conseillée  40 %
• avec un alignement droit,
• une marge gauche de 10 pixels
• une marge basse de 5 pixels.

Si l'image est en portrait, une largeur de 30% peut être préférable.

Titres :

Les titres des images doivent correspondre à la description de l'image car ils seront lus et référencés.
Si on décide d'intégrer une grande image ou un tableau, la largeur maximale pourra être de 100% mais 80% en alignement centré est plutôt conseillé.

Dimensions spécifiques d'images :

• Une image importée pour s'afficher dans un article (en 40% de la largeur de l'affichage) doit avoir pour taille 440 pixels x 700 pixels au maximum. Des exceptions sont possibles lorsque les détails sont importants, mais celà ralentit l'affichage de la page et augmente la consommation des serveurs.
• Les images du diaporama haut (page d'accueil) font 1910 x 400 pi.
• Les images d'actualité (page d'accueil) font 120 x 120 pi.
• Les images de "nos formations" font 380 x 195 pi

Liens

Lorsque vous creez un lien, un style prédéfinit s'applique. Les liens peuvent pointer vers :

• un site externe
• un article interne au site
• une image, un document
• un formulaire
• un envoi d'email...

Un lien vers un site externe ou vers un document doit s'ouvrir dans une nouvelle fenêtre. L'adresse du lien peut être cachée si elle ne présente pas d'intérêt ou être montrée si on souhaite proposer à l'internaute de la mémoriser. Le texte "http://" est rarement porteur de signification: l'afficher n'est pas nécessaire. Le titre du lien doit être renseigné car il apparait au survol par la souris.

 

Tableaux

Tableaux

Les tableaux sont de largeurs automatique, avec une bordure extérieure de 1 pi, une marge intérieure des cellules de 5 pi et un titre en "Titre 5".

Les bordures ainsi que le fond des cases titres sont de couleur

Les textes peuvent être centrés ou en alignement gauche, le justifié est déconseillé

Des tableaux de style libre (sans borduers) peuvent également être utilisés pour aligner des contenus (voir Les conseillers municipaux)

 

Adresses mail

Les adresses mail ne concernant pas directement le lycée sont affichées telles que support (at) synapse-entreprises.com

Les adresses mails concernant directement le lycée (services, personnel...) sont des liens affichant "Contacter par e-mail" et "Fiche contact" au survol et pointant vers des fiches contact préalablement créées.

 

Sauts de ligne

Chaque nouveau titre est précédé d'un saut de ligne, sauf si ce titre est le premier de l'article ou s'il suit directement un titre de rang supérieur (ex: titre 4 après un titre 3).Cette règle peut être enfreinte si les contenus sont très courts et qu'un saut de ligne casserait la cohésion du contenu.

Chaque tableau est encadré par un saut de ligne.

Ces sauts de ligne doivent être réalisés en style paragraphe.

Un retour à la ligne sépare chaque paragraphe.
Un retour à la ligne sans espace (maj + entrée) peut être préféré pour augmenter la cohésion entre 2 informations consécutives (énumérations, adresse postale...).

 

Polices

Titre de l'article
Titre 1
Titre 2
Titre 3
Titre 4
Titre 5
Paragraphe

 

Couleurs utilisées

	#5E6263
	#4C4C4C
	#525C66
	#BD0926
	#BD6723