Création de sites web pour l'enseignement
Tags: french, webdev, tutorial
Published: 2022-07-23 20:01:54

---
title: Création de sites web pour l'enseignement
published: true
description: 
tags: french, webdev, tutorial
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oipx5hytoker00oox59q.jpeg
---

Comme professeur, j'ai constaté que les enseignant(e)s en haute école spécialisée ou à l'université utilisent souvent des transparents (slides) pour illustrer leurs cours magistraux. Ces transparents sont habituellement faits avec un outil comme "PowerPoint" et projetés sur un écran pendant le cours. De plus, les enseignant(e)s distribuent tout un tas de documents en relation avec le cours :

- des exercices ;
- des documents décrivant les travaux pratiques ;
- des vidéos ;
- des livres ;
- ...

Pour distribuer ces documents, certains utilisent des services en lignes tels que [Moodle](https://moodle.org/), mais pour ma part, j'avais besoin d'un outil qui me convenait mieux. C'est alors que j'ai découvert [MkDocs](https://www.mkdocs.org/) avec le thème [Material](https://squidfunk.github.io/mkdocs-material/) et
ce système correspond beaucoup mieux à ma manière de travailler. De plus, ces systèmes étant des logiciels « libres », je pouvais les modifier à ma guise.

La découpe traditionnelle des « slides » en pages était nécessaire quand on travaillait avec des rétroprojecteurs :

![Rétroprojecteur](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/td3q1q279ifnjzmztfoa.jpeg)
<figcaption">Rétroprojecteur [source : wikimedia]</figcaption>

mais aujourd'hui, les étudiant(e)s sont habitué(e)s au [défilement infini](https://fr.wikipedia.org/wiki/D%C3%A9filement_infini) et 
cette découpe en page du contenu peut être remise en question.

Pour mon enseignement actuel, j'ai remplacé les « slides » par un site fait avec MkDocs, et ce site me permet également de distribuer les supports relatifs au cours. J'ai eu de très bons retours de la part des étudiant(e)s qui semblent apprécier cette manière de faire.

En commençant cet article, je souhaitais partager mon expérience et expliquer en détail comment réaliser un tel site Internet. J'ai cependant constaté que ça serait beaucoup trop long et que le blog n'était pas la plate-forme idéale pour cette tâche. J'ai donc publié un site Internet qui explique... comment faire un site Internet :

**https://heia-fr.github.io/mkdocs-edu-howto/**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lqkt3yy9i3miehoqbpov.png)

Ce site est fait avec les mêmes techniques expliquées dans le site lui-même.

Les deux innovations principales que j'apporte sont les suivantes :

1. La possibilité de publier des chapitres et les solutions des exercices au fur et à mesure de l'avancée du cours.
2. La possibilité de distribuer une version "offline" complète du site et la réalisation d'un logiciel permettant de visualiser cette version "offline".

J'ai pour ma part beaucoup de plaisir à rédiger du contenu pour mes cours avec ces sites Internet j'espère que les informations contenues dans ce blog et sur le site [Création de sites web pour l'enseignement](https://heia-fr.github.io/mkdocs-edu-howto/) vous seront utiles.

---

Crédit: Photo de couverture par Ash [@ModernAfflatus](https://www.pexels.com/photo/brass-metal-equipment-404153/)