20 .

繪製線上圖表
Gliffy 是一個線上製作圖表的網路應用網站，簡單的幾何圖形，箭頭符號
等等一應俱全，可以輕易地讓您製作出平面圖、室內設計圖、符號及規則圖、企劃
報表圖表等等。除了一般流程圖所使用的基本方塊之外，還提供了許多圖形元素
讓整個流程圖更加生動，甚至每個方塊的顏色、大小、方向、位置都可以自行變更，
自由度非常高！對於尚未編輯完成的圖片可以暫時儲存於網站上，等待下次還
可以繼續編輯。就筆者的使用經驗分析，Gliffy 確實是一個相當有前景的網站公
司。
首先請讀者進到【http://www.gliffy.com/】這個網站，接著點選【PRICING &
SIGN UP】的按鈕，系統就會自動導向到產品比較的頁面。接著請您點選 Free(免
費)欄位中【SIGN UP】的按鈕，就可以進入註冊帳號的頁面了。

接下來請讀者填入【Email 信箱】及【密碼】等資料，再點選【Sign Up】的按鈕，

就可以完成申請帳號的工作了。
接下來請讀者輸入您這個圖表的標題。

操作的方式非常地簡單，只要從左手邊功能表中的預設圖示，『拖曳』到右
手邊的編輯區就行了。

做了這麼久，萬一有什麼閃失的話，那還得了？讓我們先儲存檔案吧！請
讀者點選【File】工能表中的【Save】選項，就可以完成儲存檔案的工作了。
 接下來請讀者點選【Share】工能表中的【Publish info】選項，這個時候系統會
自動跳出 Publish Drawing 的對話方塊，您可以將 Embed 文字框中的程式碼【反
白】，並且在右鍵的選單中點選【複製】的選項，就可以將嵌入網頁的程式碼複製
起來了。

接下來請您以教師或網站管理者的身份登入課程，切換成【編輯模式】，並
且點選【編輯總結】的圖示。
 接下來我們要點選線上編輯器左下角【切換 HTML】 的小圖示，讓線
上編輯器變成純 HTML 語法編輯的狀態，接著再請您【貼上】從 Gliffy 網站複製
過來的嵌入語法，最後再點選【儲存更改】的按鈕即可。
 最後我們就可以實現在 Moodle 課程中直接讓學生看到線上圖表的內容，老
師們一樣只是使用複製與貼上的功夫就可以完成線上圖表教材的設置了。