Différences

Ci-dessous, les différences entre deux révisions de la page.

--- utilisateurs:impress [2022/01/12 16:01] – francoisa
+++ utilisateurs:impress [2024/04/02 15:08] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 17: / Ligne 17: @@
 Pour faire des diaporamas rapides et basiques en ligne à partir de texte en [[https://seps.flibuste.net/markdown_help|markdown]]
+===== Ressources pour LibreOffice Impress =====
+  * Modèles de documents : [[https://dohliam.github.io/libreoffice-impress-templates/|https://dohliam.github.io/libreoffice-impress-templates/]]
+  * Dans extensions : [[https://extensions.libreoffice.org/?q=impress+template&action_doExtensionSearch=Search|https://extensions.libreoffice.org/?q=impress+template&action_doExtensionSearch=Search]]
 ===== Framaslide =====
-[[https://www.framaslides.org/|Framlaslide]] est un service en ligne mis à disposition par Framasoft mais qui risque de bientôt fermer ses portes. Framaslides utilise le logiciel libre [[https://strut.io|Strut]]. D'autres chatons proposent des instances similaires ailleurs : https://alt.framasoft.org/fr/framaslides/
+[[https://www.framaslides.org/|Framlaslide]] est un service en ligne mis à disposition par Framasoft mais qui risque de bientôt fermer ses portes. Framaslides utilise le logiciel libre [[https://strut.io|Strut]]. D'autres chatons proposent des instances similaires ailleurs : [[https://alt.framasoft.org/fr/framaslides/|https://alt.framasoft.org/fr/framaslides/]]
 ===== Slides.com =====
@@ Ligne 26: / Ligne 31: @@
 Le site slides.com propose d'héberger des diaporamas avec une version gratuite et un stockage limité (50 Mo) si les présentations sont rediffusables et non privées.Attention, les diaporamas sont difficilement exportables (pas en PDF pour la version gratuite). Utilise et favorise la Librairie libre [[https://github.com/hakimel/reveal.js|Reveal.js]]
-===== Diapo avec CodiMD =====
+===== Diaporama avec CodiMD / Hedgedoc =====
-[[https://diapo.cemea.org/|Diapo CEMEA]] : basé sur Codimd
+[[https://diapo.cemea.org/|Diapo CEMEA]] basés sur [[https://github.com/hackmdio/codimd|Codimd]] et et [[https://tutos.cemea.org|Tutos CEMEA]] basé sur [[https://hedgedoc.org/|Hedgedoc]]
-Ouvrir [[https://diapo.cemea.org|https://diapo.cemea.org]]
+==== Aide à la rédaction d'une note/diapo ====
-Et bientôt son successeur : [[https://hedgedoc.org/|https://hedgedoc.org/]]
+  * [[https://diapo.cemea.org/features-fr|https://diapo.cemea.org/features-fr]] ou [[https://tutos.cemea.org/features-fr|https://tutos.cemea.org/features-fr]]
+  * [[https://diapo.cemea.org/slide-example-fr#|https://diapo.cemea.org/slide-example-fr#]] ou [[https://tutos.cemea.org/slide-example-fr#|https://tutos.cemea.org/slide-example-fr#]]
-**Quelques astuces**
+**Quelques astuces pour créer un diaporama**
-Précéder le haut du diaporama avec quelques infos :
+Précéder le haut du diaporama avec quelques infos / [[https://revealjs.com/config/|ou autres options]] comme :
 <code>
 ---
+title: Titre du diaporama
+description: description du diaporama
+tags: zourit, cemea
 type: slide
-langs: fr
+robots: noindex, nofollow
+lang: fr
 slideOptions:
-  transition: slide
+  transition: slide // ou autres
-  theme: blood
+  theme: cemea-formation // ou autres
-tags: zourit, cemea
+  slideNumber: true
-author: Equipe SI - AN
 ---
 </code>
+  * Transittions possibles : ''none, fade, slide, convex, concave, zoom''
+  * Thèmes possibles : ''black, white, league, beige, sky, night, serif, simple, solarized, blood, moon, cemea-formation ''
+==== Mise en forme du texte ====
+''**gras**''  : en **gras**
+''*italique*''  : en //italique//
+''~~Barré~~''  : <del>barré</del>
+''++souligné++''  : __souligné__
+''==surligné== '':
+ <font inherit/inherit;;inherit;;#f1c40f>surligné</font>
+''| colonne1 | colonne2 |''  : mise en forme de tableau
 Chaque diapo est séparé de la suivante avec :
---- : séries de slides suivantes à droite
+''- - -''  (3 tirets sans espace): séries de diapositives suivantes à droite
----- (4 tirets) : slide du dessous
+''- - - -''  (4 tirets sans espace) : série de diapositives en dessous
 **Les titres**
-''# :'' Titre principal du diaporama
+''# :''  Titre principal du diaporama
-''##'' titre de diapo
+''##''  titre de diapo
 ''### '': sous-titres
-''![](https://adresseduneimage.jpg)'' : syntaxe pour insertion d'image
+''![]([[https://adresseduneimage.jpg|https://adresseduneimage.jpg]])''  : syntaxe pour insertion d'image
-''https://monsite'' : adresse cliquable
+''[[https://monsite|https://monsite]]''  : adresse cliquable
+''[mon texte]([[https://monline.fr|https://monline.fr]])''  : texte cliquable
 ''* '': liste à puce
-''1.'' : liste
+''1.''  : liste
+Alertes (au choix : info, warning, danger, success) :
+<code>
+:::warning
+Watch out :zap:
+:::
+</code>
+=== Emoji ou émoticones ===
+Il est possible d'insérer des émoji avec un format spécifique au mlarkdown
+'':emoji:''  : Voir la [[https://www.webfx.com/tools/emoji-cheat-sheet/|liste complète]] (commencer par '':''  et choisir) comme : :hearts: pour ♥️
+  * [[https://emojiterra.com/fr/liste-fr/|https://emojiterra.com/fr/liste-fr/]] (rechercher et s'inspirer du code 'Discord' en bas
+  * [[https://wprock.fr/t/emoji/|https://wprock.fr/t/emoji/]] (rechercher et trouver le shortcode associé)
+  * [[https://emojipedia.org/|https://emojipedia.org/]] (in english)
+=== Ajout d'images et redimensionnement ===
+Il est possible d'ajouter des images (enregistrer) en les glissant directement dans la zone de texte éditable ou en y mettant le lien de l'image
+On peut aussi modifier l'image la taille avec le paramétrage ''=LxH''  juste avant la parenthèse
+Exemple :
+<code>
+![](https://tutos.cemea.org/uploads/faf7e6ed-0849-4677-aa6d-dd0a86d5363d.jpg **=1050×600**)
+</code>
 ===== Autres systèmes =====
   * [[https://github.com/visit1985/mdp|mdp]] : le diaporama dans un terminal en markdown
   * [[https://github.com/gnab/remark|remark.js]] : du markdown imbriqué dans un bout de code
-  * Diaporama en ligne avec [[https://app.deckdeckgo.com/|DeckDeckGo]] [[https://github.com/deckgo/deckdeckgo|auto-hébergeable]], mais un gros bazar et [[https://docs.deckdeckgo.com/?path=/story/introduction-installation--page|pas très bien documenté]].
+  * [[http://pascal.peter.free.fr/pampi.html|Pampi]] avec interface graphique et markdown (win, Mac, Linux)
+  * Diaporama en ligne avec [[https://app.deckdeckgo.com/|DeckDeckGo]][[https://github.com/deckgo/deckdeckgo|auto-hébergeable]], mais un gros bazar et [[https://docs.deckdeckgo.com/?path=/story/introduction-installation--page|pas très bien documenté]].
   * Et d'autres [[https://rmarkdown.rstudio.com/lesson-11.html|machins]]
   * [[https://marp.app/|Marp]] similaire à mdp avec du markdown