Éditeur HTML Bootstrap

Accès aux outils

Deux plugiciels vous seront utiles lors de la création dans Moodle:

• Éditeur HTML Bootstrap: pour créer la mise en page
• Autolink: pour créer des liens menant vers des activités et des sections ou pour afficher des informations

L'icône de l'éditeur HTML Bootstrap se trouve parfois sur la deuxième ligne du menu.

Gabarits

Le panneau affiche les gabarits que vous possédez:

• Gabarit obtenu à partir de la vitrine
• Gabarit personnel sauvegardé

La barre d'outils flottante vous permet de sauvegarder vos créations.

Composants

Composants Bootstrap disponibles

• Vous pouvez les inclure par glisser-déposer
• Pour réussir le déplacement, vous devez atteindre une zone de dépôt lors du survol

De base

Ce panneau affiche les propriétés Bootstrap les plus courantes.

• Pour un texte, la couleur et l'alignement
• Pour une image, l'URL de l'image ou le téléversement

Chaque propriété ajoutée s'inscrit dans la liste des classes.

Bootstrap

Ce panneau affiche les propriétés avancées.

• On retrouve le panneau d'affichage des classes
• D'autres classes plus avancées sont offertes. Par exemple, les espacements et les marges

Chaque propriété ajoutée s'inscrit dans la liste des classes.

Propriétés HTML

Ce panneau répond aux besoins de base des utilisateurs qui désirent ajouter des styles sans passer par le code source.

• On retrouve le panneau d'affichage des styles
• On peut définir une couleur personnalisée d'arrière-plan
• On peut définir la taille spécifique d'une image

Arborescence

Le panneau de l'arborescence est votre meilleur allié lorsque vient le moment de déplacer des éléments à l'intérieur de votre page. Vous maintenez les relations parent-enfant requises.

Cette arborescence contient une structure courante.

Une section qui contient un conteneur.

À l'intérieur du conteneur, on retrouve une rangée qui contient 2 colonnes.

À l'intérieur de la première colonne, on retrouve dans l'ordre : un titre H3, une liste, un paragraphe suivi d'une autre liste.