un document détaillé et complet - CRDP de l`académie de Besançon

CRDP de l'académie de Besançon
flashDOC n°59 - avril / mai 2013
Comment enrichir le texte d'un article ou d'une actualité d'e-sidoc ?
L'éditeur du texte de vos articles ou actualités ne présente pas de grandes
possibilités de mise en forme de leurs caractères ou paragraphes. Cela présente
l'avantage d'une prise en mains facile et permet d'avoir une unité graphique pour
l'affichage de ces éléments, avec une évolution et une prise en compte lorsqu'on
change le modèle d'affichage du portail.
Il peut arriver cependant qu'on souhaite "enrichir" l'un de ces textes, c'est à dire
mettre en valeur de manière exceptionnelle des caractères (dans leur taille, leurs
attributs, leur couleur, ou avec un surlignage, par exemple) ou des paragraphes
(dans leur alignement - à droite, centré par exemple). On peut également avoir
besoin d'intégrer un tableau ou des images supplémentaires. Voici une façon de
procéder qui exploite la possibilité offerte d'éditer le code Html de ces textes.
Utiliser les ressources du langage html
En Administration d'e-sidoc, lorsqu'on crée ou qu'on modifie un article ou une actualité, un bouton Html permet
d'éditer le code html du texte de cet article :
On peut alors exploiter les nombreuses possibilités du langage html pour enrichir la mise en forme du texte :
 soit en agissant directement sur le code (qu'il faut connaître dans ce cas au moins un peu !),
 soit en récupérant le code à partir d'un éditeur Html.
C'est cette dernière option, plus facile, qui est présentée ici.
Utiliser un éditeur Html : Kompozer
Nous allons utiliser un éditeur Html gratuit et facile à utiliser, qui va nous permettre de saisir du texte un peu
comme dans un traitement de texte, de le mettre en forme, d'intégrer un tableau et / ou des images.
Cet éditeur traduit immédiatement toute modification en code Html facilement récupérable. On peut procéder de
deux manières :
En création
On peut créer un nouvel article directement dans Kompozer, pour en récupérer le code dans e-sidoc lors de la
création d'un article ou d'une actualité.
En modification
On peut également récupérer le texte d'un article d'e-sidoc en html, l'enrichir avec Kompozer, puis le réintégrer
modifié dans l'article e-sidoc.
Page 1 sur 3
CRDP de l'académie de Besançon
flashDOC n°59 - avril / mai 2013
Installation de Komposer
Installez si ce n'est déjà fait sur votre poste le logiciel Kompozer. Pour cela téléchargez et exécutez le logiciel
d'installation
 soit à partir du site Framasoft,
 soit à partir de ce lien direct de téléchargement de la dernière version à ce jour en français.
Pour apprendre à utiliser Kompozer, vous pouvez consulter ce tutoriel.
Récupération du code Html du texte d'un article e-sidoc pour l'enrichir
En administration dans e-sidoc





Accédez à l'affichage de votre article ou de votre actualité, puis cliquez sur le bouton Modifier.
Dans la zone Description de la fenêtre Modification, cliquez sur le bouton Html (cf. image
ci-dessus).
La fenêtre Éditeur de source HTML s'affiche. Cliquez dans la zone du texte de cet éditeur.
Utilisez la combinaison de touches Ctrl-A pour sélectionner tout le code.
Copiez le texte sélectionné (Ctrl-C).
Dans Kompozer


Lancez le logiciel s'il n'est pas déjà ouvert.
Cliquez sur l'onglet Source en bas de la fenêtre.



Sélectionnez et supprimez le code qui s'y trouve (touches Ctrl-A, puis Suppr).
Collez votre code (Ctrl-V).
Cliquez sur l'onglet Conception en bas de la fenêtre pour éditer votre article.
Éditer, enrichir et récupérer le texte de vos articles à l'aide de Kompozer
Dans Kompozer








Lancez le logiciel s'il n'est pas déjà ouvert.
Saisissez directement le texte s'il est à créer, ou bien récupérez le texte d'un article comme décrit ci-dessus pour le modifier.
L'éditeur est en mode "visuel" et vous permet de mettre en forme votre texte :
o en faisant varier la mise en forme des caractères (Police, taille, couleur...),
o en faisant varier la mise en forme des paragraphes (alignements, retraits et espaces),
o en intégrant éventuellement des tableaux et des images.
Explorez les boutons, les menus Insertion, Format, Tableau et les clics droits sur ce que vous sélectionnez. Vous pouvez vous aider de ce tutoriel en ligne. NB: les images supplémentaires que vous intégrez
doivent être en ligne. Pour mettre en ligne une image, vous pouvez utiliser des sites comme flickr, qui
vous permet ensuite d'éditer vos photos en ligne et d'en récupérer l'adresse par clic droit - Copier
l'adresse de l'image, par exemple
Quand vous avez terminé, enregistrez votre fichier Html si vous souhaitez le reprendre ultérieurement.
Pour récupérer votre texte au format Html, cliquez sur l'onglet Source en bas de l'écran.
Utilisez la combinaison de touches Ctrl-A pour sélectionner tout le code.
Copiez le texte sélectionné (Ctrl-C).
Page 2 sur 3
CRDP de l'académie de Besançon
flashDOC n°59 - avril / mai 2013
En administrateur dans e-sidoc







Créez ou éditez votre article dans votre portail.
Allez dans l'éditeur Html de votre article en cliquant sur le bouton Html.
Le texte précédent doit être remplacé. Si la fenêtre n'est pas vide, supprimez le contenu
(Ctrl-A puis Suppr)
Collez votre code (Ctrl-V)
Cliquez sur le bouton Mettre à jour.
Enregistrez votre article.
Admirez le résultat !
Page 3 sur 3