Le but de ce document est de documenter comment faire des transparents présentables dans tout navigateur, faciles à créer et à éditer.
Faire des transparents en HTML, c'est assez pénible, comparé à la facilité de faire des transparents en Powerpoint (quand on a l'habitude...).
Il n'y a pas d'éditeur HTML WYSIWYG, encore moins pour faire des transparents.
Pour faire des transparents en HTML, il faut utiliser un package JS comme Reveal.js, WebSlides, S5, Slidy, Slideous... Ces packages demandent un peu d'apprentissage et sont tous différents en terme de capacité.
Je vous propose d'utiliser la méthode suivante pour faire vos transparents:
Avant de pouvoir jouer avec cet exemple, il vous faut installer pandoc sur votre machine.
Ensuite, il vous faut un modèle de transparents comme celui-ci: c'est une coquille vide dans laquelle pandoc viendra insérer les transparents traduits de markdown.
Ce modèle dépend d'un fichier style.css et du fait que vous allez installer Reveal.js dans un dossier ../reveal3
, c'est à dire un dossier "frère" du dossier courant.
L'exemple est ce fichier même.
Un petit tableau:
a | b | c |
---|---|---|
xxxxxxx | yy yyy yy | zz zz zzzz zzz zz zz zz |
Une image:
pandoc transparents.md -o transp.html -t revealjs -f gfm --template=modele.html --no-highlight --metadata=title:transparents