Decalog - www.decalog.net - contact@decalog.net - 04 75 81 50 50 Ce document est uniquement destiné à l’étude des solutions Decalog. Votre interlocuteur Service opérationnel Decalog SIGB Rédacteur(s) ACE/SR Edité le : 03/01/2018 Decalog SIGB - Aide Modifier un modèle de document (mail) Entrez le titre du document Page 1/8 TABLE DES MATIERES 1 Introduction ................................................................................................................................... 2 2 Editer un modèle par mail ............................................................................................................. 3 2.1 Introduction : Le langage html ........................................................................................................... 3 2.2 Mettre en gras/italique ...................................................................................................................... 3 2.3 Paragraphe et saut de ligne ............................................................................................................... 4 2.4 Mettre le texte en couleur ................................................................................................................. 4 2.5 Insérer un lien .................................................................................................................................... 4 2.6 Insérer une image .............................................................................................................................. 4 2.6.1 Insérer une url pointant vers une image .................................................................................... 5 2.6.2 Insérer l’image directement, encodée pour être compatible avec le mail. ............................... 5 2.7 Créer un tableau ................................................................................................................................ 6 3 Exercice : écrire une zone de coordonnées .................................................................................... 8 Entrez le titre du document Page 2/8 1 Introduction Ce document a pour objectif d’aider à la modification des modèles de document par mail. Tous les modèles de document se trouvent dans Paramètres/Modèles. Les documents par mail peuvent être envoyés pour l’activation des comptes abonnés sur le portail public, les rappels et les réservations, il y a 6 modèles en tout : - Mail d’activation du compte abonné - Mail d’activation du compte regroupement - Relance par mail - Avis de réservation par mail - Avis d’ajournement de réservation par mail - Avis de suppression de réservation par mail Les mails de relance font déjà l’objet d’une aide. Nous nous attarderons dans la présente aide à aider au maniement du langage html qui sert à l’édition des modèles de mail, en donnant des exemples de ce qui peut être fait au niveau des modèles de document, mais nous n’insisterons pas sur le cas des rappels en particulier. Pour la modification des modèles de document par lettre, voir cette aide (insérer lien une fois publié). La modification d’un modèle se fait en plusieurs étapes : - Télécharger le modèle existant en cliquant sur télécharger, puis il faut ouvrir le modèle avec un éditeur de code. Le modèle par défaut est celui de Decalog, le modèle existant est le dernier modèle modifié et téléchargé. - Modifier le modèle, enregistrer les modifications. - Après modification, il faut télécharger le fichier depuis son ordinateur jusqu’au logiciel en cliquant sur choisissez un fichier puis envoyer. - Bien penser à tester le modèle modifié. Tester permet d’éditer un aperçu du modèle et de s’assurer qu’il est bien fonctionnel. A noter : dans les Paramètres/modèles de document, seuls les modèles par défaut sont conservés, ainsi que le dernier modèle existant. Il est conseillé de sauvegarder localement les modèles à chaque modification : en cas d’erreur rendant le modèle inopérant, on peut toujours se rapporter au modèle précédent. Astuce : Une bonne méthode consiste à télécharger tous les modèles, les déplacer dans un répertoire de sauvegarde, puis en faire une copie dans un autre répertoire : ainsi, si les modifications que vous faites posent des problèmes, vous pouvez repartir du modèle téléchargé. A noter : concernant les réseaux de bibliothèques, chaque site du réseau pourra paramétrer ses propres modèles à l’exception du mail d’activation du regroupement. Ainsi, si les modèles de mails sont communs à tous les sites, il faudra se délocaliser de site en site pour charger les modèles pour toutes les bibliothèques du réseau. Tous les modèles de documents de type mail se modifient exclusivement avec le bloc-notes ou un éditeur de code de type Notepad++, téléchargeables gratuitement sur internet. En aucun cas il ne faut utiliser un logiciel de traitement de texte, qui rendrait les modèles inutilisables. Exemple de rangement : date au format année_mois_jour_nom_du_document. http://sigb.doc.decalog.net/xwiki/bin/download/Aide%20en%20ligne/WebHome/Decalog_SIGB_Aide_relances.pdf https://notepad-plus-plus.org/download/v7.5.3.html https://notepad-plus-plus.org/download/v7.5.3.html Entrez le titre du document Page 3/8 2 Editer un modèle par mail 2.1 Introduction : Le langage html Le langage HTML est un langage utilisé sur internet pour la mise en page des sites. Il est constitué de balises qui servent à donner des indications de mise en page aux navigateurs internet (Comme Mozilla, Chrome, Safari ou Edge). Exemple : la balise indique une mise en gras du texte. Pour afficher « bonjour » en gras, il faut donc indiquer bonjour = bonjour. La balise indique la fin de la mise en gras du texte. Vous pouvez modifier sans problème les balises html et le texte des modèles. L'ouverture et la modification du modèle s'effectuent au choix : - sur le bloc-notes (voir la capture). - Ou un éditeur de code type Notepad++ (voir la capture). Pour des raisons de lisibilité, nous utiliserons Notepad++ dans cette documentation. Le Notepad fait ressortir les balises html, qui ne se verront pas au moment de l’édition du mail mais constituent des marques de formatage du texte. Pour rappel, il ne faut pas modifier le modèle avec un logiciel de traitement de texte (Word ou Open Office par exemple). Les modèles par mail contiennent deux types de balise : - Les balises html, servant à mettre en page et en forme le texte. Elles se présentent toutes avec les chevrons < et >. - Les balises du logiciel Decalog SIGB, commençant par $ ou #. Nous traiterons dans cette aide uniquement des balises HTML (contenues dans < >) servant à la mise en forme du texte, et pas des balises du logiciel. Modifier les balises utilisées par le logiciel peut entraîner un dysfonctionnement du modèle, il est donc conseillé de ne pas y toucher. 2.2 Mettre en gras/italique Pour mettre une portion de texte en gras, il faut utiliser la balise (pour bold, gras en anglais). Cette balise doit être fermée après ouverture. Pour mettre une portion de texte en italique, il faut utiliser la balise (italic). Cette balise doit être fermée après ouverture. Exemple : On veut traiter la phrase suivante « Attention, pensez à bien noter vos identifiants » : tout en italique, seulement le premier terme en gras. On met donc dans le notepad les balises comme ceci : Ce qui donnera : Mise en gras Mise en italique Entrez le titre du document Page 4/8 2.3 Paragraphe et saut de ligne Pour sauter une ligne, il faut écrire la balise
. Cette balise n’a pas de fermeture. La balise

(pour paragraphe) sert à délimiter des paragraphes. Cette balise doit être fermée après ouverture. Les paragraphes sont généralement représentés comme des blocs et séparés par un espace vertical, leur première ligne est également parfois indentée. Exemple : Dans l’exemple suivant, on peut voir l’espacement créé par la balise

et le saut de ligne créé par la balise
. 2.4 Mettre le texte en couleur Le langage html contient un certain nombre de codes couleurs. Il est donc possible de mettre en couleurs le texte avec la balise . Cette balise doit être fermée après ouverture. Il existe deux types de codes couleur utilisables ici : - Un nombre restreint de noms de couleur sont reconnus par le HTML : black, gray, maroon, purple, teal, blue, green, navy, red, white, fuchsia, lime, olive, silver, yellow. - Toutes les couleurs peuvent être calculées grâce au code RVB en hexadécimal. Cela donne des codes couleur allant de #000000 à #FFFFFF. Pour trouver un code couleur, vous pouvez utiliser le module color picker sur Mozilla Firefox ou le site htmlcolorcodes. 2.5 Insérer un lien Pour rendre un lien cliquable, il faut pointer vers un site internet ou une adresse mail. La balise à utiliser est plus complexe que celles vues précédemment : Nom du lien tel qu’il apparaitra Il est possible d’utiliser mailto:adressemail pour envoyer directement un mail. Exemple : voir la capture 2.6 Insérer une image Donne Donne D o n n e http://htmlcolorcodes.com/ Entrez le titre du document Page 5/8 Il existe 2 méthodes pour insérer une image dans un mail : - Insérer une url pointant vers une image. - Insérer l’image directement, encodée pour être compatible avec le mail. Quelle que soit la méthode employée, il n’est pas garanti que l’image s’affiche dans le client de messagerie de l’usager. Il faut aussi savoir que l’ajout d’une image peut augmenter les chances que le mail soit considéré comme indésirable. 2.6.1 Insérer une url pointant vers une image Pour insérer une image, il faut auparavant l’avoir stockée sur un serveur d’images, comme celui fourni avec le Portail Pro ou Essentiel. Vous pouvez obtenir le lien de l’url en ajoutant l’image à un article. Une fois ce lien obtenu, voilà la syntaxe à intégrer : . Il ne faut pas fermer cette balise. Exemple : voir capture 2.6.2 Insérer l’image directement, encodée pour être compatible avec le mail. La plupart des boites mails bloquent les urls d’image contenues dans le texte, c’est pourquoi il est préférable d’utiliser la deuxième méthode : insérer l’image directement, en l’ayant rendue compatible auparavant. Pour rendre une image insérable dans un mail, il faut la coder en base 64. Cette base correspond au code informatique qui permet à n’importe quel ordinateur de reconnaître et afficher une image. La technique peut sembler complexe, mais beaucoup d’outils existent sur internet pour simplifier la tâche : par exemple, le site base64-image.de. Il suffit d’ajouter une image dans l’écran d’accueil, en cliquant-déposant l’image ou en passant par parcourir pour sélectionner l’image sur son ordinateur. Cliquez ensuite sur Ouvrir. https://www.base64-image.de/ Entrez le titre du document Page 6/8 L’image est convertie ! Elle se charge dans le bloc appelé « encoding », il suffit de cliquer sur le bouton « copy image » pour copier le code informatique correspondant à notre image. Il faut ensuite coller le code de l’image dans notre modèle de mail. Les images se gèrent avec la balise , qui peut contenir des attributs. Le premier attribut à ajouter est src (source) pour indiquer l’origine de l’image : . On collera directement le code dans cet attribut (voir capture). Ne pas oublier de fermer la balise avec le chevron >. Il faut ensuite spécifier une taille de l’image, en pixel ou en proportion. Le développement des supports mobiles (téléphones, tablettes) rend la proportion plus pratique. Pour indiquer la taille d’une image, il faut utiliser les attributs width (largeur) et height (hauteur). Il est possible d’indiquer ici des pourcentages. La balise img complète ressemblera donc à ceci : . 2.7 Créer un tableau Il est possible de créer des tableaux en code html, notamment pour indiquer des horaires d’ouverture. Pour créer un tableau, il faut utiliser plusieurs balises : - pour créer un tableau. A la fin du tableau, il faudra fermer la balise par
. - pour créer une ligne. La ligne doit être fermée par . - pour créer une cellule. La cellule doit être fermée par . - pour créer un intitulé de colonne, ce qui a pour effet de faire ressortir le texte (mise en gras et centré). Cette balise peut être placée n’importe où dans le tableau, elle doit être utilisée à la place de la balise de cellule et elle doit être fermée par . Il faut donc créer le tableau ligne par ligne, cellule par cellule. Il est possible de mettre en forme sommairement le tableau grâce aux attributs de la balise table, à remplir directement dans la balise d’ouverture (les attributs n’ont pas besoin d’être copiés dans la balise de fermeture : - Border : rend visible les bordures du tableau. Exemple : : - Cellpadding : modifie l’espacement entre le texte et les bords des cellules. Exemple :
: - Cellspacing : modifie l’espacement entre deux cellules. Exemple :
: Donne Donne Entrez le titre du document Page 7/8 - Width : indique la largeur du tableau dans la page. Comme pour les images, possibilité d’indiquer une largeur en pixel ou en proportion. Exemple :
: Certains attributs sont aussi accessibles dans les balises de cellule () : - Width : pour indiquer la largeur d’une colonne. Pas besoin de la copier dans les autres lignes, il faut le spécifier uniquement dans la première cellule de la colonne. Attention pour les proportions de ne pas dépasser les 100%, et pour les pixels à ne pas dépasser la largeur en pixels du tableau si indiquée. - Height : doit être indiquée comme attribut de la balise de ligne . Fonctionne comme Width. - bg color : couleur de fond de la cellule. Peut être ajoutée dans les cellules ou les lignes. Voir le chapitre sur la mise en couleur du texte pour plus de précisions sur les codes couleurs en html. - Align : pour préciser l’alignement horizontal du texte dans chaque cellule : left (texte aligné à gauche), center (texte aligné au centre), right (texte aligné à droite), justify (texte justifié, peu utilisé sur le web car pas bien rendu). - Valign : pour préciser l’alignement vertical du texte dans chaque cellule : top (texte aligné en haut), middle (texte aligné au milieu), bottom (texte aligné en bas). Donne Donne Entrez le titre du document Page 8/8 3 Exercice : écrire une zone de coordonnées Afin de faciliter l’édition des modèles de document par mail, nous vous proposons ici un exercie simple. Il est possible de copier-coller le texte dans un éditeur de code (bloc-notes ou notepad++), en modifiant les informations propres à votre structure. - Le code html en bleu - Le texte en noir : en gras pour celui affiché dans le modèle. Le texte qui ne s’affiche pas est conditionné à l’activation d’une option (les représentants légaux dans cet exemple). Copier le texte dans le notepad++, dans un modèle de mail Attention à ne pas oublier les balises
qui permettent de sauter des lignes. La balise sert à mettre en gras le texte. En cas de besoin, le service de maintenance Decalog SIGB se tient à votre disposition via la plateforme Cérhème (https://cerheme.wa.decalog.net) ou au 04 75 81 50 50. Médiathèque municipale
1244 Avenue Henri Dunant
07500 guilherand-Granges
04 75 81 50 50
contact@decalog.net https://cerheme.wa.decalog.net/
ou ) ou de lignes (