Reveal.js, crea presentazioni utilizzando CSS e HTML in Ubuntu 20.04

su revel.js

Nel prossimo articolo daremo un'occhiata a Reveal.js. Con questo software avremo la possibilità di creare presentazioni utilizzando HTML e CSS. È un framework di presentazione HTML open source, con il quale qualsiasi utente con un browser web potrà creare presentazioni, oltre a poter utilizzare gratuitamente tutte le funzioni che il framework offre.

Le impostazioni di base servono solo per la creazione di presentazioni. La configurazione completa ci darà accesso a tutte le funzioni e i plugin di reveal.js, alle note del relatore, nonché alle attività di sviluppo necessarie per apportare modifiche al carattere.

Le presentazioni realizzate con reveal.js si basano su tecnologie web aperte. Ciò significa che qualunque cosa possiamo fare sul web, dovremmo essere in grado di farlo anche nella nostra presentazione. Possiamo cambiare gli stili con CSS, includere una pagina web esterna usando un iframe o aggiungere il nostro comportamento personalizzato usando il API JavaScript loro offrono.

rivelare.js esempio per ubunlog

Questo telaio è dotato di una vasta gamma di funzionalità tra cui diapositive annidate, supporto per riduione di prezzo, animazione automatica, esportazione PDF, note del relatore, supporto LaTeX e codice di evidenziazione della sintassi.

Reveal.js su Ubuntu 20.04

Prima di iniziare l'installazione di Reveal.js. sarà necessario prima installare alcuni pacchetti necessari. Per fare ciò dovremo aprire un terminale (Ctrl + Alt + T) ed eseguire il seguente comando al suo interno:

installare le dipendenze

sudo apt install curl gnupg2 unzip git

Il prossimo passo che dovremo fare è installa NodeJS versione 14, sebbene dalla versione 10 in poi dovrebbe funzionare anche. Per questo dobbiamo aggiungere il repository nodejs, cosa che possiamo fare digitando nello stesso terminale:

installare il repository nodejs 14

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

Questo avvierà l'intero processo di aggiunta del repository insieme alla tua chiave GPG. Una volta che il processo è finito, possiamo installa NodeJS con il seguente comando:

installa nodejs 14

sudo apt install nodejs

Quando l'installazione sarà completa, saremo in grado di farlo controlla la versione installata di NodeJS eseguendo il seguente comando:

versione del nodo

node -v

Scarica e installa Reveal.js

A questo punto, è il momento di avviare il download. Per fare questo, lo faremo clone Reveal.js repository utilizzando Git. Per fare ciò dovremo solo aprire un terminale (Ctrl + Alt + T) ed eseguire il seguente comando:

scarica reveal.js

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

Al termine della clonazione, sul nostro computer troveremo una cartella chiamata revel.js. Per accedervi e installa l'app, dobbiamo solo usare i seguenti comandi nel terminale (Ctrl + Alt + T):

installa reveal.js

cd reveal.js

sudo npm install

Una volta installate tutte le dipendenze dell'applicazione, ora possiamo eseguirlo usando il seguente comando:

avviare il server reveal.js

npm start

Il comando precedente indicherà che il servizio verrà fornito tramite la porta 8000, che è la porta predefinita, insieme all'indirizzo IP del server. Ora, non ci resta che apri il nostro browser web preferito e vai a http://ip-servidor:8000. In questa direzione vedremo la presentazione predefinita di reveal.js, che indicherà che l'installazione è stata un successo.

avvia reveal.js

Saremo anche in grado di farlo cambiare la porta utilizzando –port come segue:

npm start -- --port=8001

Una volta installato reveal.js, è una buona idea fare riferimento alle guide per Opzioni di markup e configurazione per mettere a punto questo framework. Per ulteriori informazioni su come installare reveal.js, gli utenti possono anche consultare il pagina su GitHub progetto.

Reveal.js è un'alternativa a PowerPoint per creare presentazioni, che possiamo utilizzare nell'istruzione o anche al lavoro. Seguendo le istruzioni in questo articolo, qualsiasi utente potrà farlo installa questo programma su un sistema Ubuntu 20.04. Chiunque può creare fantastiche presentazioni utilizzando HTML e CSS.

Se vuoi saperne di più su come utilizzare questa applicazione, sul sito web del progetto, gli utenti lo faranno consultare il documentazione ufficiale. In esso, il suo creatore ci mostra come possiamo lavorare con questo strumento in modo molto semplice e veloce.

esempio di diapositive della piattaforma

Se sei interessato a poter godere dei vantaggi di reveal.js senza dover scrivere HTML o Markdown, il creatore ci offre anche la possibilità di testare slides.com. Questo è un editor visivo completo e una piattaforma di reveal.js.


Lascia un tuo commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati con *

*

*

  1. Responsabile dei dati: Miguel Ángel Gatón
  2. Scopo dei dati: controllo SPAM, gestione commenti.
  3. Legittimazione: il tuo consenso
  4. Comunicazione dei dati: I dati non saranno oggetto di comunicazione a terzi se non per obbligo di legge.
  5. Archiviazione dati: database ospitato da Occentus Networks (UE)
  6. Diritti: in qualsiasi momento puoi limitare, recuperare ed eliminare le tue informazioni.