Templates de supports pédagogiques
pour la publication en ligne
Voici la liste des outils permettant d'utiliser les gabarits de supports mis à disposition sur ce site.
Quelques ressources sur le langage markdown :
StackEdit est un éditeur Markdown en ligne entièrement gratuit. Les documents créés peuvent être sauvegardés sur Google Drive.
➜ Un cours en ligne permet de prendre en main cet outil très performant : Utiliser StakEdit.
Quelques ressources complémentaire sur Stackedit :
➜ Des vidéos concernant StackEdit sont disponibles sur YouTube.
CodiMD est un éditeur Markdown collaboratif, utilisable gratuitement. L'instance proposée ici en lien est rattachée au site apps.education.fr et nécessite une identification via l'instance de CodiMD pour sauvegarder ses documents.
Cet outil, comme vous allez le découvrir sur les sites listés plus bas, permet de publier des contenus en ligne en les structurant en langage Markdown. C'est aussi un éditeur markdown très simple permettant d'exploiter les gabarits proposées sur cette page.
Quelques ressources complémentaire sur CodiMD :
➜ Des vidéos concernant CodiMD sont disponibles sur YouTube.
HackMD est un éditeur Markdown collaboratif, utilisable gratuitement (... avec quelques limitations). L'offre Prime permet de bénéficier de fonctionalités supplémentaires (parmi lesquelles le contrôle des permissions).
Quelques ressources complémentaire sur HackMD (en anglais) :
➜ Des vidéos concernant KackMD sont disponibles sur YouTube (toujours en anglais).
PanWriter est un éditeur Markdown gratuit pour Windows, macOs et Linux. Il est nécessaire d'installer Pandoc sur le poste de travail pour pouvoir exporter les documents dans tous les formats proposés. PanWriter peut être testé en ligne..
➜ Un manuel (en anglais) permet de prendre en main panWriter : PanWriter manual.
MacDown est un éditeur Markdown gratuit pour macOs seulement. Très simple d'utilisation, MacDown est une reprise open source d'un ancien éditeur pour macOs : Mou..
MacDown permet assez facilement de personnaliser, avec un éditeur de texte, les feuilles de styles utilisées. Il est facile d'en rajouter ou d'en enlever. Il est possible d'utiliser des feuilles de style “classless”. De très nombreux styles graphiques sont donc implémentables dans MacDown.
➜ Une page du site (en anglais) permet de prendre en main l'éditeur MacDown : Features.
Obsidian est bien plus qu'un éditeur Markdown gratuit pour (Windows, macOs, Linux). Il s'agit d'un véritable gestionnaire de notes en Markdown, doté de très nombreuses fonctionnalités.
Les notes gérées avec Obsidian sont interconnectables (comme les pages d'un site Web). Un affichage sous forme de graphe permet de visualiser les connections entre toutes les notes et de naviguer dans les dossiers dans lesquelles elles sont enregistrées.
Il est possible de présenter les contenus des pages sous forme de cartes reliées entre elles. Chaque note ou page Markdown est affichable sous forme de Markmap en installant un plugin (faites un recherche “mindmap” sur la page des plugins d'Obsidian).
Moyennant un abonnement (8$ par mois), il est possible de publier ses notes en ligne. Il est donc envisageable de publier un ensemble de ressources pédagogiques (cours, quizz, wikis, blogs, ...) en utilisant uniquement Obsidian.
➜ Une page du site (en anglais) permet de prendre en main l'éditeur MacDown : Features.
Le HTML est le langage de balisage permettant de structurer une page Web. Des connaissances de base en HTML permettent de lire un code source de page Web (dans un éditeur HTML) pour en modifier les contenus : textes, images et liens hypertextes.
Les éditeurs HTML sont des éditeurs de code nommés aussi éditeurs de texte (à ne pas confondre avec des outils de traitement de texte). Ils sont qualifiés de WYSIWYG quand il est possible d'effectuer l'édition en modifiant directement la prévisualisation du contenu. WYSIWYG est l'acronyme de “What You See Is What You Get”
Quelques ressources sur le langage HTML :
Les gabarits ou templates mis à disposition sur ce site sont librement personnalisables. Plusieurs ressources sont à l'entête du GRETA Auvergne, d'autres sont à l'entête du Pôle Plurimédia. Modifiez les entêtes ou les pieds de page en fonction de vos utilisations.
Le gabarit de progression pédagogique proposé permet au coordonateur du pôle plurimédia de mettre à jour le site sur lequel sont publiées toutes les progressions pédagogiques des formations dispensées sur le pôle.
Ce gabarit de progression pédagogique permet aussi de transmettre aux apprenants le programme des formations, ainsi que des renseignements précis sur les pré-requis et les compétences à acquérir.
Télécharger le gabarit de progression pédagogique
Le gabarit d'attestation de capacités permet à chaque formateur de transmettre au secrétariat pédagogique un bilan d’acquisition des compétences, complété en fin de formation.
Les compétences à valider sont précisément celles listées dans la progression pédagogique. Chaque compétence rapporte à une action observable et évaluable objectivement (à l’aide d’un quiz, d’un exercice pratique, d’un projet pro, etc.).
Télécharger le gabarit d’attestation de capacités
➜ Dans Obsidian (voir plus haut), gestionnaire de notes en Markdown, les X entre crochets — [X]
— s'affichent sous forme de cases à cocher (cochées par défaut dans le gabarit proposé).
L'utilisation de ces gabarits nécessite des connaissances de base en édition HTML. La gestion des images et des textes dans un site statique est une compétence minimum requise pour tirer profit des modèles proposés.
Les gabarits de cours basiques sont des sites “one page”, sans menu, permettant l'intégration de textes et d'images, pour présenter en ligne un processus chronologique ou opérationnel en quelques étapes clés.
Ce gabarit est en niveaux de gris. Les images de maquette appelées en ligne sont à remplacer par d'éventuelles captures d'écran à placer au préalable dans le dossier “img”.
Télécharger le gabarit HTML basique gris
Ce gabarit utilise un camïeu de rouges briques. Les niveaux de luminosité des couleurs utilisées sont étagés pour optimiser la visibilité des contenus. Comme pour le précédent gabarit, les images de maquette appelées en ligne sont à remplacer par d'éventuelles captures d'écran à placer au préalable dans le dossier “img”.
Télécharger le gabarit HTML basique brique
Ce gabarit utilise un camïeu de verts “plurimédia”. Les niveaux de luminosité des verts utilisés sont étagés pour optimiser la visibilité des contenus. La feuille de style CSS de ce gabarit utilise des variables pour faciliter la personnalisation des couleurs utilisées. Comme pour le précédent gabarit, les images de maquette appelées en ligne sont à remplacer par d'éventuelles captures d'écran à placer au préalable dans le dossier “img”.
Les gabarits de cours avec menu sont des sites “one page” adaptatifs avec menu fixe, permettant l'intégration de textes et d'images, pour présenter en ligne une activité ou un processus à mener en plusieurs étapes.
Ce gabarit avec menu est en niveaux de gris. Il reprend la présentation des gabarits basiques. Les images de maquette appelées en ligne sont à remplacer par d'éventuelles captures d'écran à placer au préalable dans le dossier “img”.
Télécharger le gabarit HTML avec menu v1
Ce gabarit est destiné à présenter les consignes de déroulement d'une activité. Des critères de réussite de l'activité sont présentés en liste en fin de page. Ce gabarit avec menu utilise un camïeu de bleus. Les niveaux de luminosité des couleurs utilisées sont étagés pour optimiser la visibilité des contenus. Comme pour les précédents gabarits, les images sont à remplacer par vos propres illustrations, à placer au préalable dans le dossier “img”.
Les contenus de cette page sont mis à jour régulièrement :
n'hésitez pas à revenir pour découvrir de nouvelles ressources.
Comité de pilotage | Organisation pédagogique du Pôle Plurimédia
abc