[Brackets] {Reveal}
L'éditeur de vos présentations responsives
propulsé par Brackets et Reveal.JS
L'éditeur de vos présentations responsives
propulsé par Brackets et Reveal.JS
Composez-les rapidement avec l'éditeur Brackets et déléguez leurs mises en forme au framework Reveal.JS
Ne perdez plus de temps à composer vos présentations, le temps est venu d'exprimer simplement vos idées et de vous libérez de la tâche chronophage de mise en forme. Utilisez l'éditeur open source Brackets Reveal pour réaliser des présentations Web basées sur les technologies JavaScript, HTML5 et CSS3 !
Vos présentations pourront être ainsi visualisées sur n'importe quel terminal (smartphone, tablette, ordinateur) à partir d'un navigateur Web.
Tapez simplement votre texte et divisez-le en diapositives par 3 tirets - - -. Pour structurer vos diapositives (titres, sous-titres, listes...), il suffit de connaître quelques balises Markdown ou d'utiliser la fonctionnalité "Snippet" de l'éditeur pour les insérer. Ces balises vous permettront d'insérer facilement différents médias (images, sons, vidéos).
Ne perdez plus de temps sur la mise en forme de vos diapositives, le framework Reveal.JS s'en chargera !
L'éditeur Brackets se connecte en direct à votre navigateur et transmet vos mises à jour au fur et à mesure de l'enregistrement de vos modifications.
Changez la taille de la fenêtre de votre navigateur et visualisez instantanément comment votre présentation s'adapte sur différentes résolutions d'écrans : smartphones, tablettes...
À l'aide du menu intégré dans votre présentation, changez à n'importe quel moment le thème graphique et les effets de vos diapositives.
Vos présentations reposant sur les technologies standards du Web peuvent être présentées sur n'importe quel navigateur ou hébergées sur un site Web. Lors de vos projections, vous pourrez utiliser le mode "présentateur" qui vous permettra de piloter votre diaporama en affichant sur une seconde fenêtre le temps écoulé, vos notes et la diapositive à suivre.
Distribuez simplement votre présentation à vos auditeurs, ils n'auront aucun logiciel à installer pour les visualiser !
Télécharger et installer Brackets Reveal :
Brackets Reveal est une distribution portable qui peut être installée sur votre ordinateur ou une clé USB. Cette distribution intègre des versions customisées par nos soins de l'éditeur open source Brackets et du framework Reveal.JS. Nous la distribuons avec notre utilitaire BR-convert qui permet de fusionner votre diaporama Markdown (fichier Markdown diapo.md) dans un fichier HTML (fichier index.html du répertoire de votre diaporama).
Commencez par regarder cette vidéo d'introduction :
La présentation didactique suivante réalisée avec Brackets Reveal vous
permettra de découvrir les nombreuses possibilités offertes par les balises.
Pour créer un diaporama avec le framework Reveal.js, utilisez le menu "Fichier>Nouveau Projet..." et choisissez le modèle "DiapoReveal".
Vous pouvez alors éditer le fichier diapo.md pour rédiger votre présentation. L'éditeur Brackets se connectera en direct à votre navigateur et lui transmettra vos mises à jour au fur et à mesure de l'enregistrement de vos modifications.
Les boutons situés sur le volet droit de l'éditeur permettent d'activer l'aperçu de votre présentation sur votre navigateur.
Vous disposez de 3 moyens pour actualiser l'aperçu dans votre navigateur :
Pour structurer votre présentation, vous devez utiliser un jeu de caractères : les balises Markdown. Markdown est un langage de balisage léger qui présente une syntaxe facile à lire et à écrire.
La fonctionnalité "Snippet" (raccourci clavier [Alt]+[S] ou menu "Modifier>insérer un Snippet") vous permet de retrouver facilement dans l'éditeur des exemples de syntaxe.
| Balises | Fonctions | Exemples |
|---|---|---|
| --- | Ces trois tirets permettent de séparer votre texte en diapositives | Ma diapo d'introduction --- Ma diapo suivante |
| # | Les titres sont créés avec un certain nombre de # avant le titre, qui correspondent au niveau de titre souhaité | #Mon titre ##Mon sous-titre |
| * | Pour mettre du texte en emphase : 1* pour l'italique, 2* pour la mise en gras | Ce *mot* sera en italique et ce second **mot** en gras |
| *_ | La balise précédente suivie d'un espace est utilisée pour les listes non ordonnée | * Pommes * Poires |
| 1. 2. |
Une suite de nombres suivis d'un points permet de créer une liste ordonnée | 1. Pommes 2. Poires |
| > | Cette balise permet de marquer du texte comme citation | >une citation célèbre >de l'auteur |
| Le saut de ligne est obtenu par deux espaces (ou plus) | Des roses rouges__ des violets bleus. |
|
| [..](...) | C'est la structure des liens hypertextes | [texte du lien](url_du_lien) |
|  | La structure précédente précédée par un point d'exclamation permet d'afficher une image | [texte alternatif](url_de_l'image) |
Un second jeu de balises, les balises Reveal.JS permettent d'intégrer différents types de médias dans votre présentation. La syntaxe de ces balises étant plus difficile à retenir, nous vous conseillons de les intégrer dans votre présentation à partir de la fonctionnalité "Snippet" de l'éditeur Brackets (menu "Modifier>Insérer un Snippet...".
Vous pouvez également vous inspirer du fichier diapo.md fourni dans l'exemple de la présentation ci-dessus.
Cette présentation est également accessible dans l'éditeur : menu "Fichier>Nouveau Projet..." et choisissez le modèle "DiapoReveal-demo".