Charte éditoriale

Imprimer

Titres et styles (titre 2)

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 (Charte éditoriale), est réservé au titre de l'article. A l'intérieur de l'article il peut y avoir un premier niveau de titre en utilisant le style "Titre 2". Ensuite letexte est écrit avec du style "Paragraphe" sans être justifié. Si on a encore des sous-titre, on va utiliser du "Titre 3" puis du "Titre 4". "Titre 6" est réservé aux notes (ce style est plus petit que "paragraphe").

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

+ - Onglets

Pour afficher des onglets déroulants, écrivez directement dans le contenu de l'article (les X sont à retirer pour que cela fonctionne) :

{slideX=titre de l'onglet}

Votre texte ici (accepte les liens, les images, etc.)

{/slideX}

Longueurs (titre 2)

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 peut éventuellement être précédé d'un titre de paragraphe. (en typo titre 3)

Images (titre 2)

Les images sont en .jpg (meilleure compression), .png ou .gif. Limiter la taille du fichier à 1024 pxl comme dimension maximale (classiquement 500 pixels), avec une qualité de 72 DPI, compression 80% (si jpg).

Les images d’introduction des articles doivent faire idéalement 450 pixels de large x 200 pixels de hauteur

Les images du "A la une" font 1040x690 pixels

Les images des actualités de l'accueil font 315x315 pixels

Les images du "en images" doivent être de format homogène (par exemple 465x350 pixels)

Les images du menu haut font 567 x 377 pixels

Les images du bandeau haut interne doivent faire 1663 x 300 pixels

Les images de l'agenda n'ont pas de taille spécifique (préférer les formats paysage)

Affichage en début d'article (titre3)

Les images d'introduction doivent être chargées via l'onglet "images et liens"

Affichage en cours d'article

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é.

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 titre du lien doit être renseigné car il apparait au survol par la souris.

Tableaux

	Tableaux
	Les tableaux s'affichent mal sur smartphone. Se limiter à 1 colonne de texte. Pour afficher de nombreuses images préférer Droppics. Pour des tableaux complexes, proposez une image en pop-up ou un pdf en téléchargement.
texte	Les tableaux sont de largeurs automatique, avec éventuellement une bordure extérieure de 1 pi, une marge intérieure des cellules de 10 pi et un titre en "Titre 5".
gras	Les bordures ainsi que le fond des cases titres peuvent être colorés Les textes peuvent être centrés ou en alignement gauche, le justifié est déconseillé Des tableaux de style libre (sans bordures) peuvent également être utilisés pour aligner des contenus

Sauts de ligne

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 (touche entrée).
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...).