Comment ajouter des documents ou des images dans l'éditeur de contenu enrichi?

Vous disposez de plusieurs façons d’ajouter un document ou une image avec l'éditeur de contenu enrichi. Les fichiers peuvent être déjà présents dans l’outil Fichiers du cours ou provenir d’un téléversement à partir de votre ordinateur.

Par défaut, les documents ajoutés affichent une icône qui permet aux personnes étudiantes de prévisualiser le document dans la page. Vous pouvez désactiver cet aperçu en ligne, l’intégrer au reste du contenu de la zone de texte ou permettre le téléchargement du document.

Remarques :

Lorsqu'un document est téléversé dans l'éditeur de contenu enrichi, le fichier est enregistré dans le dossier nommé Fichier multimédia téléversé de l'outil Fichiers et a, par défaut, le même statut de visibilité que le dossier.

1 Ajouter un document ou une image
- 1.1 1- Téléverser un fichier depuis votre ordinateur
- 1.2 2- Insérer un document ou une image du cours
2 Ajuster l’affichage
- 2.1 1- Ajuster l’affichage des documents
- 2.2 2- Ajuster l’affichage d'une image
3 Enregistrer les modifications

Ajouter un document ou une image

Document	Image

Document	Image

Dans la zone de contenu, positionnez le curseur à l’endroit où vous voulez ajouter un document. Selon votre préférence, cliquez sur Insérer [1] dans la barre de menu ou cliquez sur l’icône correspondant [2] dans la barre d’outil.

Vous pouvez téléverser un document depuis votre ordinateur ou insérer un document déjà présent dans les fichiers du cours (outil Fichiers):

1- Téléverser un fichier depuis votre ordinateur

Sélectionnez Téléverser le document ou Téléverser une image selon le cas, dans le menu.

Cliquez sur la fusée pour ouvrir votre navigateur de fichiers local [1], sélectionnez le fichier ou l’image à insérer puis cliquez sur Envoyer [2] .

Dans le contenu, vous voyez apparaître :

Pour le document, le nom en hyperlien du document téléversé
Pour l'image, un aperçu de l'image téléversée

2- Insérer un document ou une image du cours

Sélectionnez Documents du cours ou Images du cours dans le menu.

Cliquez sur la barre de recherche [1] pour faire une recherche d’un fichier en particulier en saisissant au moins 3 caractères de son nom. Sélectionnez-le directement s'il apparait dans la liste [2] sous la barre de recherche. La liste des images quant à elle apparait avec un aperçu pour vous aider à les identifier.

Document	Image

Document	Image

Dès que le fichier est ajouté, il apparait sous la forme d’un hyperlien avec bouton de téléchargement dans la zone de contenu si c’est un document et sous la forme d'un aperçu si c’est une image. Si vous cliquez sur l’hyperlien ou l’image, une petite boîte s’affiche selon le cas :

Pour le document :

Options de lien, permet d’accéder à d’autres options
Retirer le lien, permet de retirer l’hyperlien sur le document

Pour l’image :

Options de l’image, permet d’accéder à d’autres options

Ajuster l’affichage

1- Ajuster l’affichage des documents

Si vous cliquez sur Options de lien, vous pouvez modifier le texte qui apparait dans la zone de contenu [1] et choisir trois options d’affichage :

Désactiver l’aperçu [2] : lorsque la personne étudiante cliquera sur le lien, le document se téléchargera automatiquement sur son ordinateur et ne sera pas ouvert en aperçu dans le cours.
Aperçu en superposition [3] (c’est le choix par défaut) : lorsque la personne étudiante cliquera sur le lien, le document s’ouvrira dans l’interface en superposition de la page du site de cours. Un nouveau menu apparait en haut à droite avec quelques options de navigation dans le fichier :
Aperçu « inline » [4] : lorsque la personne étudiante cliquera sur le lien, l’aperçu du document s’ouvre dans la page sous le lien. Si l’option Développer l’aperçu par défaut [5] a été sélectionnée, la personne étudiante n’aura pas besoin de cliquer sur le lien pour que l’aperçu s’ouvre. Un menu permettant de naviguer dans le document : changer de page, zoomer in ou out, tourner le document, agrandir plein écran est disponible dans le haut de l’aperçu du document.

2- Ajuster l’affichage d'une image

Pour ajouter du texte de remplacement à votre image, saisissez une description de remplacement ou des étiquettes de texte dans le champ Texte alternatif [1]. Par défaut, le champ Texte alternatif affiche le nom du fichier image. Le texte alternatif est lu par les lecteurs d'écran, et il s'affiche lorsqu'une image incorporée ne peut pas s'afficher. S'il s'agit d'une image décorative qui ne nécessite pas de texte alternatif, cochez la case Décoratif Image [2].

Par défaut, l'option d'affichage Incorporer l’image est sélectionnée pour les images intégrées [3]. Pour afficher le lien du fichier image, sélectionnez l'option Afficher le lien texte [4]. Dans l'éditeur de contenu enrichi, l'image est remplacée par le lien du fichier de l'image et s’ouvrira dans un nouvel onglet lorsque la personne étudiante cliquera dessus.

Cliquez sur le menu déroulant Taille [5]. Vous pouvez sélectionner une taille d'image petite, moyenne, grande ou très grande, ou vous pouvez choisir de personnaliser ses dimensions.

Pour personnaliser la taille de votre image, choisissez Type de dimension [6] en pixels ou en pourcentage et saisissez la hauteur ou la largeur personnalisée dans l'un des deux champs de dimension. Lorsque vous saisissez une valeur dans un champ, la valeur de l'autre champ change afin de conserver les proportions de l'image.

Informations

La taille personnalisée de l'image doit être d'au moins 10 x 10 px.

Ajustement manuel

Vous pouvez aussi ajuster manuellement l’image dans l'éditeur de contenu enrichi. Lorsque vous cliquez sur l'image, des poignées de réglage apparaissent dans chaque coin [1]. Cliquez sur les poignées et faites-les glisser pour ajuster la taille de l'image [2].

Sauvegardez les modifications des options d’affichage en cliquant sur le bouton Terminé.

Enregistrer les modifications

Pour enregistrer le contenu et le rendre visible aux personnes étudiantes, cliquer sur Sauvegarder et publier [2]. Pour enregistrer en gardant le même statut, cliquez sur Enregistrer [1]. Si vous ne souhaitez pas conserver vos modifications, cliquez sur le bouton Annuler [3].