面對文字的敘述，即使寫出重點，有些學生仍無法理解其中的過程變化，所以我們 以互動式方式製作資料結構動畫，並搭配聲音講解，讓學生更加瞭解內容。
以動畫——鏈結串列為例，游標移至動態教學文字，會出現下拉式選單（圖 3-5），
按下選單中的「鏈結串列」，會進入此章節（圖 3-6）。右邊方框為此章節各個動畫的簡 述，讓學生在開始播放動畫前，能夠先瞭解稍後要進行的課程內容，左邊方框則為此章 節的動畫標題。
本章節以環狀鏈結串列、雙向鏈結新增、雙向鏈結刪除為互動式教學為主。
圖 3-6 動態教學之鏈結串列簡介
以雙向鏈結刪除為例（圖 3-7），當學生選擇動畫——雙向鏈結刪除（左邊方框），
就會進入此小節的內容（右邊方框）。
當進入雙向鏈結刪除動畫後，動畫並不會繼續跑下去，我們設計成互動方式，並搭 配聲音講解，讓學生的印象加深，當開頭標語動畫撥放完後，按下箭頭指示的 Play 按 鈕（圖 3-8），動畫才會進行下一步驟的解釋。
圖 3-8 動態教學之雙向鏈結刪除（Play）
圖 3-9 所示，當學生按下 Play 按鈕後，進入雙向鏈結刪除的初始步驟，畫面會出 現解釋文字（如方框）以及聲音講解。初始步驟說明我們要刪除Ｐ節點，指出後續所要 刪除的節點。
學生點選 Next 按鈕進行步驟一（圖 3-10），步驟一是在說明，將Ｐ節點的左邊節點 的右指標刪除，然後越過Ｐ節點，指向Ｐ節點的右邊節點。
圖 3-10 動態教學之雙向鏈結刪除（步驟一）
學生點選 Next 按鈕進行步驟二（圖 3-11），步驟二是在說明，將Ｐ的右節點的左邊 指標刪除，然後越過Ｐ節點，指向Ｐ節點的左邊節點。
學生點選 Next 按鈕進行步驟三（圖 3-12），步驟三是在說明，只要將Ｐ節點也就是 舊節點給釋放掉，即為完成刪除。
當學生對於雙向鏈結刪除還有不懂的地方，可以按下 Replay 按鈕（方框），動畫將 會回到初始畫面，學生可以繼續做練習。
圖 3-12 動態教學之雙向鏈結刪除（步驟三）
第四節、線上測驗
當學生讀完本數位學習平台的靜態與動態教學的內容後，將游標移至線上測驗文字
（圖 3-13），按下後可以進入到線上測驗平台（圖 3-14）。
在測驗平台可以測試自己的理解程度，瞭解自己對哪一些章節需要加強練習，藉由 不斷的線上學習與測驗的搭配，使學生的學習功效達到最高。
圖 3-13 進入線上測驗
第五節、聯絡我們
學生在使用數位學習平台時，若發現有什麼錯誤，可以透過「聯絡我們」來告知（圖 3-15），按下後，會跳出郵件視窗（圖 3-16），把意見告訴我們，讓我們瞭解學生的需求 並且做新增修改的動作，讓數位學習平台可以越來越好。
圖 3-15 按下聯絡我們
第肆章、結論與未來期望
最終順利的完成了專題，讓我們體會到原來做一個系統，需要考慮到許多問題，讓 使用者能使用便利的諸多方式，不僅要讓介面完美無誤的呈現，且使用上要便利以及我 們本身需要用到的技術是否我們都具備，把自己本身就會且各自所長之專業技術發揮的 淋漓盡致，當然，也因為做了這個系統，我們學到了以往不會的技術，使系統添增了簡 潔且富設計感的意境。希望我們做的系統，能有效的幫助學習資料結構的學生們，既能 便利的學習又能輕鬆的吸收，這才是我們教學系統的宗旨[9]。
未來的教學趨勢運用數位科技及寬頻網路，老師可藉以充實課程、整合資源、發展 教材，以擴展學生學習經驗和測試了解學生對課堂上的吸收度。互動性的多媒體軟體工 具結合了圖形、音效和動畫，讓學生對於課程不再無趣，也可充分達到育教娛樂的學習 效果。教師使用教學系統建立線上測驗題目，可讓學生能在家中或假日期間反覆練習，
而且能讓學生立即知道測驗結果，並能馬上更正觀念。
全球響應環保觀念，在教學上也能充分的遵守，運用網路教學可大量減少紙張資源 浪費，並且不受限於傳統紙筆測驗。相信這樣的教學會世世代代的傳承下去，並加以創 新，直到網路被取代的那個世紀到來，才有可能改變在網路上學習的方式。
附錄一 工作分配表
附錄二 專案進度表
參考文獻
[1] 葉永蓁（2004）。新興資訊科技專題演講心得。
http://sheush.im.shu.edu.tw/research%20speaking/report/S92660003-專討心得報告.doc [2] 藍月蓮（2002），一個數位教學架構的模式探討。南華大學資訊管理學研究所碩士 論文。
[3] 工程師的櫻花浪漫街道部落格。Appserv 架站教學-完整安裝設定指南。
http://blog.xuite.net/arcloveangel/lovestore/22930165
[4] 文網股份有限公司官網。動畫製作介紹。http://104net.net/design/flash.htm [5] 飛肯設計-教學網。Dreamweaver 教學-網頁設計教學。
http://www.flycan.com/deux2/mypaper/dreamweaver.htm
[6] Adobe 官網/Dreamweaver 開發人員中心。Dreamweaver 8 的新功能與優點。
http://www.adobe.com/tw/devnet/dreamweaver/articles/dw8_newfeatures.html [7] Flash 8 動態網頁教學。http://web.chsh.chc.edu.tw/computer/flash/
[8] Corel Corporation 官網。PhotoImpact X3 介紹。
http://www.corel.com/servlet/Satellite/tw/ct/Product/1251059137269#tabview=tab0
[9] 高啟洲、唐璽惠（2005），互動式數位學習系統之設計。國立臺南大學「南大學報」。