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

用 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 做簡報,瀏覽器就能播,簡報軟體 bye bye

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

QuickSlides 小檔案

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

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

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

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

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

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

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

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

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

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

延伸閱讀:

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

Mengkuei Hsu
作者

Currently not available.

使用 Facebook 留言
Fc1e3d3c05156808b22ada575860ca77?size=48&default=wavatar
1.  強尼 (發表於 2012年1月29日 01:01)
(≧▽≦)
請問有沒有樣本可以分享觀賞的呢!?
感謝小編大大
9635a29f21433f89f91653517b32358c?size=48&default=wavatar
2.  阿伯 (發表於 2012年1月29日 05:26)
Geek Style.


這工具侷限了簡報設計的創意

也並沒有把 html5 豐富的特色表現出來
發表回應
謹慎發言,尊重彼此。按此展開留言規則