3. Dans le cours MOODLE

Dans un espace de cours MOODLE, l'élément Zone de texte et média vous permet d'intégrer du texte , des images, des vidéos  mais aussi n'importe quel élément d'une page web. 

Une page web transmise par un serveur à votre navigateur est transmise sous format texte : du code HTML. C'est votre navigateur qui lit ce code HTML et il le traduit en image à l'écran.  On appelle aussi ce code HTML  : "code source de la page".  Les éléments  du code  sont encadrés des caractères "<" et ">"  d'où le symbole "<>" des icônes que l'on retrouve partout dans les logiciels et qui indiquent que l'on peut insérer ce type de code HTML.


Partout où vous avez un éditeur de texte MOODLE, vous pouvez  y insérer du code HTML à condition de cliquer au préalable sur l'icône (Code source) du menu "outils" (de l'éditeur de texte TinyMCE) .

Image montrant le menu "outils" ouvert et l'item à choisir (ici "Code source", en surbrillance)

  1. Ajoutez une Zone de texte et média (ou une ressource de type Page) à votre cours
  2. Cliquez sur le menu "Outils" et choisissez "Code source"
  3. Collez le code HTML que vous avez copié sur le site Bootstrap (voir la page précédente de ce livre)
  4. cliquez de nouveau sur "Code source" pour voir le résultat
  5. Remplacez le texte exemple par votre texte ( Il est souvent préférable de remplacer le texte directement dans le code source affiché)
  6. Enregistrez vos modifications.