4. Cours

4.4. Choisir entre les différents formats de cours

Consulter la version écrite Consulter la présentation interactive

Processus d'utilisation

Mis à jour en Juillet 2025

Ce tutoriel est consacré aux différents formats de cours sur Moodle, qui vous permettent de donner différentes apparences à vos espaces de cours. Nous vous présentons ici les caractéristiques des formats les plus fréquemment utilisés, en termes de : design, navigation, personnalisation et facilité d'utilisation.
Accéder à la version en tableau comparatif des différents formats de cours (s'ouvre dans un nouvel onglet).
Pré-requis : Savoir créer un cours sur Moodle (sinon suivre le tutoriel dédié par ici 3.1. Créer un cours Moodle)

Les explications pas à pas :

 
FORMAT UNE SECTION PAR ONGLET
  • Niveau conseillé sur Moodle pour utiliser ce format : débutant 🟢
  • Design : format classique, standard ; il s'agit du format sélectionné par défaut au niveau des paramètres d'affichage (donc peut-être celui auquel vous êtes le plus habitué !)
  • Sommaire du cours : un index de cours (panneau à gauche de l'espace cours) affiche les sections, activités et ressources de votre cours à la manière d’un sommaire ; utile si vous avez beaucoup de contenus car en cliquant sur les liens, l'étudiant accède directement au contenu correspondant ; cet index est synchronisé avec votre avancement dans le cours vous permettant de facilement vous repérer ; possible d’ouvrir et fermer ce panneau en cliquant sur le bouton (symbolisé par 3 points verticaux avec 3 lignes)
  • Degré de personnalisation du format : modéré ; vous pouvez régler jusqu'à 8 paramètres différents, tous sont facultatifs (vue des onglets, mode de visualisation de la section 0, etc.)
  • Possibilité d’illustrer les sections par des images : ❌non 
  • Possibilité de régler les couleurs des sections : ✅oui ; vous pouvez régler, au niveau de chaque onglet, la couleur de fond de l'onglet (remplissage) ainsi que la couleur du titre de la section
  • Mode d’organisation des sections : onglets affichés dans un menu horizontal ; chaque onglet représente une section différente du cours, qui peut être, par exemple, associé à un chapitre de votre cours
  • Mode d’affichage du contenu des sections : sous forme de page (réglé par défaut)
  • Système de navigation entre les sections : les onglets sont cliquables et permettent d'accéder aux contenus séparément ; chaque sujet peut être affiché un à la fois en cliquant sur l’onglet approprié
  • Possibilité d'avoir des sous-sections : ✅oui ; paramétrage au niveau de la section elle-même (et non pas au niveau du paramétrage général du format de cours)


 

FORMAT SECTIONS PERSONNALISÉES ou HEBDOMADAIRE
 
  • Niveau conseillé sur Moodle pour utiliser ce format : débutant 🟢
  • Design : pratique, épuré 
  • Sommaire du cours : un index de cours (panneau à gauche de l'espace cours) affiche les sections, activités et ressources de votre cours à la manière d’un sommaire ; utile si vous avez beaucoup de contenus car en cliquant sur les liens, l'étudiant accède directement au contenu correspondant ; cet index est synchronisé avec votre avancement dans le cours vous permettant de facilement vous repérer ; possible d’ouvrir et fermer ce panneau en cliquant sur le bouton (symbolisé par 3 points verticaux avec 3 lignes)
  • Degré de personnalisation du format : faible ; vous pouvez régler 2 paramètres (nous vous conseillons de ne pas changer le paramétrage par défaut et donc de laisser afficher "toutes les sections sur une même page")
  • Possibilité d’illustrer les sections par des images : ❌non 
  • Possibilité de régler les couleurs des sections : ❌non
  • Mode d’organisation des sections : sections sous forme de bandes dans une liste verticale sur une colonne fixe empilées les unes sous les autres ; chaque section comprend les activités et ressources que vous mettrez en place 
  • Mode d’affichage du contenu des sections : toutes les sections sur une même page ou une section par page ; paramétrable
  • Système de navigation entre les sections : sections sous formes de bandes à plier/déplier (accordéon) 
  • Possibilité d'avoir des sous-sections : ✅oui ; paramétrage au niveau de la section elle-même

 

FORMAT TUILES
 
  • Niveau conseillé sur Moodle pour utiliser ce format : intermédiaire 🟡
  • Design : sobre, condensé 
  • Sommaire du cours : un index de cours (panneau à gauche de l'espace cours) affiche les sections, activités et ressources de votre cours à la manière d’un sommaire ; utile si vous avez beaucoup de contenus car en cliquant sur les liens, l'étudiant accède directement au contenu correspondant ; cet index est synchronisé avec votre avancement dans le cours vous permettant de facilement vous repérer ; possible d’ouvrir et fermer ce panneau en cliquant sur le bouton (symbolisé par 3 points verticaux avec 3 lignes)
  • Degré de personnalisation du format : modéré ; vous pouvez régler jusqu'à 7 paramètres différents, tous sont facultatifs (icône de la tuile, couleur des tuiles, progression, souligner les titres des onglets, etc.)
  • Possibilité d’illustrer les sections par des images : ✅oui mais les images ajoutées doivent être uniquement décoratives (en effet il n'est pas possible de leur associer un texte alternatif et donc de les décrire pour les utilisateurs malvoyants)
  • Possibilité de régler les couleurs des sections : ✅oui ; choix parmi un panel de 6 couleurs (bleu, gros, vert, violet, rouge)
  • Mode d’organisation des sections : vignettes sur une grille fixe
  • Mode d’affichage du contenu des sections : sous forme de page ou pop-up ; paramétrable 
  • Système de navigation entre les sections : sections sous forme de vignettes à cliquer 
  • Possibilité d'avoir des sous-sections : ✅oui ; paramétrage au niveau de la section elle-même


 

FORMAT SECTIONS REDUITES
 
  • Niveau conseillé sur Moodle pour utiliser ce format : intermédiaire 🟡
  • Design : ordonné, visuel 
  • Sommaire du cours : un index de cours (panneau à gauche de l'espace cours) affiche les sections, activités et ressources de votre cours à la manière d’un sommaire ; utile si vous avez beaucoup de contenus car en cliquant sur les liens, l'étudiant accède directement au contenu correspondant ; cet index est synchronisé avec votre avancement dans le cours vous permettant de facilement vous repérer ; possible d’ouvrir et fermer ce panneau en cliquant sur le bouton (symbolisé par 3 points verticaux avec 3 lignes)
  • Degré de personnalisation du format : élevé ; vous pouvez régler jusqu'à 25 paramètres différents, tous sont facultatifs (orientation des colonnes, jeu d'icônes, police de l'icône, couleurs, police, alignement du texte, etc.)
  • Possibilité d’illustrer les sections par des images : ❌non
  • Possibilité de régler les couleurs des sections : ✅oui ; possible de personnaliser les couleurs des sections et le changement de couleur au passage de la souris, de modifier les icônes sur la gauche, etc.
  • Mode d’organisation des sections : sections sous forme de liste verticale dans une ou plusieurs colonnes empilées les unes sous les autres ; sections présentées sous forme repliée qui peuvent être dépliées individuellement
  • Mode d’affichage du contenu des sections : sous forme de page ou pop-up ; paramétrable 
  • Système de navigation entre les sections : sections sous forme de bandes cliquables à ouvrir et fermer 
  • Possibilité d'avoir des sous-sections : ✅oui ; paramétrage au niveau de la section elle-même


 

FORMAT VUE EN IMAGE
 
  • Niveau conseillé sur Moodle pour utiliser ce format : avancé 🟠
  • Design : esthétique, attractif
  • Sommaire du cours : un index de cours (panneau à gauche de l'espace cours) affiche les sections, activités et ressources de votre cours à la manière d’un sommaire ; utile si vous avez beaucoup de contenus car en cliquant sur les liens, l'étudiant accède directement au contenu correspondant ; cet index est synchronisé avec votre avancement dans le cours vous permettant de facilement vous repérer ; possible d’ouvrir et fermer ce panneau en cliquant sur le bouton (symbolisé par 3 points verticaux avec 3 lignes)
  • Degré de personnalisation du format : modéré ; vous pouvez régler jusqu'à 9 paramètres différents, tous sont facultatifs (utiliser une fenêtre flottante, largeur du conteneur d'image, afficher l'achèvement, etc.)
  • Possibilité d’illustrer les sections par des images : ✅oui ; si votre image n'est pas purement illustrative/décorative, ajoutez un texte alternatif permettant de bien de retrouver les mêmes informations que celles qui apparaissent dans l'image
  • Possibilité de régler les couleurs des sections : ✅oui 
  • Mode d’organisation des sections : vignettes sur une grille adaptable 
  • Mode d’affichage du contenu des sections : sous forme de page ou pop-up ; paramétrable 
  • Système de navigation entre les sections : sections sous forme de vignettes à cliquer
  • Possibilité d'avoir des sous-sections : ✅oui ; paramétrage au niveau de la section elle-même


 

FORMAT SENTIER
 
  • Déconseillé car non compatible avec la version Moodle Lyon 1 depuis l'été 2025. 
  • Niveau conseillé sur Moodle pour utiliser ce format : avancé 🟠
  • Design : immersif, ludique
  • Sommaire du cours : ❌option non présente 
  • Degré de personnalisation du format : élevé ; vous pouvez régler jusqu'à 38 paramètres différents, tous sont facultatifs (style de sentier, style des achèvements, couleur de la bordure, etc.)
  • Possibilité d’illustrer les sections par des images :✅oui mais les images ajoutées doivent être uniquement décoratives (en effet il n'est pas possible de leur associer un texte alternatif et donc de les décrire pour les utilisateurs malvoyants)
  • Possibilité de régler les couleurs des sections : ✅oui 
  • Mode d’organisation des sections : vignettes sur un chemin
  • Mode d’affichage du contenu des sections : sous forme de pop-up ; non paramétrable 
  • Système de navigation entre les sections : sections sous forme de vignettes disposées le long un chemin 
  • Possibilité d'avoir des sous-sections : ❌non


 

Recommandations d’accessibilité applicables pour les différentes de cours :

 
  • Nommez correctement vos sections (titres) ✍️
    • Les titres doivent être uniques, concis, explicites (clairs).
    • Le titre est le point de départ pour un lecteur d'écran.
  • Soyez vigilant lors du paramétrage des couleurs 🎨
    • N’utilisez pas la couleur comme le seul moyen pour véhiculer une information importante.
    • Veillez à ce que le rapport de contraste entre le premier plan (texte ou icônes) et le fond soit suffisant (rapport de contraste minimum de 4.5). Vous pouvez vous appuyer sur cet outil : https://app.contrast-finder.org/?lang=fr (s'ouvre dans un nouvel onglet).
  • Faites attention quand vous mettez des images 🛤️
    • Assurez-vous que vous êtes autorisé à utiliser les images que vous ajoutez (utilisation autorisée pour un usage non commercial ou que vous avez créée vous-même).
    • Si vous ajoutez une image qui ne soit pas uniquement décorative (dans le format « Vue en image »), associez-lui bien un texte alternatif qui décrit cette image. Ce texte sera lu par les lecteurs d’écran (synthèses vocales et/ou plages brailles) et s’affichera aussi si les images ne se chargent pas. Pour les autres formats de cours qui utilisent des images pour représenter les sections (« Tuiles », « Sentier »), veillez à ne pas mettre les d’informations importantes dans les images.
    • Importez une image au format paysage. La largeur doit être d’environ 1,35 fois la hauteur (par exemple : largeur 270 x hauteur 200 conviendrait bien). Les images au format portrait ne correspondront pas à la forme de la tuile. Pour les autres formats, un arrière-plan de part et d’autre de l’image au format portrait apparaît et sa couleur est personnalisable. Les images ou fichiers volumineux seront réduits et compressés si nécessaire après le téléchargement.
  • Donnez des consignes de navigation dans votre cours 🚓
    • Pour le format «Sections personnalisées » et « Sections réduites », indiquez à l’apprenant : « Vous pouvez déplier/replier les sections de votre choix en cliquant sur […] à gauche de leur intitulé mais également "Tout déplier"/"Tout replier" en cliquant sur le lien correspondant en haut de formulaire.
    • Pour le format « Tuiles », où l’apprenant a le choix de l’affichage du contenu, précisez : « Vous pouvez choisir d’afficher le contenu de la tuile en mode Page ou bien l'ouvrir dans une fenêtre modale (pop-up), pour cela Activer/désactiver la navigation animée sur votre cours via le bouton radio situé en haut à droite de l’écran d’accueil du cours ».

Revenir en haut de page

La présentation interactive :

Cliquez sur chaque format pour voir le détail et des images d'un cours formaté.

Revenir en haut de page

Pour aller plus loin : Inscrivez-vous à la formation Améliorer l'ergonomie d'un cours Moodle en autonomie (🕐Durée : 1h30) ou à l'atelier en présentiel (🕐Durée : 2h)