於網路化互動式多媒體教材之建構中，其設計流程如圖 4-1 所 示，共分為六部分，包含環境腳本設計、教材蒐集與整理、建構工具 之選用、教材架構、教學系統測試與執行以及網頁教材傳輸等。以下 各節中將分別加以介紹。
4-1 本教學軟體的使用說明
1.適用對象
本教學軟體適用對象為大學生以及研究生。
2.學習主題
本研究以河川生態工法為案例探討對象，希望藉此數位化學習，
讓學習者了解生態工法之概念、生態工法之設計理念、並介紹工法等。
3.硬體需求
學習者之硬體設備需為 Pentium Ⅲ650 MHZ以上之中央處理器、
256MB 以上的暫存記憶體、40GB 以上之硬碟空間、MX440 以上顯 示卡、音效卡、螢幕、鍵盤、滑鼠、喇叭以及網路傳輸線等。
4.軟體需求
於電腦的作業環境方面，需為 MS Windows 98 以上之版本，以 及瀏覽器（Browser）。瀏覽器是一種重要的網路軟體，它整合了檔 案傳輸、檔案搜尋和畫面瀏覽等多項 Internet 功能。
5.執行程序
啟 動 Internet Explorer 瀏 覽 器 ， 輸 入 網 址 ： http://www.chu.edu.tw/~noahsark/即可進入自行開發設計的河川生態 工法之網路化互動式多媒體教學教材的首頁。
腳本是多媒體製作的藍圖，由於多媒體製作牽涉素材種類繁多，
組織較為龐大，系統的製作流程可以提昇製作效率。
於架構系統流程時，應考量使用者與應用系統間的互動關係，且 在安排上宜採用節點與路徑連結的方式，將內容有條理的呈現出來
（黃淑芸，2003）。本教學軟體採用以時間軸為路徑的連結方式，將 所有教學內容鏈結在一起，如表 4-1、4-2 所示。
4-3 教材蒐集與整理
製作網路化互動式多媒體教材需許多媒體素材，包括圖片、影 像、音樂、文字及動畫等。因教材案例探討對象為河川生態工法，故 花費約兩年的時間，除參加各類有關生態工法之研討會、講習會，並 蒐集國內外與生態工法相關的資料外，亦針對北台灣之野溪整治，蒐 集其現地資料，親自走訪、拍攝，並將教材予以標準化，處理成可應 用的數位檔案型式。
4-4 建構工具的選用
製作軟體方面係以 Flash MX 作為動畫編輯平台，如圖 4-2 所示；
再以 Dreamweaver MX 作為網頁編輯平台，如圖 4-3 所示；並以 Photoshop、PhotoImpact 等作為影像、圖片處理之介面工具，如圖 4-4、
4-5 所 示 ； 文 字 特 效 部 分 是 以 Swishmax 作 為 編 輯 工 具 ； 再 以 PhotoStitch 軟體製作 3D 之互動式影像，如圖 4-6 所示，配合 Flash MX 中動作的設定完成 3D 環景；配音及配樂的部分是以 Sound Forge XP 作為編輯軟體，如圖 4-7 所示。
硬體部分還包含了 Canon 400 萬像素數位相機、JVC GR-DVL 915 數位攝影機等。
4-5 教材架構
4-5-1 互動性按鈕
網頁中各個按鈕為了呈現活潑與多樣性，是以昆蟲、動物等有生 命的物體為主。滑鼠可點選之按鈕可分為三種狀態，第一種顯示為一 般狀況時，為起始呈現於瀏覽者眼前顯示的畫面，如圖 4-8 所示；第 二種顯示狀態為滑鼠移動至感應區時，按鈕顯示的畫面，如圖 4-9 所 示；第三種顯示狀態為按下滑鼠時，如圖 4-10 所示。於三種按鈕狀 態下，指定不同的呈現風貌，當瀏覽者按下按鈕時，即可連結至網頁 或其他檔案等效果。
4-5-2 畫面鏈結部份
網路教學係結合電腦與網際網路，具跨越時空之優越性功能，可 促進教學互動與學習成效，為未來教育的新趨勢。
網路課程是通過網路表現教學內容及實施教學活動。所以，網上 課程、教育資源等不能僅是簡單的堆砌，而需經由設計者對教材作蒐 集與整理、以及熟悉多媒體軟體的使用後，所精心設計的藝術作品。
基於此，本文作者精心製作出一套自行開發設計的網路化互動式多媒 體教學系統，可涵蓋生態工法概論內容，貫穿教學活動的始終。
課程瀏覽者請先輸入網址：http://www.chu.edu.tw/~noahsark/，即 可進入開頭動畫，畫面呈現虛擬人物介紹生態工法概論並且導覽本網 站內容，如表 4-3（a）〜（g）所示。再則進入主畫面，主畫面內容 包含生態工法概論、案例介紹、工法介紹、工程斷面圖等。最後是網 路問卷調查，如圖 4-11 所示，以下介紹其相關內容。
1. 生態工法概論
基於對生態系統的深切認知與落實生物多樣性保育及確保生態
少對自然環境所造成傷害，呈現的內容包括生態工法定義、生態工法 設計原則、生態工法基本精神、生態工法所能發揮功能及其影響。其 畫面設計如表 4-4（a）〜（g）所示。希望透過內部連結，讓學習者 對生態工法有初步的認識。
2. 案例介紹
生態工法須因地制宜，河溪治理僅需整治遭破壞之處，減少因人 工構造所造成之渠化破壞原有生態，保留原有之孔穴、亂石堆，避免 干擾動物棲息地，以保持溪流原有自然生態平衡機制。考慮社區親 水，於水質、環境許可下，亦應營造水體環境，以維護溪流生態。
野溪係指河川中上游集水區面積五千公頃以下自然溪谷，野溪治理係 指防止或減輕野溪沖蝕、淘刷與溪岸崩塌，減少洪水與泥砂災害所實 施之治理工程，其治理單位為水保局，野溪之特徵包括（楊朝平，
2002）：
（1）河床河岸多岩石裸露
（2）溪流水量變化大，野溪之平均流速為每秒 6-7m
（3）野溪河床坡降大於 1/50
（4）溪床不穩定，沖刷嚴重
本教學網站共介紹北台灣 14 條野溪之整治案例，包括基隆友蚋 溪、基隆河、台北新店溪、木柵萬壽溪、南港四分溪、松山虎山溪、
內湖大溝溪、士林內厝溪與平菁街溪、北投貴子坑溪與水磨坑溪、新 竹九芎湖溪、桃園龍潭南坑溪、苗栗新店溪永興段等共 14 個案例。
每個案例前都有一個開頭小動畫，希望能以有趣的過程引發學生學習 興趣，進而在學習過程中吸取知識，達到教學效果，教材呈現方式盡 量予以標準化，內容包括治理緣起、設計理念、治理效益、案例照片 以及 3D 動態環景等，其畫面設計說明，如表 4-5（a）〜（k）所示。
其中治理型態又可分為下列幾種：
（1） 台北新店溪等地區：其治理型態以堤防綠美化為主，如表 4-6 所示。
（2） 北投貴子坑溪、北投水磨坑溪等地區：其治理型態以治山防洪 為主，如表 4-7 所示。
（3） 苗栗獅潭鄉新店溪永興段等地區：其治理型態，是以建立環境 綠美化區為主，如表 4-8 所示。
（4） 基隆友蚋溪等地區：其治理型態，是以原始生態維護為主，如 表 4-9 所示。
（5） 新竹新埔九芎湖溪等地區：其治理型態，是以富麗農村為主，
如表 4-10 所示。
（6） 桃園龍潭南坑溪等地區：其治理特色，係使用多種護岸設計，
如表 4-11 所示。
（7） 南港四分溪、士林內厝溪等地區：為早期的景觀野溪整治，如 表 4-12、4-13 所示。
（8） 基隆河、士林平菁街溪、內湖大溝溪、木柵萬壽溪、松山虎山 溪等地區：為近期的景觀野溪整治工程，如表 4-14〜4-18 所示。
3. 工法介紹
工法介紹的畫面是以書為背景，讓瀏覽者有翻書的感覺，呈現的 內容畫面如表 4-19（a）〜（e）所示，內文連結的部分包括擋土牆，
邊坡整治工，固床工等，說明如下：
（1） 擋土牆，包含 a. 砌石牆 b. 箱籠牆 c. 格框擋土牆
d. 加勁擋土牆
e. 各類擋土工之適用範圍及生態配合度
（2） 邊坡整治工，包含 a. 格框噴植法
b. 土釘混合噴植法
c. 地工防蝕模袋及蜂巢網格 d. 打樁編柵法
e. 各類邊坡整治工之適用範圍及生態配合度
（3） 固床工，包含 a. 石樑固床工 b. 河床拋石 c. 淺壩
d. 各類固床工之適用範圍及生態配合度
以此三方面工法作敘述性的介紹，並配合圖例、設計原則以及施 工注意事項等之輔助說明，讓學習者能更深刻了解其內容。
4. 工程斷面圖
針對台北的大溝溪、內溝溪、虎山溪以及平菁街溪等，繪製施工 位置圖以及工程之代表性斷面圖，並將之彙整成可連結之表格，其畫 面設計說明如表 4-20（a）〜（e）所示，可讓更多的設計者或學習者 參考與學習。
5. 網路問卷調查
由於網路與資訊科技的蓬勃發展與普及，使各級學校教學方式逐 漸改變，面對環境的快速變遷，各國之教育單位均欲透過數位學習環 境的幫助，有效達成學習目標。故本研究擬針對自行開發設計之網路 化互動式多媒體教學系統進行網路問卷調查，此問卷調查共分為 11
個調查項目，等級由非常滿意至非常不滿意，共分為 5 個等級，如表 4-21 所示。受訪對象為大學生及研究生共 207 人，如表 4-22 所示。
為了讓更多學習者進入本教學網站了解生態工法之意涵，故本研究另 外亦對未修習土木相關學科之國一、二、三年級學生進行網路問卷調 查，以期增進本論文研究成果之價值，如附錄 A 所示。
問卷調查的實施，係以網頁問卷調查方式進行，其編擬方式以採 用文字簡單，定義清楚，且能涵蓋數位學習及對生態工法認知的所有 調查範圍，盡量避免假設性的問題及斷定性問題。為了確實掌握問卷 之有效性，及避免學習者漏答或是跳題情形，於 Dreamweaver MX 網 頁製作軟體中編寫 Java 程式語言，如此線上網路問卷可以藉由系統 檢查輸入錯誤，避免產生無效問卷。經由調查結果將資料儲存於指定 的電子郵件信箱，以進行評估與分析，其運作步驟如下：
（1）決定問卷形式
（2）設計問卷
（3）針對大學生及研究生進行網路問卷調查
（4）系統檢查問卷調查狀況
（5）彙集所有問卷資料，進行分析
（6）資料詮釋分析
此問卷調查結果如表 4-23、4-24 所示。其滿意程度分佈圖如圖 4-12〜4-22 所示。若以第一個調查項目為例，進行研究生與大學生對 於本網站之建構滿意程度，以分佈圖分析，約 50%的研究生及大學生 的觀感為非常滿意；若以第五個調查項目為例，對本網站之內容表 達，能維繫學習者的興趣與注意之滿意程度，57%的研究生和 69%的 大學生表示非常滿意。由此可知，多媒體教學可提高學習者學習興 趣，讓學習更有趣。希望透過網路問卷調查的方式，調查學生網上學