Reveal.js, izradite prezentacije pomoću CSS-a i HTML-a u Ubuntu 20.04

o revel.js

U sljedećem ćemo članku pogledati Reveal.js. Ovim softverom imat ćemo mogućnost izraditi prezentacije pomoću HTML-a i CSS-a. Riječ je o otvorenom kodu HTML prezentacijskog okvira s kojim će svaki korisnik s web preglednikom moći izrađivati ​​prezentacije, kao i moći besplatno koristiti sve funkcije koje okvir nudi.

Osnovne postavke su samo za izradu prezentacija. Kompletna konfiguracija omogućit će nam pristup svim funkcijama i dodacima za otkrivanje.js, bilješkama govornika, kao i razvojni zadaci potrebni za izmjene fonta.

Prezentacije napravljene pomoću Discover.js temelje se na otvorenim web tehnologijama. Ovo znači to sve što možemo na webu, trebali bismo to moći i u našoj prezentaciji. Možemo promijeniti stilove s CSS-om, uključiti vanjsku web stranicu pomoću iframea ili dodati vlastito prilagođeno ponašanje pomoću JavaScript API što nudiš

primjer Discover.js za ubunlog

Ovaj okvir ima širok raspon značajki, uključujući ugniježđeni slajdovi, podrška za Smanjenje, automatska animacija, izvoz PDF-a, bilješke zvučnika, podrška za LaTeX i kod za isticanje sintakse.

Otkrivanje.js na Ubuntuu 20.04

Prije početka instalacije Reveal.js morat ćemo prvo instalirati neke potrebne pakete. Da bismo to učinili, morat ćemo otvoriti terminal (Ctrl + Alt + T) i u njemu izvršiti sljedeću naredbu:

instalirati ovisnosti

sudo apt install curl gnupg2 unzip git

Sljedeći korak koji ćemo morati poduzeti je instalirajte NodeJS verziju 14, iako bi od verzije 10 nadalje također trebao raditi. Za to moramo dodati spremište nodejs, što možemo učiniti upisivanjem u isti terminal:

instalirati nodejs spremište 14

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

Ovo će započeti cijeli postupak dodavanja spremišta zajedno s vašim GPG ključem. Kad je postupak završen, možemo instalirajte NodeJS sa sljedećom naredbom:

instalirajte nodejs 14

sudo apt install nodejs

Kad se instalacija dovrši, moći ćemo provjerite instaliranu verziju NodeJS-a izvođenjem sljedeće naredbe:

verzija čvora

node -v

Preuzmite i instalirajte Reveal.js

U ovom trenutku vrijeme je da započnete preuzimanje. Da bismo to učinili, hoćemo klon Reveal.js spremište koristeći Git. Da bismo to učinili, trebat ćemo samo otvoriti terminal (Ctrl + Alt + T) i izvršiti sljedeću naredbu:

preuzmi otkrij.js

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

Kada se kloniranje završi, na našem ćemo računalu pronaći mapu zvanu revel.js. Za pristup e instalirajte aplikaciju, trebat ćemo koristiti samo sljedeće naredbe u terminalu (Ctrl + Alt + T):

instalirati reve.js

cd reveal.js

sudo npm install

Nakon što se instaliraju sve ovisnosti o aplikaciji, sada ga možemo pokrenuti pomoću sljedeće naredbe:

započnite poslužitelj Discover.js

npm start

Prethodna naredba naznačit će da će se usluga pružati putem porta 8000, koji je zadani port, zajedno s IP adresom poslužitelja. Sad, jednostavno moramo otvorite naš omiljeni web preglednik i idite na http://ip-servidor:8000. U tom ćemo smjeru vidjeti zadanu prezentaciju reve.js, što će ukazivati ​​na to da je instalacija uspjela.

započnite otkrivanje.js

Također ćemo moći promijenite port pomoću –port kako slijedi:

npm start -- --port=8001

Jednom kada je install.js instaliran, dobro je potražiti vodiče za Mogućnosti označavanja i konfiguracija za fino podešavanje ovog okvira. Za više informacija o tome kako instalirati Discover.js, korisnici se također mogu obratiti stranica na GitHubu projekta.

Reveal.js je alternativa PowerPointu za stvaranje prezentacija koje možemo koristiti u obrazovanju ili čak na poslu. Slijedeći upute u ovom članku to će moći svaki korisnik instalirajte ovaj program na sustav Ubuntu 20.04. Svatko može stvoriti izvrsne prezentacije pomoću HTML-a i CSS-a.

Ako želite znati više o tome kako koristiti ovu aplikaciju, na web mjestu projekta korisnici će to moći konzultirati službena dokumentacija. U njemu nam njegov tvorac pokazuje kako s ovim alatom možemo raditi na vrlo jednostavan i brz način.

primjer dijapozitiva platforme

Ako ste zainteresirani za mogućnost uživanja u blagodatima otkrivanja.js bez pisanja HTML-a ili Markdowna, kreator nam nudi i mogućnost testiranja dijapozitivi.com. Ovo je vizualni uređivač i platforma sa svim funkcijama Discover.js.


Sadržaj članka pridržava se naših načela urednička etika. Da biste prijavili pogrešku, kliknite ovdje.

Budite prvi koji će komentirati

Ostavite svoj komentar

Vaša email adresa neće biti objavljen.

*

*

  1. Za podatke odgovoran: Miguel Ángel Gatón
  2. Svrha podataka: Kontrola neželjene pošte, upravljanje komentarima.
  3. Legitimacija: Vaš pristanak
  4. Komunikacija podataka: Podaci se neće dostavljati trećim stranama, osim po zakonskoj obvezi.
  5. Pohrana podataka: Baza podataka koju hostira Occentus Networks (EU)
  6. Prava: U bilo kojem trenutku možete ograničiti, oporaviti i izbrisati svoje podatke.

bool (istina)