Codes HMTL pour vos pages [Le livre Moodle]

Codes HMTL pour vos pages

Fondamental :

Pour une mise en forme de vos pages à l'aide d'un code HTML, cliquez sur 1 puis sur 2. Ce que vous écrivez maintenant dans la fenêtre d'édition DOIT être rédigé dans ce langage du Web et sera interprété comme tel.

Insérer un document au format PDF dans une page de livre

Fondamental :

Déposer votre pdf dans moodle et récupérer l'URL associée à ce fichier ;
Activer votre éditeur comme indiqué ci-dessus

Méthode :

Vous allez copier-coller le code ci-dessous dans votre éditeur

Vous remplacerez uniquement URL_du_fichier_dans_le_dépôt_de_Moodle en conservant TOUT le reste

<center>
<object data="URL_du_fichier_dans_le_dépôt_de_Moodlef?time=1567764606458#toolbar=1&amp;navpanes=1&amp;scrollbar=1" type="application/pdf" internalinstanceid="178" width="700" height="500">
<a href="URL du fichier dans le dépôt de Moodle">ouvrir le fichier pdf</a>
</object>
</center>

<center>
<object data="URL_du_fichier_dans_le_dépôt_de_Moodlef?time=1567764606458#toolbar=1&amp;navpanes=1&amp;scrollbar=1" type="application/pdf" internalinstanceid="178" width="700" height="500">
<a href="URL du fichier dans le dépôt de Moodle">ouvrir le fichier pdf</a>
</object>
</center>

Exemple :

Dans l'exemple ci-contre, il est facile de scroller le document pdf de plusieurs pages avec la barre de navigation verticale

Insérer une vidéo du média server

Rappel : URL de votre vidéo

Aller sur le mediaserver pour récupérer l'URL qui se termine par /iframe

Méthode :

Copier le code ci-dessous et coller le dans votre page de livre, une fois l'éditeur HTML activé en remplaçant iframe de votre vidéo par l'URL de votre vidéo. Conservez les guillemets !

<center>
<iframe src="iframe de votre vidéo"></iframe>
</center>

<center>
<iframe src="iframe de votre vidéo"></iframe>
</center>

Insérer une vidéo Youtube

Méthode :

Afficher la vidéo qui vous intéresse sur Youtube dans votre navigateur et récupérez son identifiant ie la dernière partie de l'URL ;

Copier le code HTML ci-dessous et coller le dans votre page de livre, une fois l'éditeur HTML activé en remplaçant Identifiant_de_la_video_Youtube par celui de votre vidéo. Conservez les guillemets !

<p center="" style="text-align: center;">
<iframe src="https://www.youtube.com/embed/Identifiant_de_la_video_Youtube" allowfullscreen="" width="80%" height="480" frameborder="0">
</iframe>
</p>

<p center="" style="text-align: center;">
<iframe src="https://www.youtube.com/embed/Identifiant_de_la_video_Youtube" allowfullscreen="" width="80%" height="480" frameborder="0">
</iframe>
</p>

Exemple :

La vidéo est centrée et visible directement dans la page du livre