Mettre en forme des images dans des activités de cours - Leadership Academy

Cet article explique comment mettre en forme des images lors de la création d'activités de cours, y compris les fonctionnalités disponibles, les bonnes pratiques et quelques conseils.

Fonctionnalité de mise en forme des images dans la plate-forme

Actuellement, la plate-forme propose deux options lors du téléchargement d'une image dans la rubrique Description de la page Build (Création) d'une activité : l'alignement et la taille. Découvrez comment créer une activité.

  • Alignement : actuellement, il existe un alignement à gauche et un alignement à droite. Si vous sélectionnez cette option, votre image sera automatiquement alignée à gauche ou à droite du lecteur de cours et le texte sera mis en forme autour de l'image. Si vous souhaitez centrer l'image, suivez les instructions de la rubrique ci-dessous.
  • Taille : grande (100 % de la largeur de la page ou 1080 p), moyenne (50 % de la largeur de la page ou 540 p) et petite (25 % de la largeur de la page ou 270 p). Si votre image est plus large que l'option choisie, elle sera reformatée en fonction de la taille choisie, au risque de nuire à la visibilité et de rendre les images floues ou granuleuses. 

Astuces pour le téléchargement d'images dans une activité de cours

  • Lorsque vous créez une activité, utilisez deux onglets de navigateur, l'un pour la page Build (Création) et l'autre pour visualiser l'activité de cours du point de vue du participant. Cela vous permet de vérifier régulièrement à quoi ressemble l'activité dans le lecteur de cours du point de vue du participant, puis d'effectuer des mises à jour.
  • N'oubliez pas que les participants consultent les cours à partir de différents appareils et avec des écrans de différentes tailles. La mise en forme sur votre écran peut ne pas correspondre à l'expérience de tous les participants.
  • Bien qu'il ne s'agisse pas d'une bonne pratique, en fonction de l'esthétique souhaitée, vous pouvez appuyer sur Entrée autour du texte dans la rubrique Description autant de fois que nécessaire pour vous assurer que le texte n'est pas dispersé autour d'une image. Si votre image est petite et alignée à gauche ou à droite, le texte sera automatiquement placé à gauche ou à droite de l'image. Si vous souhaitez déplacer le texte sous l'image, vous pouvez opter pour cette solution, tout en gardant à l'esprit que l'aspect esthétique de l'activité peut être différent pour les participants qui utilisent d'autres appareils.

Centrer les images

1. Téléchargez votre image dans la rubrique Description de l'activité de cours.

2. Une fois téléchargée, cliquez sur l'icône Source Code (Code source) en haut de la rubrique Description.

source code icon.png
3. Repérez le code de votre image. Il devrait ressembler à ceci, bien que l'alignement, la largeur et la taille puissent être différents :
<img src="imagename.png or imagename.jpg, etc" alt="None" width="540" height="479" />
4. Juste avant ce code, c'est-à-dire à gauche de « <img class », saisissez « <center> » (sans les guillemets). Juste après le code, c'est-à-dire à droite de « /> », saisissez </center>. Le code ressemblera à ceci :
<center><img src="imagename.png or imagename.jpg, etc" alt="None" width="540" height="479" /></center>
5. Repérez l'alignement du code, c'est-à-dire l'endroit où il est indiqué « image-left » (gauche) ou « image-right » (droite). Modifiez cette valeur en « image-center ». Le code devrait maintenant ressembler à ceci :
<center><img src="imagename.png or imagename.jpg, etc" alt="None" width="540" height="479" /></center>

6. Cliquez sur OK. L'image a dû être déplacée vers le centre dans la rubrique Description. Cliquez sur Update (Mettre à jour) en bas de la page Build (Création) de l'activité.

7. Dans une autre fenêtre du navigateur, consultez l'activité du point de vue du participant et vérifiez que l'image s'affiche correctement. 

Articles associés

Contactez-nous