Want to create interactive content? It’s easy in Genially!

Get started free

CRUZ de S'cape - tuto

Les RochDur

Created on December 29, 2022

Start designing with a free template

Discover more than 1500 professional designs like these:

Akihabara Microsite

Essential Microsite

Essential CV

Practical Microsite

Akihabara Resume

Tourism Guide Microsite

Online Product Catalog

Transcript

cruz

tuto s'cape du cruz 📝

principe du cruz 💡

fonctionnalités genially à maitriser ⚡

quelques explications 🔎

bon à savoir 📌

à vous de jouer 💪

principe du cruz 💡(1/2)

Faire apparaitre - puis disparaitre - un élément (texte, image, forme...) au clic de l'utilisateur. L'élément n'apparaitra sur la page qu'une fois le clic de l'utilisateur effectué.

Ici, apparition d'une croix

Clic de l'utilisateur

Pour faire apparaitre un élément au clic, celui-ci doit être groupé soit à une zone verte (bon clic) soit à une zone rouge (mauvais clic)

En édition : groupage de la croix avec une zone verte ou rouge

En visualisation : aucune croix ne sera présente sur la page tant que l'utilisateur n'aura pas cliqué à l'endroit de la zone verte ou rouge

principe du cruz 💡(2/2)

Possibilité de feedback une fois tous les bons éléments (zone verte) cliqués ou après que l'utilisateur ait cliqué sur un bouton de validation

Feedback à partir d'un élément (texte, image, forme...) groupé à un élément "OK" ou "FAUX"

fonctionnalités genially à maitriser ⚡

Grouper des éléments

Insérer des codes

Ordonner vos éléments

ou

quelques explications 🔎(1/6)

Éléments obligatoires tous duplicables et redimensionnables

et

et/ou

Élément(s) disparaissant

Élément(s) apparaissant

Éléments mauvaises réponses

Éléments bonnes réponses

à grouper avec un élément apparaissant au clic de l'utilisateur

une fois toutes la/le(s) bonne(s) réponse(s) trouvée(s)

zones rouges sur les mauvaises réponses

zones vertes sur les bonnes réponses

à mettre au 1er plan dans le groupe + à ajuster à la taille de l'élément

quelques explications 🔎(2/6)

2 possibilités de validation

Avec bouton de validation non duplicable

Sans bouton de validation

Validation une fois la/toutes les bonne(s) réponse(s) trouvée(s) avec l'apparition du/des groupe(s) et/ou

Validation après avoir cliqué sur le bouton

Dans les 2 cas, possibilité d'ajouter un bouton non duplicable qui supprimera tous les clics déjà effectués par l'utilisateur

quelques explications 🔎(3/6)

3 éléments facultatifs utilisables uniquement si présence

du bouton

et/ou

et/ou

Élément duplicable devant être groupé avec un élément qui apparait après validation s'il reste des erreurs (bonnes réponses non cochées ou mauvaises réponses cochées)

Élément non duplicable indiquant le nombre de bonnes et de mauvaises réponses cochées après avoir cliqué sur le bouton validation

Possibilité de personnaliser ces éléments à l'aide de générateurs pour être cohérent avec la mise en forme de phrases type "Nombre de bonnes réponses"/"Nombre de mauvaises réponses"

quelques explications 🔎(4/6)

Générateurs pour personnaliser la mise en forme des éléments "nombre de bonnes/mauvaises réponses"

Suite

quelques explications 🔎(5/6)

Se mettre en mode prévisualisation

Transparence et couleur du rectangle de fond

Si rectangle non souhaité, mettre l'opacité à zéro sans toucher à la couleur de fond

Prévisualisation de vos choix de mise en forme

Si choix d'une police, celle-ci doit être présente sur la page

Suite

quelques explications 🔎(6/6)

Copier/coller ce code dans la section "Insérer > Autres" de votre page Genially

L'élément apparait directement sur votre page, il ne vous reste plus qu'à le placer à l'endroit souhaité

bon à savoir 📌 (1/2)

Pour obtenir un bouton ou personnalisé : créez votre propre bouton et placez par-dessus le bouton "valider"/"recommencer"ajustez la taille du bouton "valider"/"recommencer" pour qu'il recouvre votre autre boutonrendez transparent le bouton "valider"/"recommencer"groupez les 2 boutons ensemble

Possibilité de mettre une interactivité et/ou une animation sur les groupes ou

bon à savoir 📌 (2/2)

Pour taper le nom d'une police qui s'écrit en 2 mots dans les générateurs "nombre de bonnes/mauvaises réponses", désactivez le mode de navigation Standard qui vous fera automatiquement passer à la page suivante lorsque vous cliquerez sur la barre d'espacement.

Pour faire apparaitre, après validation et en cas d'erreurs restantes, une phrase type "nombre de mauvaises réponses" accompagnée de l'élément "nombre de mauvaises réponses", groupez-les avec l'élément faux (de cette manière la phrase et l'élément "nombre de mauvaises réponses" apparaitront uniquement après validation s'il y a des erreurs).

à vous de jouer 💪