三款開源工具讓你的演示脫穎而出

不論是在商業圈還是在學術界，演示都是生活中不可或缺的一部分。一般來說，做一個演示就意味著做幾張幻燈片，微軟的PPT，Apple的 Keynote，LibreOffice的Impress都是常見的選擇。撇開前兩個應用的閉源性質不談，這些應用的問題在于如果你要查看你準備的內容， 你就必須在演示的電腦上安裝對應的軟件。如果想在線展示的話，你也可以嘗試用谷歌的Drive或者類似的其他服務碰碰運氣，不過能否成功就看人品了。

這些年，用來創建幻燈片的演示框架數目激增，這些框架充分發揮了HTML5、CSS3和JavaScript的優勢，只需要一個普通的瀏覽器就可以 創建屬于你的幻燈片。再也不需要擔心文件的兼容性，不需要擔心某一天文檔會被某個特殊的網絡服務加鎖。因為這些幻燈片框架都是開源的，所以我們可以隨心所 欲地對這些框架進行一些自定義修改。不過說句實在話，和用PowerPoint、Keynote、Impress相比，寫HTML5、CSS3和 JavaScript的代碼要略微復雜一點。

接下來介紹一下三款開源工具，可以讓你的演示脫穎而出。

Impress.js

Impress.js是Bartek Szopka受到 Prezi的 啟發開發的一個演示工具框架，利用CSS3提供優于傳統幻燈片的演示體驗。 演示者可以用impress.js輕松實現各種旋轉、滑動、放縮特效，足以讓觀眾驚嘆。impress.js依賴于傳統的Web技術 （HTML+CSS+JavaScript），意味著不會將用戶捆綁到某種特定的軟件或者網絡服務上。因為它是遵循 MIT和 GPLv2+協 議的，所以你可以對impress.js的源碼做任意修改。impress.js充分利用了最新的Web技術，所以需要一個比較流行的網頁瀏覽器，最近版 本的Chrome、Firefox、Safari、IE基本就能滿足要求。創建一個impress.js應用并不是很容易，即使對于有一定HTML和 CSS基礎的人來說也是如此。

impress.js中，基本的標記很容易懂，但是想做出很復雜的演示，需要深入思考和仔細規劃。在impress.js里沒有什么默認主題，需要 自己設計展示效果、演示流程、幻燈片之間的切換方式以及每張幻燈片的相對布局。從零開始制作一個演示文檔需要做很多工作，但是事實上有很多 樣例可以提供靈感和指導，網上也有很多 教程，深入講解impress.js的使用。

如果你覺得創建一個impress.js的展示對你來說很復雜，那可以使用一些更容易使用的小工具。

Hovercraft

Hovercraft簡化了創建impress.js文檔的過程，使用 reStructedText創建演示文檔。和用HTML制作幻燈片不同，Hovercraft可以讓你更加專注于寫作。你可以任意改動元素而不用擔心標記語言的標簽封閉問題。

舉個例子，我想創建了一張幻燈片，比上一張幻燈片大了五倍并且旋轉了90度。那么在Hovercraft里，只需要兩行代碼就能完成這些工作：

    :data-scale: 5
    :data-rotate: 90

    Heading
    =======
    * Bullet Point 1
    * Bullet Point 2

使用Hovercraft極大的簡化了impress.js的使用。Hovercraft支持四種放置幻燈片的方式，如果沒有設置的話，會使用默認 的切換方式，也就是向左飛出切換到下一張。如果你想讓你的幻燈片更酷炫一點，你可以使用相對布局，幻燈片會基于你自定義的偏移量進行切換。如果在中間插入 了一張幻燈片，接下來的其他幻燈片也會依次自動適應調整坐標。如果你想要控制其中的細節，你可以使用絕對布局，提前定義好每個幻燈片的坐標并用 SVG制定好路線。

Hovercraft的文檔評價SVG布局“用起來有點繁瑣”，不過它可以讓你更加精確的控制幻燈片的每一個細節，讓你的演示更加出彩。另外，如果 你想在你的演示中插入代碼，那也沒有問題，Hovercraft支持代碼語法高亮，并且它還提供一個專門給演講者看的屏幕，可以顯示筆記，并且還有計時功 能。當你寫好了一份文檔，一條簡單的命令就可以把rst文件轉換成HTML演示文稿：

hovercraft [markupfile] [output directory]

雖然Hovercraft有很多優點，但是它依然需要使用者有一定的CSS常識。默認的主題十分的樸實，如果你想要你的演示出彩的話，還是要花一些功夫的。給幻燈片加上CSS并非難事，但是和PPT中點擊就能選主題相比，還是顯得復雜了一些。

如果想深入學習，你可以閱讀 Hovercraft的文檔。Hovercraft的作者是Lennart Regebro，遵循CC0 1.0通用協議。

Strut

如果你想要一個工具，讓你的工作像傳統的幻燈片制作一樣簡單，那么 Strut是一個不錯的選擇。Strut是一個基于網絡的應用，提供了幻燈片的分類和編輯工具。圖形化的界面讓你輕輕松松的添加文字、圖片、視屏和網頁。 你也可以一次性改變所有幻燈片的前景色和背景色，也可以一張一張的修改。

Strut支持 Markdown的語法，而且對于有一定基礎的用戶，可以自定義CSS樣式。當你設計好了你的幻燈片，你可以設置旋轉角度和縮放比例等參數，切換不同的預 覽方式和頁面布局。除了impress.js，Strut也可以創建基于 bespoke.js框架的演示文檔。

Strut很不錯，但是依舊有一些缺點。有時候會遇到一些bug，并且這個項目的待辦事項有點多，雖然都不是什么大問題。

該項目遵循“早發布，常發布”的準則，愿意把這個項目做得更好的人可以去 Github做貢獻。你可以在官網的 在線編輯器試一試，或者直接去 Github下載它的源碼包在本地運行。如果想在本地運行Strut，需要有 NodeJS的npm工具和 Grunt來安裝依賴項目。

Strut的創始人是Matthew Crinklaw-Vogt，并且遵循 Affero通用協議。

原文： http://muzi.info/2014/2773/ppt-great.html