第一節 教學網頁及學習平台的建置歷程
壹、 初步構想
研究者有感於台灣環境的日益惡化，一直希望每個人都能從日常生活中落實環保，
以改善生活的環境。柯倩玉（2008）提及目前國小課程中大部分以全球性環境問題的角 度介紹全球暖化，在全球暖化概念與溫室效應以及全球暖化因應之道方面則欠缺完整介 紹。陳俊良（2009）則指出現有國小課程中對於有關全球暖化這方面的議題較缺乏完整 的統整課程設計。在知道教授正在進行節能減碳學校本位課程的相關計畫後，因本身的 信念體認全球暖化、節能減碳議題重要性，因此希望能有一個整合全球暖化相關概念知 識（事實、成因、影響和對策）的主題課程。
在擔任學校資訊小組多年經驗裡，研究者也體認到資訊科技融入教學擴展了老師的 教及學生的學並豐富了學習環境。現今網路資源豐富的時代，如將網路上的資源利用一 些現有軟體整合成一全球暖化教學網頁以提供課程是可行的。雖環境教育最後必須落實 生活上的實踐，但如在知識上缺乏，必無法體認其重要性，因此研究者決定建置一教學 網頁全面的介紹全球暖化、節能減碳的相關知識。
貳、建置歷程
在確定想整合資訊科技製作教學網頁後，研究者和教授討論自己的構想，但研究者 表示只單純製作網頁上課，對於學生利用資訊科技學習的意義並不大，教授建議可以朝 著讓學生自主學習，進行線上測驗並立即回饋，以跳脫以老師為主的學習模式。因此，
研究者開始尋找一些可以使用的軟體，進行製作。
一、使用軟體的決定
本研究中決定整合資訊科技融入課程的軟體如表 4-1-1 所列：
表 4-1-1 整合資訊科技融入課程使用的軟體
軟體名稱 軟體功能
Word 文字圖片編輯
PhotoImpact 圖片編輯 Powerpoint 製作 PPT 簡報
Launch iSpring Free 將 PPT 轉成 Flash 簡報動畫 Freemake video downloader 將 Youtube 影片下載
Powerdirector 將影片剪接編輯
eXe 網頁製作
Moodle 學習平台建置
研究者多次和學校資訊組長陳老師詢問及討論，要製作網頁還是 eXe 最方便；而 要有線上學習及評量回饋， Moodle 有既有的模組，簡易好操作，這兩個軟體並不需有 電腦程式基礎，且都支援文字、圖片、Flash、影片等常用的檔案。因此，研究者決定 使用 eXe 製作網頁； Moodle 建置學習平台。
雖使用過 eXe 製作過網頁，它的網頁結構及功能都可符合線上學習需求，
但在美觀上卻不夠，自己很想編寫一個美觀、實用並吸引學生的網頁，就 像外面的一些網頁。但因陳老師的建議，也考量自己的時間及能力，還是 用 eXe 來做吧！ （R20120302）
和陳老師表示我的研究方向需要線上測驗、回饋等功能，雖 eXe 可以做 線上測驗但卻無法掌控學生測驗的情形及結果，陳老師表示 Moodle 具有 這樣的功能，很多學校有在用，聽說並不難。那就試試看吧！ （R20120518）
此外，使用 Word、PhotoImpact 編輯文字及圖片，簡報 PPT 很適合教學使用，可 以將學習內容作重點呈現，但卻無法置入網頁中，在一次研習中得知 PPT 可轉成 Flash 檔，因此研究者在網路上找到 Launch iSpring Free 軟體可以免費下載，將 PPT 轉成 Flash 檔，就可以崁入網頁了。研究者也希望用一些影片呈現真實情境，為了下載影片，
並希望能從影片中擷取出適當的長度及配合課程的內容，因此使用 Freemake video downloader 軟體下載 Youtube 影片，並學習用 Powerdirector 剪接編輯。
Youtube 是一個很大的影片資料庫，應有很多我要的資源，如果只是超連 結至 Youtube 影片，視窗就會一直跳來跳去，而且學生連結到 Youtube 後也可能迷失，必須將影片擷取下來。至於下載下來的影片或「±2℃」影 片我只擷取我所需要的片段置於網頁，不要太長，可以呈現全球暖化的現 象就可以了。 （R20120306）
二、教學網頁與學習平台的建置
在決定了可使用的軟體後，研究者根據文獻探討中黃鴻博 2009 年提出的節能減碳 課程中四大認知目標來分析網頁中所需的知識內容，其結果如圖 3-3-1。並依分析的知 識架構開始蒐集資料並制定網頁架構，如圖 3-3-2，以開始建置網頁。
（一）資料的蒐集
如同張國恩（2002）指出網際網路上有相當多的資源，可視為大型教材庫，其內 容多樣化，可以將其擷取整合。全球暖化節能減碳是現在熱門的議題，網路上很多資 訊，提供了學習的資源。 所以研究者自網路上各相關單位、主題的網站搜尋節能減 碳的現象、影響、成因及對策的相關資料，包含文字、圖片，也至 Youtube 找尋相 關影片、動畫，為避免影片過長且依課程所需，將「±2℃」 的影片剪接編輯，並選 擇超連結相關網頁，提供更豐富、生動的資源，最後將所有資料依知識架構分類彙整，
以製作網頁，使網頁有豐富的多媒體的呈現方式，如梁治平、佘曉清（2006）的建議 指出，在製作學習網站時，可利用多媒體的呈現來代替相關的文字說明，讓學生有多 一個學習理解的選擇。本研究網頁上的資料內容如表4-1-2。
國內外網路上有很多相關的資訊，不僅提供豐富的文字介紹，也有圖片說 明，可以針對我的知識架構來蒐集相關資料。「±2℃」中有一些極端氣候 的相關影像，可以提供學生有關氣候災難的臨場感受，這些影像應可以引 起他們對全球暖化問題的重視。也可以到 Youtube 上去看看有什麼可以用 的影片。 （R20120305）
表 4-1-2 網頁內呈現資料內容一覽表
資料類型 資 料 功 能
文字 說明相關事實、知識概念。
圖片 輔助文字說明，靜態圖像、圖表的呈現。
Flash
簡報動畫 研究者將文字圖片做成簡報，轉成 Flash 動畫
影片 Youtube 影片動畫、「±2℃」剪接影片以呈現真實情境 超連結 超連結至相關網頁，如「認識能源」多媒體教材、「節能
減碳酷樂園」等。
（二）網頁的製作
在資料蒐集後研究者開始於 eXe 軟體中依分析的知識架構開始設定網頁架構，再 將所分類整合的資料一一的置入，如同邱瓊慧（2002）指出資訊科技融入教學是希望透 過資訊科技及學習領域的整合，以提升學生在該學習領域的學習成效，其網頁建置架設 的頁面如圖 4-1-1，網頁內容說明如圖 4-1-2。各主題網頁之內容如表 4-1-3。此外，研 究者也利用 Flash 簡報動畫將純文字或文字配合圖片做重點式的動畫呈現，以豐富畫面
（參閱圖 3-3-11）。在超連結的部分，研究者利用鍵盤的 Printscrean 將網頁頁面及 電子書封面複製，再用 PhotoImpact 裁切複製下的圖片，利用此圖片來作超連結，以 免製作的網頁頁面空蕩單調（參閱圖 3-3-9）。
圖 4-1-1 eXe 軟體網頁建置架設頁面
圖 4-1-2 網頁內容說明 網頁架構、層次設定
網頁呈現教學活動類型的選擇
學習主題網頁活動內容編輯區 學習主題
文字說明
圖片說明 網頁架構
學習主題選項
表 4-1-3 四個活動主題網頁建置內容一覽表
（三）Moodle 學習平台的建置
Moodle 為現成的模組軟體方便好用，研究者雖未曾使用過，但自己卻在嘗試中慢 慢地將平台建置的功能一一的熟悉。 Moodle 平台中提供線上課程的功能相當多，研究 者依自己的研究所需選定功能並編輯（參閱圖 4-1-3 ），其建置步驟說明如表 4-1-4。
表 4-1-4 Moodle 學習平台建置步驟
步 驟 說 明
一、申請帳號開課課程 需平台管理者核可，本平台研究者即是管理者。
二、課程編輯 進入課程、設定課程大綱，建立本研究的四個活 動，分別連結至各教學主題網頁。
三、建立線上測驗 做測驗的設定並編輯題目。
四、學生資料設定 建立參與學生資料，設定進入課程帳號密碼。
圖 4-1-3 Moodle 學習平台編輯頁面
新增資源、活動 ，如線上測驗 主題課程編輯區
課程設定、學生資料等設定區
參、小結
本課程依黃鴻博（2009）在其國科會計畫中提出的節能減碳知識的四大主題：事實、
成因、影響及對策，分成「全球暖化在哪裡」、「地球的四季變奏曲」、「能源與我們的 生活」、「環保生活綠地球」四個活動，並將四個活動的主題網頁分別建置設定於 Moodle 教學平台上。而後將進行三個循環的課程活動，以了解此資訊科技融入節能減碳課程對 學生學習成效如何，並藉由研究者的觀察反思、檢核者的建議及學生的訪談，探討引起 學生學習興趣的因素及有利學習的網頁呈現模式，以修正網頁及學習平台。
第二節 試探階段
在將學習教學網頁及學習平台初步建置完成後，研究者根據其網頁架構設計教學活 動，引導學生線上學習。並於四個課程活動後，根據學生的學習成效、訪談、檢核者的 檢核建議、及研究者的教學觀察及反思來修正網頁及學習平台。本節將介紹第一循環的 教學歷程，並分析學生的學習成效、引起學生學習興趣的因素及有利學習的網頁呈現模 式，並根據遭遇的困難，提出修正的方法。
壹、教學歷程與遭遇的困難 一、教學歷程
研究者從最初的知識架構分析（參閱圖 3-3-1）,到根據知識的分析設定網頁架構（參 閱圖 3-3-2），最後設計四個活動課程。本階段進行第一循環的教學，教學對象為四年 A 班，共六節課，在第一節課先利用 5 分鐘的時間教導學生登陸線上學習平台，其教學歷 程如下（詳細教學設計參閱附錄一）：
（一）活動一：全球暖化在哪裡（1 節）
1、觀看「企鵝與北極熊的明天」卡通動畫引起動機。
2、老師引導學生討論至全球暖化的主題。
3、學生在學習平台上進入線上學習，以知道全球暖化正在發生中，並在世界各地 帶來那些現象。
4、老師引導分享討論，並指導進入線上測驗（可重複測驗）。
4、老師引導分享討論，並指導進入線上測驗（可重複測驗）。