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

Get started free

Tuto Genially_version_site_aca

eric.trotin

Created on April 4, 2024

Start designing with a free template

Discover more than 1500 professional designs like these:

Smart Presentation

Practical Presentation

Essential Presentation

Akihabara Presentation

Flow Presentation

Dynamic Visual Presentation

Pastel Color Presentation

Transcript

Créer un nouveau Genially

Genially

Créer des pages sur le Genially

Créer des contenus interactifs

Rendre votre Genially interractif

Pour aller vers un niveau supérieur...

Plus d'informations

Julien Ayet - Eric Trotin

Vue du tableau de bord après connexion :

Ici se trouveront les Genially déjà créés

Cliquer ici pour créer un nouveau Genially

Sommaire

Sur cet écran sont proposés différents types de créations possibles. Essayons une présentation par exemple !

Sur cet écran sont proposés différents modèles de présentations possibles. Essayons la basique !

Ici de nombreuses pages précréees sont proposées. On peut choisir celles que l'on voudra utiliser (on pourra les modifier, ne pas les utiliser, les supprimer...). Cliquons ensuite sur "Ajouter" !

Ici on peut choisir le type de coloris de base pour notre modèle. Utilisons ce modèle en cliquant sur "Ajouter ce modèle"

Sommaire

Retour

Permet d'ajouter des zones de texte

Permet d'insérer des images

Permet d'insérer des formes, vignettes....

Pour visualiser le Genially et voir ce qu'il donne il faudra cliquer sur "prêt" (Il sera toujours modifiable)

Permet d'insérer des vidéos, des pistes audios...

Permet d'insérer des éléments interractifs (boutons....)

Permet de gérer le fond des pages (couleur; images...)

Permet d'ajouter, déplacer, éditer les différentes pages

Sommaire

Nous sommes prêt à créer un Genially. Retourne au sommaire pour voir les différentes possibilités !

Retour

Créer des pages sur le Genially :

Sommaire

Lorsque l'on va sur "Pages" on obtient un volet latéral à gauche avec l'intégralité des pages du Genially. Pour la suite : clique sur les parties entourées en rouge (conseil : commencer par "fond" avant de voir les autres outils)

Sommaire

Cet outil permet d'ajouter, supprimer ou éditer un fond de page. Le fond de page selectionné sera appliqué UNIQUEMENT à la page précédemment selectionnée.

Retour

Suite

En cliquant ici on peut choisir en fond une image issue de l'ordinateur (ou bien on la glisse directement)

On peut également choisir en fond une image issue d'un site web en collant l'URL de l'image

On peut créer un fond simple unicolore

Genially propose également une galerie de fond préétablis en cliquant ici (certains sont animés)

Genially propose également un accès une banque d'image libre de droit ici

Exemple :

Afin d'appliquer ce fond à toutes les pages on peut cliquer ici

Sommaire

Retour

Retour à "créer des pages"

Suite

Donc voila nos différentes pages avec un fond identique pour chacune d'entre elles :

Sommaire

Outil "Texte" : permet de rédiger plusieurs textes avec différents styles.

On peut également éditer le style du texte ici

Retour

Suite

Outil "Image" : permet d'insérer des images On peut sélectionner une image à partir de l'ordinateur, coller l'URL d'une image trouvée sur le Web, coller directement une image du presse-papier...

On peut éditer les images ici (rogner, modifier la transparence, mettre un cadre...)

Sommaire

Ressources : permet d'ajouter des formes, des icônes etc etc... Par exemple :

Retour

Chaque élément ou ressource peut être modifié (taille, couleur etc )

Retour à "créer des pages"

Eléments interractifs : permet de créer des boutons qui pourront servir, plus tard, à créer de l'interractivité. Par exemple :

Home

Sommaire

Outil "Insérer" : permet d'insérer des vidéos, des pistes audios etc... Exemple : pour insérer une vidéo Youtube il suffit d'aller sur "Vidéo" puis de coller l'URL de la vidéo

Retour

Sommaire

Retour

Comment faire pour que la carte apparaisse avec une petite animation ? (Créer des animations, faire apparaître des éléments progressivement...)

Comment faire pour aller sur une carte de l'Europe lorsque je clique sur le bouton de l'Europe ? (Créer une interraction du type "Je clique -> j'affiche une nouvelle chose)"

Comment faire pour insérer des boutons "Sommaire" "suite" "retour" etc ?

Sommaire

1- Cliquer sur l'élément que l'on souhaite faire apparaître (ici le bouton rose par exemple, mais on peut le faire avec la carte également) 2 - Ces quatre icônes apparaissent au dessus de l'élément sélectionné : Il faut sélectionner le troisième (comme sur la carte ci contre)

Retour

Suite

Sommaire

Retour à "interraction"

Retour

Ce volet latéral s'ouvre : il suffit de choisir les options qui nous intéressent. Par exemple ici on a choisit 'Entrée", ce qui signifie que l'on va créer une animation de l'élément lors de l'arrivée sur la page. Nous avons selectionné comme effet "apparaître", ce qui signifie que l'élément appaîtra progressivement lorsque l'on arrivera sur la page. On peut ensuite régler le temps d'apparition, la direction etc... de plus nous pouvons, avec ce même volet, rajouter d'autres animations. Par exemple "Souris dessus" permet d'animer l'élément lorsque la souris passe dessus.

Sommaire

Retour

Retour

1- Cliquer sur l'élément qui doit nous mener à une autre page(ici le bouton rose par exemple) 2 - Ces quatre icônes apparaissent au dessus de l'élément sélectionné : Il faut sélectionner le deuxième (comme sur la carte ci contre)

Sommaire

Retour à "interraction"

Retour

On arrive sur cette page où l'on peut choisir le type d'interractivité : -> Etiquette : permet d'ajouter une petit bulle sur l'élément sur lequel on a cliqué ->Fenêtre : ouvre une petite fenêtre -> Aller à la page... mène à une nouvelle page -> Lien : permet de mener sur un autre site -> Zoom -> Audio -> Révéler : permet d'afficher un nouvel élément sur la page

On va faire "aller à la page"

Sommaire

Retour

Rien de plus simple : il suffit de sélectionner dans "éléments interractifs" des boutons préconstruits et y rajouter les interractions que l'on souhaite.... ("Retour à la page précédente" ; "Sommaire" etc etc...)Conseil : on peut copier/ coller ces boutons avec leurs animations et interractions d'une page à l'autre ! Note : il est tout à fait possible d'utiliser un autre élément, comme une zone de texte ou une image !

Sommaire

Retour

http://dahane0.free.fr/generateur/iframe.html

Sommaire

Pour aller plus loin dans les apprentissages : le site S'CAPE est LA mine d'or que vous cherchez !

Quelques exemples de fonctionnalités que l'on peut réaliser en fouillant dans le site S'CAPE (à chaque fois il y a quelques exercices à réaliser pour accéder aux outils et tutoriels) :

Réaliser un exercice en temps limité + intégration d'un autre site

Quelques petits trucs pour réaliser des énigmes (trouver un mot de passe; un code..)

Allons encore plus loin : intégrer plusieurs pages d'exercices variés en une seule page et en temps limité

Toujours plus loin : intégrer un bloc-notes permettant de prendre... des notes conservées de page en page

Accéder aux outils et tutoriels sans faire les exercices + lien vers une petite mine d'or !

Sommaire

00:00:00

Retour

C'est perdu... Tu vas devoir retourner au sommaire pour tout recommencer !

Hey coucou ! Combien y a-t-il d'atomes d'oxygène dans la cytidine ? Tu as 1 minute pour répondre. Dépêche toi, sinon tu ne pourras pas répondre!

Ma réponse

Ma réponse :

Introduire le mot de passe

Sommaire

Identifiant et mot de passe corrects !

L'identifiant et/ou le mot de passe ne sont pas bons !

Retour

Login : nom de la molécule support de l'information génétique Mot de passe : cette molécule est composée de 4 ...

VALIDER

Fiche révision brevet

Sommaire

Retour

Pense-bête

Tutos et outils utilisés

Dossier top secret

Cette page est protégée par mot de passe

Animal top secret

Sommaire

Retour

Pour accéder aux tutoriels des outils présentés il faut que tu réalises les exercices du cahier dans le temps imparti !

Sommaire

Analyse de documents

Prendre des notes qui seront conservées de page en page et les copier dans le presse-papier pour ensuite les réutiliser dans un traitement de texte par exemple

PAGE SUIVANTE

Sommaire

14

Mes notes

PAGE SUIVANTE

PAGE Précédente

Sommaire

14

Mes notes

PAGE Précédente

PAGE SUIVANTE

Sommaire

14

Mes notes

PAGE Précédente

PAGE SUIVANTE

Sommaire

14

Mes notes

PAGE Précédente

PAGE SUIVANTE

Sommaire

14

Mes notes

PAGE Précédente

PAGE SUIVANTE

Sommaire

14

Mes notes

PAGE Précédente

Sommaire

Quelques conseils de base pour débuter dans les escapes games

Chronomètre

Outil : créer des puzzles

Générer et intégrer un Iframe (pour intégrer des ressources externes comme libmol)

Tuto + outil : Créer des QCM ou d'autres exercices avec des cases à cocher

Protéger une page par un mot de passe

Tuto + outil : Créer un jeu d'appariement

Créer des champs de réponses (login/password, questionaires... )

Créer des cadenas

Prendre des notes conservées de page en page

Lien vers LA mine d'or Genially, avec la quasi totalité des outils, tutos, conseils etc regroupés