Generico ou habiller du texte
Mise à jour le 18 octobre 2023
Varier les présentations des contenus de cours - Utilisation de Generico
Generico permet de mettre en évidence certains textes. En bref, vous appliquez un « modèle de présentation » à une phrase ou un paragraphe au moment de rédiger celui-ci dans une zone de texte. Après enregistrement, le texte s'affiche alors « habillé » par le modèle.
Voici ce que donneront ces modèles sur votre espace de cours :
Préalable
Pour utiliser cette fonctionnalité, vous devez passer par un bouton se situant dans l'éditeur de texte ATTO.
Il n'est disponible que dans cet éditeur de texte. Si vous ne voyez pas le petit « G » dans les boutons avancés, il faut se rendre en haut à droite sur l'UV, cliquer sur votre icône de profil, puis choisir « Préférences » dans le menu. Sur la page qui s'ouvre, cliquez sur « Préférences de l'éditeur » en colonne de gauche, puis choisissez « Éditeur HTML Atto » dans la liste déroulante. Enfin, cliquez « Enregistrer ». Aide en images et informations sur les éditeurs de texte...
Appliquer un modèle à un texte
Dans un champ texte, cliquez sur le bouton G de l'éditeur de texte et choisissez un des modèles proposés (détails dans le tableau colonne Descriptif).
Un code ("balises") s'ajoute alors dans le texte, reste à personnaliser le contenu textuel (parfois un pop up vous facilite cette étape - détails dans le tableau colonne Mode d'emploi, complément d'infos en partie 2°).
Une fois la page enregistrée, c'est le résultat final ("habillé") qui s'affichera.
1° Modèles de présentation
| Modèle | Descriptif | Mode d'emploi |
|---|---|---|
| Encadré informatif |
Permet d'afficher automatiquement un texte encadré en bleu, précédé d'une icône « information ». résultat final : |
Cliquer sur le bouton Generico, puis sur « Encadré informatif ». Entrez le texte à encadrer dans le champ « Texte : ».
|
| Encadré d'alerte |
Permet d'afficher automatiquement un texte encadré en jaune, précédé d'une icône point d'exclamation. résultat final : |
Cliquer sur le bouton Generico, puis sur « Encadré d'alerte ». Entrez le texte à encadrer dans le champ « Texte : » (illustration identique à la capture ci-dessus). |
| Texte complémentaire affiché au clic |
Permet d'insérer un lien, qui fera apparaître du contenu complémentaire (texte, image, vidéo...) lorsque l'utilisateur cliquera sur le lien. résultat final : Voici un exemple d'utilisation du texte complémentaire. Cliquez pour l'afficher. |
1) Cliquer sur le bouton Generico, puis sur « Texte complémentaire affiché au clic ». > Deux lignes de code apparaîtront alors 2) Ajouter le contenu textuel complémentaire (qui s'affiche en cliquant sur le lien) entre les deux lignes de code. |
| Accordéon & Élément d'accordéon |
Accordéon : Permet d'insérer des bandeaux cliquables qui déploient des blocs de contenu. Élément d'accordéon : Permet d'insérer les blocs de contenu. résultat final : Premier chapitre[Le contenu du premier élément d'accordéon s'affiche automatiquement.] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti. Second chapitre[Le contenu du second élément d'accordéon s'affiche au clic, et ainsi de suite. Les éléments peuvent également contenir des images ou des vidéos]
Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius, adipiscing in, lacinia vel, tellus. Troisième et dernier chapitreMorbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius, adipiscing in, lacinia vel, tellus. Suspendisse ac urna. |
1) Cliquez sur le bouton Generico, puis sur « Accordéon », et enfin « Insérer ». > Deux lignes de code « accordian » apparaîtront (ce code est nécessaire mais n'a pas de visibilité une fois la page enregistrée) 2) Entre ces deux lignes, ajoutez autant de blocs de contenu que souhaités : cliquez sur le bouton Generico, puis sur « Élément d'accordéon », entrez le titre du bloc (Premier chapitre dans l'exemple ci-contre) dans le champ « titletext » (illustration identique à la capture ci-dessus). > Deux nouvelles lignes de code « accordianitem » apparaîtront alors, contenant le titre. 3) Entre celles-ci, ajoutez le contenu (qui s'affichera quand on clique sur le titre). |
2° Code qui apparait au moment de l'édition (avant d'enregistrer et afficher)
en bleu : le texte à personnaliser
en noir : le code qui s'ajoute - surtout ne pas le modifier
Encadré informatif
Encadré d'alerte
Texte complémentaire affiché au clic
Accordéon
NB Évitez d'insérer des lignes dans le texte, cela peut casser le code. C'est possible d'améliorer la mise en page du texte via le code html, contactez le support UV (ou déposez un message dans la Teams d'entraide) pour cet aspect.
Remarques
Point d'attention en format « Tuiles » (documentation : les formats de cours) : il faut impérativement que les contenus Generico soient intégrés dans une ressource spécifique (Page, Livre...). Les contenus insérés directement sur la page de cours ne s'afficheront pas correctement. Le problème ne se pose pas dans le format « classique » thématique.
