網頁式簡報系統

Web-Based Slide Show System

講者：朱孝國

勤益科技大學電算中心

大綱

• 網頁式簡報的優劣勢
• 常見的網頁式簡報系統
• s5簡報系統
• s5的特色
• s5的簡報基本架構

功夫的S5

• 正所謂 S5 不入地獄，誰入地獄? 警惡懲奸，
  維護簡報標準的這個任務，就交給 S5 好嗎?
  • 範例1
  • 範例2
  • 範例3
  • 範例4
  • 範例5
  • 範例6
  • 範例7
  • 範例8

什麼是S5

• 使用 XHTML 來製作投影片內容
• 使用 CSS 來排版投影片的樣式
• 使用 JavaScript 來處理投影片的動作

網頁式簡報的優勢

• 檔案小，儲存空間少
• 編輯與播放容易，無須專屬工具
• 綠色軟體(Greenware)概念，無須安裝
• 檔案格式開放(xhtml+css+javascript)
• 公共領域(Public Domain)授權
• 跨平台(Cross-Platform)

網頁式簡報的劣勢

• 特效較困難(Object)
• 無畫筆功能
• 整合外部資料困難(OLE)
• 簡報佈景設計較困難(CSS)
• 進階功能需要較多的網頁標準(Web Standard)知識

常見的網頁式簡報系統

• 最容易使用的簡報系統：
  S5(Simple Standards-based Slide Show System)
• W3C 原始版本的slidemaker
• ASCC修改版本的slidemaker
• 國人開發，最華麗的簡報系統：
  TKSlide(tkirby's Slide System)

s5簡報系統

• S5全稱：Simple Standards-based Slide Show System
• S5作者：Eric Meyer(著名的CSS大師)
• S5網站：http://www.meyerweb.com/eric/tools/s5/
• S5版本：1.1
• S5使用：
  1. 將s5-11.zip解壓縮後取出其中的s5-blank.zip
  2. 解壓縮s5-blank.zip，取出其中的s5-blank目錄
  3. 編輯其中s5-blank.html(英文版)

s5的特色

• 文字隨視窗大小自動縮放(Auto-scaling of text)
• 條列式項目的依序顯示(Incremental display)
• 簡報張數提示器(Progress indicator)
• 指定簡報位置(Slide bookmarks)
• 鍵盤按鍵的控制(Keyboard controls)
• 滑鼠Click跳下一頁(Click to advance)
• 二種可自訂參數 1.講義/簡報 2.控制列顯示/隱藏
• 基於開放的網頁標準(Based on open standards)
• 採公開領域宣告，無須擔心授權限制

s5的簡報系統基本架構

s5的簡報主檔架構

s5的簡報樣板佈景

相關資源

• 投影片空手道 — 南拳篇
• 投影片空手道 — 北腿篇
• 網頁式簡報工具 slidemaker
• S5: 平文化的Presentation標準
• A Basic Primer in Using S5中文翻譯
• Creating An S5 Show
• Presentacular