用 HTML5 做簡報，瀏覽器就能播，簡報軟體 bye bye

在 HTML5 出現後，除了做出很棒的網路服務，也可以讓你使用 HTML 來製作簡報，如果再搭配 CSS3，那麼做出媲美簡報軟體的成品也不是問題，最好的是，HTML 所做的簡報只需瀏覽器就可以播放，在任何一台電腦上都可以順利使用。小編使用 QuickSlides 進行示範，為大家說明。

不過要使用 HTML5 語言製作簡報對一般人來說可能困難了點，但我們可以藉助 QuickSlides 這個工具，完成一個簡單的 HTML5 簡報後再來修改。QuickSlides 是由 Showdown 和 Slidy 這兩個現有的工具組成，Showdown 是 JavaScript 版的 Markdown，可以讓你直接使用 Markdown 這個輕量 script 語言來撰寫簡報，Showdown會直接把 Markdown 轉成 HTML5 語言。而 Slidy 則是用來美化簡報並且分頁的 JavaScript 和 CSS 程式。

▲ 許多瀏覽器公司的員工都喜歡用 HTML5+CSS3 來製作簡報，如果應用得宜，效果不輸專用軟體編輯的簡報檔案，而且每台電腦都可以播放。

QuickSlides 小檔案

• 名稱：QuickSlides
• 價格：免費
• 官方網站： https://github.com/airportyh/QuickSlides
• 下載網址： https://github.com/airportyh/QuickSlides/downloads
• 進入下載頁面後，選擇「Download as zip」。

QuickSlides 的使用方式非常簡單，你只要把 QuickSlides 下載後解壓縮，並將所有檔案放在同一個資料夾內，接著你只要利用純文字編輯器編輯資料夾中的 presentation.html 這個檔案即可。更好的是由於 QuickSlides 裡包含了 showdown 這個 JavaScript 版 Markdown，因此我們不需要直接撰寫 HTML 原始碼，只要使用 Markdown 編輯內容即可。至於 Markdown 的基本使用方式可以參考小編之前寫過的 Markdown 介紹文： WriteMonkey：用純文字變一篇Word出來。

▲ 透過 showdown 和 slidy，我們可以利用 Markdown 來撰寫簡報檔。

▲ 在 QuickSlides 中，是以「————」作為分頁的依據，其他都用一般的 Markdown 語法撰寫即可。

▲ 要是你不需要花俏的效果，那麼只要 5 分鐘就可以編寫出一份簡報檔。你可以利用空白鍵或是左右鍵來控制簡報的上下頁。

▲ 如果你想要有更好的效果，則可以透過編輯 CSS 的方式美化你的簡報檔。

QuickSlides 的好處除了方便使用，可以在你沒有什麼時間的時候，讓你快速的編寫簡報檔之外，最好的就是它的開放特性，由於它是最常見的網頁檔案，因此只要電腦裡有瀏覽器就可以播放，不需要額外安裝任何軟體，而且也比較不耗費資源。不過 QuickSlides 製作出的簡報除了預設的分頁和字體風格外，並沒有任何的 CSS 風格，如果你想要有更為美觀的網頁簡報檔，就必須自行編輯 style.css 這個檔案，對於 CSS 不熟的使用者可能會花上好一陣時間。

延伸閱讀：

HTML5 網路的大未來，各家瀏覽器的實際應用與未來發展

加入T客邦Facebook粉絲團