Intégrer textes et images dans les pages

Procédure

Cette procédure explique comment gérer les textes (intégration et stylage) ainsi que les images

Exemple

Prérequis

Avoir d'un côté le cours OpenClassrooms que vous gérez et de l'autre le cours Moodle qui lui correspond

  1. Gérer l'import du texte

    AttentionCopier/coller texte⚓

    Le texte est directement accessible sur le site openclassrooms.

    Copier le texte depuis le site openclassrooms et coller dans la page correspondante dans moodle

    Attention

    Attention, le copier ne prend pas en compte les images et légendes images (il faut gérer cela à part, cf. ci-dessous)

  2. Gérer l'import des images

    Copier/coller⚓

    Chaque image doit être copiée/collée individuellement

    Centrer l'image dans Moodle⚓

    A l'aide de l'icône d'alignement dans le menu d'édition

    Copier/coller la légende correspondante⚓

    Centrer ensuite la légende en dessous de l'image et mettre en style italique

    1. ExempleRésultat final⚓

  3. Gérer le stylage du texte

    Les stylages principaux⚓

    A priori les balisages de types "gras", "italique" sont conservés. Sinon passer par le menu édition en haut de la page

    Le plus souvent, il s'agira de passer en fond bleu du texte (information importante) ou rouge (Attention !)

    Baliser texte en bleu⚓

    Passer en mode édition HTML

    Insérer avant le texte à colorer ouverture de la balise <div> puis indiquer la couleur de fond de la manière suivante :

    <div>

    <div style="background-color: rgb(230, 244, 250);">

    TEXTE.....Puis après le texte fermer la balise <div>

    </div>

    ExempleTexte en bleu sur moodle⚓

    Baliser texte en rouge⚓

    Passer en mode édition HTML

    Insérer avant le texte à colorer ouverture de la balise <div> puis indiquer la couleur de fond de la manière suivante :

    <div>

    <div style="background-color: rgb(253, 239, 225);">

    TEXTE.....Puis après le texte fermer la balise <div>

    </div>

    ExempleTexte en rouge sur Moodle⚓