diaporama1
78138d7f8d1ce92b062cdc1e3dd2375b.png

logo

  • Betschdorf
    • Vie municipale
    • La Mairie
    • Découvrir
    • Plan de ville
  • Vie culturelle
    • Bibliothèque municipale
    • Musée de la poterie
    • Patrimoine architectural
    • Artistes
    • Patrimoine naturel – Environnement
    • Activité religieuse
  • Vie Pratique
    • Démarches administratives
    • Démarches en ligne
    • Écoles et petite enfance
    • Infos pratiques
    • Infos Police Municipale
    • Seniors
    • Plan de ville
    • Tranquillité vacances
    • Déplacement
  • Associations et loisirs
    • Equipements de sports et loisirs
    • ESCAL
    • Parcours de santé
    • Piscine
    • Aire de jeu
    • Plateau multi-sports
    • Associations
  • Vie économique
    • Quelques chiffres
    • Marchés publics
    • Annuaire des entreprises
    • Emplois
 

Charte éditoriale

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

 

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

 

Images : (titre 2)

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

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

Affichage dans le menu haut

Il faut aller dans la gestion des menus > menu haye les roses >cliquer sur l'onglet dont vous souhaitez changer l'image > et ensuite dans l'onglet "Maximenu CK Styles - Sous menu" > Arrière plan > Background image.

Dimensions spécifiques d'images

Images des actualités de page d'accueil doivent faire 860x515 pixels.
Images d'introduction des articles, visibles dans les blogs de catégorie, doivent faire 640x388 pixels.
Les images des articles ne devraient pas faire plus de 730 pixels de large (la largeur d'un article). 40% correspond à 300 pixels.  

 

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

titre

titre

texte 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". texte normal
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

Adresses mail

Le lien vers une adresse mail doit être caché et un lien vers une fiche de contact préalablement crée doit être fait sur l'expression "Envoyer un e-mail" avec au survol "Fiche contact".

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

Les couleurs de la charte graphique sont

  #6B6767
  #3A3434
  #0088D5
  #00B9EE
  #BE0094
  #F05D05
  #104A92
  #921035
  #FFFFFF

Newsletter


Visualisez la dernière newsletter

Mairie

1, rue des Francs
67660 BETSCHDORF

tel  03 88 54 48 00

facebook

 Facebook

 instagramInstagram

Horaires d'ouverture :

Lundi, Mardi, Mercredi, Jeudi et Vendredi de 8h30 à 12h et de 13h30 à 17h

PERMANENCE DES ELUS

Newsletter


Visualisez la dernière newsletter
PLAN DU SITE
  • Betschdorf
    • Vie municipale
    • La Mairie
    • Découvrir
    • Plan de ville
  • Vie culturelle
    • Bibliothèque municipale
    • Musée de la poterie
    • Patrimoine architectural
    • Artistes
    • Patrimoine naturel – Environnement
    • Activité religieuse
  • Vie Pratique
    • Démarches administratives
    • Démarches en ligne
    • Écoles et petite enfance
    • Infos pratiques
    • Infos Police Municipale
    • Seniors
    • Plan de ville
    • Tranquillité vacances
    • Déplacement
  • Associations et loisirs
    • Equipements de sports et loisirs
    • ESCAL
    • Parcours de santé
    • Piscine
    • Aire de jeu
    • Plateau multi-sports
    • Associations
  • Vie économique
    • Quelques chiffres
    • Marchés publics
    • Annuaire des entreprises
    • Emplois
  • Plan du site
  • Nos adresses et coordonnées
  • Contact
  • Accessibilité
  • Espace privé
  • Mentions légales