Difference between revisions of "Améliorer la mise en forme contenu éditable"

From M@gistère
Jump to navigation Jump to search
(quelques coquilles)
 
(7 intermediate revisions by 3 users not shown)
Line 1: Line 1:
Plusieurs techniques permettent de mettre en forme les contenus dans un bloc de texte. Il s'agit d'améliorer l'ergonomie pour l'utilisateur
+
<!--DébutCommentaire.
 +
Aide: si nécessaire, ajoutez ci-dessous une des balises suivantes :
 +
[[Catégorie:Amodifier]] [[Catégorie:Asupprimer]] [[Catégorie:Encours]] [[Catégorie:Arelire]]
 +
FinCommentaire-->
 +
[[Catégorie:Arelire]]
 +
{{Version| [[version::3.0.5]]}}
 +
 
 +
Plusieurs techniques permettent de mettre en forme les contenus dans un bloc de texte (étiquette, message de forum...). Il s'agit d'améliorer la lisibilité et l'ergonomie pour l'utilisateur et enrichir le discours.
 +
 
 +
Les informations qui suivent concernent l'éditeur ATTO. Pour vérifier si cet éditeur est celui par défaut, rendez-vous dans vos préférences.
 +
 
 +
L'éditeur ATTO possède déjà les fonctions de mise en forme les plus connues (textes, paragraphes, listes, insertion lien, image, fichier...). A ces fonctions ont été ajoutés des plug-in spécifiques.
 +
 
 +
==Ajout Multimédia==
 +
ATTO permet déjà de poser des fichiers sons ou vidéo. Il permet désormais de s'enregistrer en audio ou vidéo et ses enregistrements sont affichés directement dans la zone de saisie.
 +
[[Fichier:Enregistrementaudio.png|alt=Icone enregistrement audio|gauche|Icone enregistrement audio|sans_cadre]]
 +
Icône enregistrement audio
 +
 
 +
<br />
 +
[[Fichier:Enregistrementvideo.png|sans_cadre]] Icône enregistrement vidéo
 +
==Autres Greffons==
 +
[[Fichier:IconeColonnes.png|alt=Icone colonnes|gauche|sans_cadre|Icone colonnes]]
 +
Cette fonction permet de présenter des informations en colonne selon différents modèles de manière simple et rapide.
 +
[[Fichier:OutilDessin.png|alt=Icone dessin editeur ATTO|gauche|sans_cadre|Icone dessin]]
 +
Cette fonction permet de faire un dessin à main levée et de l'inserer dans la zone de saisie. C'est un outil rudimentaire mais qui peut avoir son utilité.
 +
 
 +
 
 +
[[Fichier:IconeGenerico.png|sans_cadre]] Ce greffon permet de présenter des informations sous différentes formes comme l'accordéon (voir plus bas) des galeries d'images ou de vidéos, etc.
 +
 
  
 
==Ajouter une description d'activité avec icônes==
 
==Ajouter une description d'activité avec icônes==
Line 9: Line 37:
 
==Présentation en grille==
 
==Présentation en grille==
  
[[Capture d’écran de 2018-10-09 14-46-18.png]]
+
[[Fichier:Capture d’écran de 2018-10-09 14-46-18.png]]
  
 
Voir l'article : [[Présentation en grille]]
 
Voir l'article : [[Présentation en grille]]

Latest revision as of 11:57, 12 June 2020

Version m@gistère : 3.0.5

Plusieurs techniques permettent de mettre en forme les contenus dans un bloc de texte (étiquette, message de forum...). Il s'agit d'améliorer la lisibilité et l'ergonomie pour l'utilisateur et enrichir le discours.

Les informations qui suivent concernent l'éditeur ATTO. Pour vérifier si cet éditeur est celui par défaut, rendez-vous dans vos préférences.

L'éditeur ATTO possède déjà les fonctions de mise en forme les plus connues (textes, paragraphes, listes, insertion lien, image, fichier...). A ces fonctions ont été ajoutés des plug-in spécifiques.

Ajout Multimédia

ATTO permet déjà de poser des fichiers sons ou vidéo. Il permet désormais de s'enregistrer en audio ou vidéo et ses enregistrements sont affichés directement dans la zone de saisie.

Icone enregistrement audio

Icône enregistrement audio


Enregistrementvideo.png Icône enregistrement vidéo

Autres Greffons

Icone colonnes

Cette fonction permet de présenter des informations en colonne selon différents modèles de manière simple et rapide.

Icone dessin editeur ATTO

Cette fonction permet de faire un dessin à main levée et de l'inserer dans la zone de saisie. C'est un outil rudimentaire mais qui peut avoir son utilité.


IconeGenerico.png Ce greffon permet de présenter des informations sous différentes formes comme l'accordéon (voir plus bas) des galeries d'images ou de vidéos, etc.


Ajouter une description d'activité avec icônes

Fontawesome-exemple1

Voir l'article : Ajouter une description d'activité avec icônes

Présentation en grille

Capture d’écran de 2018-10-09 14-46-18.png

Voir l'article : Présentation en grille

Présentation en accordéon

Voir l'article :Présentation en accordéon