在 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 不熟的使用者可能會花上好一陣時間。