Reveal.js, créez des présentations en utilisant CSS et HTML dans Ubuntu 20.04

à propos de revel.js

Dans le prochain article, nous allons jeter un œil à Reveal.js. Avec ce logiciel, nous aurons la possibilité de créer des présentations en utilisant HTML et CSS. Il s'agit d'un framework de présentation HTML open source, avec lequel tout utilisateur disposant d'un navigateur Web pourra créer des présentations, tout en pouvant utiliser toutes les fonctions que le framework offre gratuitement.

Les paramètres de base concernent uniquement la création de présentations. La configuration complète nous donnera accès à toutes les fonctions et plugins de Reveal.js, aux notes du conférencier, ainsi qu'aux tâches de développement nécessaires pour apporter des modifications à la police.

Les présentations faites avec révèlent.js sont basées sur des technologies Web ouvertes. Ceci signifie que tout ce que nous pouvons faire sur le Web, nous devrions également pouvoir le faire dans notre présentation. Nous pouvons changer les styles avec CSS, inclure une page Web externe en utilisant un iframe ou ajouter notre propre comportement personnalisé en utilisant le API JavaScript ils offrent.

exemple de révélation.js pour ubunlog

Ce cadre est livré avec un large éventail de fonctionnalités, y compris diapositives imbriquées, prise en charge de Markdown, animation automatique, exportation PDF, notes du conférencier, prise en charge de LaTeX et coloration syntaxique.

Reveal.js sur Ubuntu 20.04

Avant de démarrer l'installation de Reveal.js il nous faudra d'abord installer les packages nécessaires. Pour ce faire, nous devrons ouvrir un terminal (Ctrl + Alt + T) et y exécuter la commande suivante:

installer les dépendances

sudo apt install curl gnupg2 unzip git

La prochaine étape que nous devrons franchir est installer NodeJS version 14, bien que la version 10 devrait également fonctionner. Pour cela, nous devons ajouter le référentiel nodejs, ce que nous pouvons faire en tapant dans le même terminal:

installer le référentiel nodejs 14

curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -

Cela lancera tout le processus d'ajout du référentiel avec votre clé GPG. Une fois le processus terminé, nous pouvons installer NodeJS avec la commande suivante:

installer nodejs 14

sudo apt install nodejs

Une fois l'installation terminée, nous pourrons vérifier la version installée de NodeJS exécution de la commande suivante:

version du nœud

node -v

Téléchargez et installez Reveal.js

À ce stade, il est temps de démarrer le téléchargement. Pour ce faire, nous allons cloner le référentiel Reveal.js à l'aide de Git. Pour ce faire, il suffit d'ouvrir un terminal (Ctrl + Alt + T) et d'exécuter la commande suivante:

télécharger Reveal.js

git clone https://github.com/hakimel/reveal.js.git

Une fois le clonage terminé, nous trouverons sur notre ordinateur un dossier appelé revel.js. Pour y accéder e installer l'appli, nous n'aurons qu'à utiliser les commandes suivantes dans le terminal (Ctrl + Alt + T):

installer Reveal.js

cd reveal.js

sudo npm install

Une fois toutes les dépendances de l'application installées, nous pouvons maintenant l'exécuter en utilisant la commande suivante:

démarrer le serveur Reveal.js

npm start

La commande précédente indiquera que le service sera fourni via le port 8000, qui est le port par défaut, avec l'adresse IP du serveur. Maintenant, nous devons juste ouvrez notre navigateur Web préféré et accédez à http://ip-servidor:8000. Dans ce sens, nous verrons la présentation par défaut de Reveal.js, qui indiquera que l'installation a réussi.

démarrer révéler.js

Nous pourrons également changer de port à l'aide de –port comme suit:

npm start -- --port=8001

Une fois que unlock.js est installé, il est conseillé de se référer aux guides pour Options de balisage et de configuration pour affiner ce cadre. Pour plus d'informations sur la procédure d'installation de Reveal.js, les utilisateurs peuvent également consulter le page sur GitHub projet.

Reveal.js est une alternative à PowerPoint pour créer des présentations, que nous pouvons utiliser dans l'éducation ou même au travail. En suivant les instructions de cet article, tout utilisateur pourra installer ce programme sur un système Ubuntu 20.04. Tout le monde peut créer de superbes présentations en utilisant HTML et CSS.

Si vous souhaitez en savoir plus sur l'utilisation de cette application, sur le site Web du projet, les utilisateurs pourront consulter le documentation officielle. Dans ce document, son créateur nous montre comment nous pouvons travailler avec cet outil de manière très simple et rapide.

exemple de diapositives de plate-forme

Si vous souhaitez pouvoir profiter des avantages de Reveal.js sans avoir à écrire du HTML ou du Markdown, le créateur nous offre également la possibilité de tester slides.com. Ceci est un éditeur visuel et une plate-forme avec toutes les fonctions de Reveal.js.


Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont marqués avec *

*

*

  1. Responsable des données: Miguel Ángel Gatón
  2. Finalité des données: Contrôle du SPAM, gestion des commentaires.
  3. Légitimation: votre consentement
  4. Communication des données: Les données ne seront pas communiquées à des tiers sauf obligation légale.
  5. Stockage des données: base de données hébergée par Occentus Networks (EU)
  6. Droits: à tout moment, vous pouvez limiter, récupérer et supprimer vos informations.