# Le menu Pages de la ressource pédagogique # Ajouter des pages et des zones Dans le menu Pages, il va être possible de créer des pages et d'ajouter des activités dans ces pages. [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/R31image.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/R31image.png) Il est recommandé de donner un nom à la page [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/vUFimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/vUFimage.png) Le bouton + permet d'afficher les boutons pour ajouter une zone de texte, une image, une vidéo, un quiz... [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/6Jjimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/6Jjimage.png) # La zone de Texte [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/enEimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/enEimage.png) [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/JqTimage.png) ](https://documentation.xperteam.net/uploads/images/gallery/2025-05/JqTimage.png) Permet d'ajouter une zone de texte [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/qYAimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/qYAimage.png) Il est possible de mettre en forme le texte, de choisir de l'afficher sur une ou deux colonnes. Le code html est accessible en cliquant sur le bouton du même nom Une fois le texte ajouté et mis en forme, il est nécessaire de cliquer sur [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/aeaimage.png) ](https://documentation.xperteam.net/uploads/images/gallery/2025-05/aeaimage.png)pour enregistrer le texte # La zone Image #### La zone Image [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/Tn0image.png) ](https://documentation.xperteam.net/uploads/images/gallery/2025-05/Tn0image.png)Permet d'ajouter une image L'image est récupérée dans les médias ou importée depuis votre ordinateur. Il est possible de définir un titre, un texte et une légende. 4 affichages sont disponibles : - Petit format - Grand format - Plein format - Cover [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/7N6image.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/7N6image.png) #### Affichage Grand format [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/6uVimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/6uVimage.png) #### Affichage Petit format [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/gOlimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/gOlimage.png) #### Affichage Plein format [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/xKIimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/xKIimage.png) #### Affichage Cover [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/0deimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/0deimage.png) # La zone vidéo La vidéo s'ajoute avec le bouton [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/j63image.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/j63image.png) Il faut au préalable avoir créer une ressource vidéo dans Médias. Les vidéos sont généralement hébergées sur un serveur de streaming : api.video, vimeo, youtube [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/lw3image.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/lw3image.png) Affichage de la vidéo. [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/FRuimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/FRuimage.png) # La zone son Les fichiers mp3, waves peuvent s'ajouter après avoir cliqué sur bouton [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/F6Yimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/F6Yimage.png) [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/RJFimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/RJFimage.png) Rendu [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/xdVimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/xdVimage.png) # La zone fichier [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/uUvimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/uUvimage.png) [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/gi1image.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/gi1image.png) [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/uZhimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/uZhimage.png) # La zone question Les ressources pédagogiques permettent de proposer des questions. Lorsqu'elles sont intégrées dans un cours, il est possible un score à atteindre pour valider la ressource. Les questions s'ajoutent en cliquant sur [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/basimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/basimage.png) #### Le menu question [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/K2qimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/K2qimage.png) #### Le menu Réponse [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/7Hdimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/7Hdimage.png) Rendu #### Le menu Feedback [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/EHUimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/EHUimage.png) #### Côté Apprenant [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/zyCimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/zyCimage.png) [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/wJuimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/wJuimage.png) # La zone Flip Card L'ajout d'une flip card se fait en cliquant sur le bouton [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/lCyimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/lCyimage.png) #### Paramétrage de la flip card Il s'agit d'une carte qui se retourne et dans laquelle peut être insérer des images et du texte. On définit la face avant de la carte et la face arrière. [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/vjFimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/vjFimage.png) #### Côté Apprenant [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/sy9image.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/sy9image.png) [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/Ov7image.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/Ov7image.png) # La zone accordéon L'accordéon se crée avec le bouton [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/l75image.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/l75image.png) Il est composé d'un titre et d'un texte [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/rkbimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/rkbimage.png) #### Côté apprenant [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/4yfimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/4yfimage.png) # La zone carousel La zone carousel se crée en cliquant sur [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/cdAimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/cdAimage.png) Les carousels se composent d'une image, d'une image de fond et d'un texte [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/3Xfimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/3Xfimage.png) #### Côté apprenant [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/SPeimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/SPeimage.png) [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/WNBimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/WNBimage.png) # La zone code embed (iframe) La zone embed permet d'afficher du contenu hébergé ailleurs. La zone s'ajoute en cliquant sur [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/nJiimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/nJiimage.png) [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/2Ukimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/2Ukimage.png) #### Côté apprenant [![image.png](https://documentation.xperteam.net/uploads/images/gallery/2025-05/scaled-1680-/BgPimage.png)](https://documentation.xperteam.net/uploads/images/gallery/2025-05/BgPimage.png)