Prezentări și HTML5 - mai bine decât PowerPoint

Tu spui, prezentarea normală se poate face numai în PowerPoint? Merită să ne gândim din nou. Cei mai mulți dintre prietenii noștri rândul său, nasul lor de îndată ce aud Powerpoint. Nu doriți clienții dumneavoastră mutat, de asemenea, un nas? Dacă doriți să faceți o prezentare folosind Android sau iPad, aveți nevoie chiar și instrumente suplimentare pentru a rula prezentarea și a avut loc în mod normal. Din moment ce dezvoltatorii web, de ce să nu utilizați excelent Reveal.js JS-platformă? Reveal.js vă permite să creați prezentări în același mod ca și site-ul, și tot ceea ce va face este de a face o prezentare folosind un browser web.

Reveal.js: prezentare demo

Reveal.js constă dintr-un singur j # 097; vascript-fișier și două tabele de stiluri. Primul stil este responsabil pentru proiectarea de bază, iar al doilea conține un aspect de model standard, care vă puteți retrage. Acest șablon definește aspectul părți importante ale prezentărilor: text, imagini, link-uri. Modelele din Reveal.js pot trage cu ușurință pentru ei înșiși, ca foaia de stil este foarte bine organizat. Tranzițiile între diapozitive, dacă doriți să profite de această proprietate, organizat de tranziții CSS 3D.

Slide Layout pe HTML5

Slide-urile de prezentare de marcare implementate folosind elemente de tip HTML5-SECȚIUNEA. Pe lângă aceste secțiuni avem 2 a containerului, platforma, care ar trebui să înceapă în prezentarea documentul HTML de raportare:

În cadrul fiecărei secțiuni sunt autorizate să folosească un conținut arbitrar. Puteți naviga folosind tastele săgeată. Poti pune chiar o secțiune la alta. Astfel, puteți dezvolta în continuare prezentarea. Cu ajutorul tastelor săgeată stânga și dreapta, puteți naviga prin secțiuni ale primului nivel. Ajungând secțiunea încorporat, puteți utiliza tastele săgeată în sus și în jos - acestea vă permit să se mute în secțiunea de al doilea nivel:

tasta ESC vă duce la indexul tuturor diapozitivelor, de unde puteți selecta fiecare diapozitiv individual.

prezentarea de prezentare demo Index

Reveal.js: capabilități de navigare îmbunătățite

Dacă doriți să pună în aplicare un control plus cu mouse-ul, puteți face acest lucru prin crearea unui mic de control în prezentare. Pentru a pune în aplicare sprijinul mouse-ul, aveți nevoie pentru a integra un mic fragment de cod într-un container imediat după un anumit diapozitiv. Vei vedea că de control afișează cele patru direcții indicate de săgețile respective în colțul din dreapta jos al unei ferestre de browser.

Ca prezentări lungi veți avea nevoie, probabil, o bară de progres, să nu se piardă sau să se stimuleze să vorbească mai repede, în cazul în care până la sfârșitul unui timp îndelungat. Din nou, aceasta este doar o linie de cod. Bara de progres este afișată în partea de jos în mijloc. Acesta vă va arăta pas în cazul în care vă aflați, iar numărul de slide-uri rămase.

Reveal.js: abilitatea de a folosi Markdown

Acest lucru este doar pentru mine. In loc de a folosi HTML pentru a stiliza conținutul de diapozitive, puteți utiliza, de asemenea, sintaxa Markdown. Acest ghid a fost scris pe Markdown. Reveal.js transformă pur și simplu Markdown HTML. Avantaj: conținut Markdown pentru a scrie mult mai ușor, deoarece nu aveți nevoie pentru a căuta conținut între etichetele publice și private.

Reveal.js - este o platformă solidă pentru crearea unui nivel ridicat de prezentări bazate pe browser. Aliniindu-l cu j # 097; vascript-API pentru ecran complet, puteți obține mai mult de Powerpoint.