第四章 研究結果與討論
第一節 線上多媒體輔助教學網頁教材之製作歷程.45
本節主要的內容是研究者從資料蒐集、分析、到製作多媒體輔助教學網頁教 材…..等，整個線上多媒體輔助教學網頁教材完成的過程之呈現。主要分五個部份 來說明：壹、應用網路教學相關理論來分析教材。貳、學生電腦操作之分析。叁、
教材資源搜尋與整理。肆、製作多媒體輔助教學網頁教材。伍、專家評鑑。現在茲 就每個部份分述如下：
壹、應用網路教學相關理論來分析教材
在確定本研究主題後，單元的選擇就很重要了。在與指導教授討論過後，於是 就決定以牛頓版自然與生活科技第八冊第三單元【能源利用】為例，來進行本研究。
依據張國恩(1999)所提出適用於電腦輔助教學教材的六大原則來分析，研究者提出 為何本單元適合以網頁教材來呈現，說明如下：
一、在本單元中「各種能源如何利用」是屬於較抽象化的教材，上課時若只是用口 述的方式，學生會覺得較難以理解。因此，這部分就需要圖片、影帶或動畫來 輔助。這符合張國恩所提的----抽象化教材轉為視覺化教材。
二、在本單元中「風力發電機的建置」，學生可利用網頁上所設計的互動式動畫區做
（一）從全球資訊網（world wide web）上搜尋
研究者利用蒐尋引擎，蒐尋有關各種相關資料，例如：
國際知名丹麥風能網站 http://www.windpower.org、
最先進的歐盟網站：http://europa.eu/index_en.htm 台電網站：http://www.taipower.com.tw/index.htm 經濟部能源局：http://www.moeaboe.gov.tw/
http://ihouse.hkedcity.net/~hm1203/eco-activities/energy.htm....
模式來建置本研究之線上多媒體輔助教學網頁教材。其中以各種能源為主架構。
二、網頁教材設計流程
本研究的教學網頁從選定教材主題，經過教材分析、網頁內容規劃、發展製作 網頁、建立網頁超連結到完成教學網頁，請專家評鑑到開始實施教學，整個設 計流程如下圖：
圖4-1-1網頁教材設計流程圖 三、教學網頁教材版面設計的特色
現在就本研究中的教學網頁教材設計的特色，分兩點分述如下
（一）教學網頁教材內容設計的特色：
1.真正的多媒體教材
現有的課本教材分成書本及光碟，資源凌亂。且教學影片冗長沒有針對各
（二）教學網頁教材版面設計的特色：
1.簡潔明確的畫面：
為了避免過度使用捲軸（scroll bar）以及遵守水平和垂直捲軸不得同時出 現的設計原則。本網頁設計時均依照「一頁不超過若干行」的原則，再將網頁的 內容分成許多細部網頁，以一張網頁能闡述一個概念為主。如圖 4-1-2
圖 4-1-2 資料來源：改編自
www.windpower.org
網頁2.快速便捷的主選單：
為了避免因網頁層次太多，造成學生迷失於網頁中。因此，設計不論使用者在任 何網頁，均可藉由點選下方超連結迅速前往網頁第一層目錄，瀏覽者藉此可更方 便於各層次網頁間切換。如圖 4-1-3
圖 4-1-3 3.簡明易懂的文字說明：
在文字結構的畫面部份，則採用國小學生易懂的文字，減少專業術語的描 述。一份網頁內只設定一個主題，內容儘量簡單扼要。如圖 4-1-4
圖 4-1-4 資料來源：改編自
www.windpower.org
網頁4.伴隨圖片說明：
圖片部份在網頁中所扮演的角色是輔助文字說明及吸引學生的注意力，但其 所傳達訊息的準確度較低，而單以文字說明又不易引起學生的注意，因此，文字
與圖片具有相輔相成的作用。如圖 4-1-5
圖 4-1-5 資料來源：牛頓出版事業股份有限公司
5.互動式的動畫活動：
希望學生能於活動中學習，藉著互動式的動畫活動吸引學生學習的目光，增 進學習的效果，並使教學內容更具多樣化與活潑性，讓孩子建立自主自信的學 習。如圖 4-1-6
圖 4-1-6 資料來源：改編自
www.windpower.org
網頁6.內容豐富的線上影片：
搭配所擷取製作的大量影片，學生不論在何地，只要具備寬頻的網路環境，
就可以方便地使用豐富的線上學習影片。不論上課或下課回家後，都可透過網際 網路學習，對學生學習的效果更有助益。如圖 4-1-7
圖 4-1-7
資料來源：改編自www.windpower.org網頁；牛頓出版事業股份有限公司
7.回饋式的測驗評量：
為讓學生能自我測驗，本教學網頁以 flash 製作回饋式的測驗評量，可供學 生進行反覆的練習，以加深學生學習的深度及廣度。如圖 4-1-8
圖 4-1-8
伍、專家評鑑
完成教學網頁後，請了指導教授及五位研究生（ㄧ位在職國小主任）來評鑑本
網頁的內容效度。根據六位專家學者給的意見，研究者做了以下的修正，說明如下：
（一）增加註解：
因爲課本教材中，有許多可能會誤導學生觀念的內容，本著忠於教材。因此，
加上註解說明以端正學生之觀念。
（二）將圖片字體放大：
剛開始字體是用十二號字，但考量本網頁為教學網頁，因此，將它們由十二 號字改為十四號字。
（三）註明出處：
一開始本線上多媒體輔助教學網頁教材因疏忽並未註明所收集的資料圖片、
相關影片、及 flash 動畫的出處。經指導教授的提醒，本著尊重原創的智慧，
特將出處標明於網頁上。