《資訊新知》 網頁式簡報工具 slidemaker 張錦堂 簡介 簡報軟體提供在電腦上製作及展示簡報內容的環境。slidemaker 是W3C（World-Wide Web Consortium）工作人員所使用的簡報軟體 工具。經筆者修改後，可產生較少的檔案且使用上更為便利。您可 選擇使用W3C原來的版本，或是筆者修改的ASCC版本。本文介紹 slidemaker的安裝、製作簡報及展示簡報的程序。 slidemaker工具的基本功能為： 1.將簡報內容切割為多個簡報畫面（slides），並使用樣式表（Cascading Style Sheet，CSS）控制畫面呈現的風格。 2.這個工具中唯一的程式是以perl語言所撰寫的，可以在Unix及 Windows環境下執行。 3.提供一組標準的樣式表在展示時可以動態的選用，也可以自訂樣 式取代或新增樣式類別。 4.在每個畫面都加入了切換畫面的控制按鈕，包括：下一頁、上一 頁、目錄頁、切換樣式表按鈕。 slidemaker的基本使用程序是使用文字編輯程式或網頁編輯軟體， 將所有的簡報內容編寫在all.htm檔中，並在infos.txt檔中設定簡 報的標題及各項的設定，再使用make，這將會執行asccburst.pl程 式，將all.htm檔內容切割為目錄頁Overview.html及各個簡報畫面 slide1.html、slide2.html、...。再使用瀏覽器讀取Overview.html 目錄頁，就可以開始展示簡報內容了。 您可以由本文附註中的工具說明頁網址，瀏覽由slidemaker所製 作的畫面，體驗其呈現的效果。 使用環境及安裝步驟 slidemaker中唯一的程式是使用perl語言撰寫的切割網頁程式， 因此，只要在有安裝perl系統的作業環境都可以使用。例如：Unix 或是Windows作業系統。slidemaker工具中已包含了Windows版的perl 語言系統：perl.exe及Perl100.dll檔。 只要從網路中下載slidemaker工具，再解開檔案就完成安裝了。 在Unix中，步驟如下: 1.使用瀏覽器下載slidemaker-ascc.tgz檔，其網址請參考附註。 2.解開壓縮及包裝，執行下列指令： 　　 gunzip slidemaker-ascc.tgz 　　tar xvf slidemaker-ascc.tar 在Windows中，步驟如下: 1.使用瀏覽器下載slidemaker-ascc.zip檔，其網址請參考附註。 2.使用Winzip，解開.zip檔的壓縮及包裝。 解開後會產生slidemaker目錄，並包含下列子目錄： 1. Tools中有perl script、一組標準的CSS樣式表檔案及Windows 版的perl系統。 2. Icons中有簡報畫面中使用的按鈕圖檔及公司或組織的標誌。 3. YYMMsub中有W3C版本slidemaker的說明，從Overview.html開始 閱讀。 4. Template中有供您在製作新的簡報時參考用的基本檔案。 5. ASCC中有關於ASCC版本slidemaker的說明，從Overview.html檔 開始閱讀。 製作簡報內容 使用slidemaker製作您的簡報的步驟略述如下: 1.進入slidemaker的目錄中，建立您的新目錄並拷貝Template中的 參考用檔案。在這個例子中，新的目錄名稱為MyTalk。這個目錄 一定要放在slidemaker中。 Unix 中的指令如下： 　　 cd slidemaker 　　 mkdir MyTalk 　　 cd Mytalk 　　 cp ../Template/* . 2.編輯all.htm檔，將您的全部的簡報內容都編寫在這個檔案中。 每個

...

都將切割為新的一個簡報畫面。 3.編輯設定檔infos.txt，檔案中的各項設定如下： •行首為 # 號，表示註解行。 •baselang：網頁內容的語系，中文設zh-TW，英文設為en-US。 •charset：網頁使用的字集，中文設big5，英文設為iso-8859-1。 •talkTitle：簡報的標題。 •author：作者名。 •authorUrl：作者的連絡資訊。 •logoLink：公司或組織的網址。 •logoFile：公司或組織的標誌圖檔。 •logoAlt：公司或組織的簡稱。 •cssNames：CSS樣式表名稱，供選擇時使用。 •cssStandardFiles：CSS樣式表檔名。 •cssUserFiles：使用者自定的樣式表檔名。 在slidemaker/MyTalk目錄中執行： 　　 make 在Windows環境中，請執行make.bat程式。程式執行完後會產生下 列檔案： 1. Overview.html簡報內容的目錄頁，也就是簡報的首頁。 2. slide1.html，slide2.html，... 各個簡報畫面。 3. varcss.js該簡報所能引用的樣式表名稱。 展示簡報內容 使用具有CSS功能的瀏覽器，例如：Navigator 4.x、IE 4.x版或 更新版本，讀取slidemaker/MyTalk/Overview.html，就可以開始 進行簡報了。在展示簡報時，您可以將滑鼠游標放在圖示的範圍中， 使用鍵盤的Page Up/Page Down來捲動內容。假如使用IE，可以選擇 「檢視/全螢幕」模式，並選擇工具列為「自動隱藏」，就可以全螢 幕的呈現簡報了。 畫面上的各個操作圖示功能如下： 點選了選擇樣式表圖示，就會開啟選擇視窗，只要點選某個樣式 表，簡報畫面就立即使用該樣式表呈現。樣式表的名稱中的640、800、 1024表示電腦畫面寬度。名稱結尾的”w”表示是畫面是白色背景， 深色文字。其他的項目是深色的背景，淺色文字的樣式。點選”Close this Window”，就可以關閉選擇視窗。 製作簡報的小技巧 1. 使用瀏覽器瀏覽slidemaker/Tools/test.htm，查看使用標準的 樣式表時，各個HTML標籤所呈現的結果。 2. 可以在設定檔中使用cssUserFiles參數，使用自定的CSS檔來取 代部份的標準樣式。 3.可以在all.htm檔中用
my_comment
標籤來加註演講的內容。這個加註的內容不會在最後簡報的畫面 中出現。 4. 使用瀏覽器讀取slidemaker/MyTalk/all.htm，再選擇瀏覽器中的 ”檔案/列印”功能，就可以將簡報內容印出，做為上課的講義使 用。 W3C版及ASCC版本的差異 W3C版的slidemaker會將all.htm檔切割為多個簡報畫面，接著根 據所引用的樣式表，每個簡報畫面再產生多個使用不同樣式表的HTML 檔。例如，一個簡報有5個畫面，另外有1個目錄頁，這樣就有6頁， 假如有4個樣式表，這樣就總共會產生6 x 4 = 24頁的HTML檔。 使用ASCC版的slidemaker，就只會產生6頁的HTML檔，使用時網頁 中會執行javascript來引用樣式表。W3C版的目前網路上的版本是更 新的版本，所製作出的畫面有些許不同。 結語 使用網頁的方式製作簡報內容的好處是除了簡報時使用之外，也 同時將資料上網，不用再製作上網用的版本，而且這個工具簡單易 用，且是免費的。這個應用也是個網頁資料內容與呈現樣式分離的 絕佳例子，您可以將這個概念應用在網站的製作上，以後網站要改 版也就更為容易了。 附註 1. W3C版的slidemaker工具： 使用說明的網址為 http://www.w3.org/Talks/slidemaker/YYMMsub/Overview.html 軟體下載網址為 http://www.w3.org/Talks/Tools/slidemaker.tgz 2. ASCC版的slidemaker工具： 使用說明的網址為 http://www.sinica.edu.tw/~ctchang/tools/slidemaker/YYMMsub/Overview.html 　軟體下載網址為 http://www.sinica.edu.tw/~ctchang/tools/slidemaker/slidemaker-ascc.tgz http://www.sinica.edu.tw/~ctchang/tools/slidemaker/slidemaker-ascc.zip