般演講、培訓(xùn)等場合，我們都離不開 PPT，那么如何做出一款與眾不同而有充滿科技感的 PPT 呢？這時候，可以嘗試一下在線 PPT。

一、選擇在線 PPT 的幾大原因

1.省去了上傳下載的麻煩；

2.降低了客戶端對 PPT 軟件的依賴；

3.隨時更新，更靈活；

4.同屏播放，全場互動，增加用戶體驗；

…

二、多種選擇

1.revealjs

一個可以幫我們輕易使用 HTML 創(chuàng)建漂亮演示文稿的框架。

2.impress

效果非常酷炫，下文將深入介紹。

3.fathom.js

使用 HTML，CSS，JS 來實現(xiàn)滑動頁面，體驗非常接近 PPT。

4.focusky

操作界面簡潔，易上手。支持 3D 幻燈片演示特效打破常規(guī)。

三、強力推薦

上面介紹了很多可用的在線 PPT 類庫，在我看來最酷炫的莫過于 impress.js，我們先來看一個演示：

注意：在 Impress 中大量使用 3D 動畫，可能會使頁面變得卡頓。

四、基本使用

1.定義結(jié)構(gòu)

<div id="impress"></div>

2.每頁 PPT 使用 step 類來區(qū)分

3.使用 data-x，data-y 完成平移操作

4.縮放：data-scale

5.頁面旋轉(zhuǎn)：data-rotate

6.調(diào)整 z 方向?qū)蛹?data-z，可以理解為離用戶的遠(yuǎn)近距離

7.使用 data-rotate-x, data-rotate-y, data-rotate-z 實現(xiàn) 3D 旋轉(zhuǎn)

此外，還有一些可用的 css 類，js 初始化方法，以及 stepenter 事件等，具體可以參考官方文檔。

五、投屏互動

演講者端，監(jiān)聽 impress:stepgoto 事件：

觀眾端，接收 slide 消息，然后自動翻頁：

需要特別注意，我們要禁止掉觀眾端的操作事件，否則你演講過程就會被別人牽著鼻子走了～

六、可視化編輯

如果你不喜歡寫代碼，我們可以選擇可視化編輯器。

七、更多資源

• 10 Best JavaScript And HTML5 Presentation Frameworks
• impress examples-and-demos
• 可視化編輯器
• impress 導(dǎo)出 pdf
• impress api 文檔

八、熱門原創(chuàng)文章

1.Nuxtjs 2.0 升級爬坑

2.初學(xué)算法，你應(yīng)該這么玩

3.HTTP 2.0 時代，你落伍了嗎？

019年的你還認(rèn)為HTML5只是平時在朋友圈刷到的H5鏈接嗎？要知道HTML5可以做的事情遠(yuǎn)不止如此！

HTML5不僅擁有強大的應(yīng)用功能和廣泛的使用范圍，而且它的學(xué)習(xí)門檻也比Java、C++、Javascript等語言低很多，可以說是非常適合作為零基礎(chǔ)小白打開IT世界大門的第一把鑰匙！

接下來，小編就和大家一起來了解一下，到底什么是HTML5？它究竟好在哪？

HTML5是什么

從技術(shù)層面來說，HTML5就是HTML5+CSS3+JS的合集。HTML5用于實現(xiàn)我們能夠看到的所有網(wǎng)站，是包含一定特效的移動端營銷網(wǎng)頁，簡單概括，就是用代碼實現(xiàn)一張由設(shè)計師設(shè)計好的網(wǎng)頁圖片。HTML5做出的作品也會被稱為場景應(yīng)用，有些作品與移動端PPT類似。經(jīng)常能見到的形式就是滑動翻頁。

HTML5的基本組成

HTML5=HTML+CSS+JavaScript

HTML指的是結(jié)構(gòu)，使整個網(wǎng)頁中有標(biāo)題，有列表，有圖片等。

CSS指樣式，也就是標(biāo)題文字的字體大小、顏色、字體；圖片的大小；某個塊的背景色或背景圖等

JS即JavaScript，指的是行為，例如在網(wǎng)頁上四處飄動的廣告；圖片滾動；瀏覽淘寶時鼠標(biāo)移動到商品時，放大商品的效果等。

如果說HTML是人體的骨架，CSS就好比人體的血肉架，JavaScript就好比人的各類動作，這些合在一起基本就是前端工程師的基本要求了。

HTML5未來發(fā)展前景

HTML5作為移動互聯(lián)網(wǎng)的行業(yè)新貴，它的快速發(fā)展撼動著Android和iOS在應(yīng)用層面的地位。

由于HTML5的富媒體化與富應(yīng)用化，目前還沒有一門前端的開發(fā)語言能取代HTML5的主流開發(fā)地位，無論做PC端網(wǎng)站還是App應(yīng)用，前端樣式均由HTML5開發(fā)，毫無疑問，未來幾年，HTML5依然會是Web應(yīng)用的最佳解決方案，就業(yè)前景十分廣闊。

HTML5就業(yè)薪資水平

目前，北京、上海、廣州、深圳等地Web前端工程師的平均薪資已經(jīng)上漲至13萬元左右，可見，市場對于HTML5開發(fā)人才需求正在不斷增加。據(jù)國內(nèi)權(quán)威數(shù)據(jù)統(tǒng)計，未來五年，我國信息化人才總需求量高達(dá)1500萬—2000萬人。其中“網(wǎng)絡(luò)工程”“UI設(shè)計”“Web前端”等人才的缺口最為突出。

說到HTML5前端的薪資之高，不得不提的就是，九月剛剛到來，我們便收到了振奮人心的好消息！云和數(shù)據(jù)HTML5全棧精英班的畢業(yè)學(xué)員由又雙叒叕送來了喜報！

云和數(shù)據(jù)的HTML5全棧精英班，由擁有多年企業(yè)真實開發(fā)經(jīng)驗的大咖實戰(zhàn)授課，實行真實企業(yè)項目制分組現(xiàn)場教學(xué)，學(xué)員可以全程參與實際項目的真實開發(fā)，積累豐富的項目經(jīng)驗。來云和數(shù)據(jù)學(xué)HTML5，下一個月薪萬元的就是你！