研究工具

本研究所使用之研究工具包含：教學工具、評量工具兩部份。教學工具為 網頁設計數位學習線上課程；評量工具有技能檢核表、網頁設計技能檢定學科 測驗卷、術科測試評審表與學習意見問卷；其中線上課程、技能檢核表、學習 意見問卷皆採專家審查。茲將其分別詳述如下：

壹、網頁設計線上課程

本研究之實驗課程為網頁設計技能檢定課程，內容主要為網頁編輯軟體 FrontPage 2002 及影像處理軟體 PhotoImpact 10 基本操作。學習目標除幫助學 生暸解網頁製作及設計觀念外，並能熟練網頁設計丙級技術士技能檢定術科試 題操作。各週安排之教學大綱詳細內容如附錄三。

線上課程設計，依據文獻探討中訊息設計的九項原則與專家解決問題的策 略為課程設計基礎。首先呈現單元主題整體的設計網站架構概念圖，以「社團 介紹網站」主題單元為例，如圖 3-5 所示。

圖 3-5 「社團介紹網站」網站架構圖 C:\WEB01

homepages images

music

Index.htm

0101.gif、0104.gif 0102.jpg、0105.gif 0103.gif、0106.jpg 0101.mid

Title.htm Menu.htm Main.htm

guitar

Guitar_history.htm Guitar_event.htm Guitar_learning.htm

然後再逐步安排細部技巧的多媒體影音動畫教材內容；如建置網站單元，並建 立過程檢核機制（亦即形成性評量），引導學生自我監控學習。讓學生探究細節 部分之前，能夠先建立一個整體的設計概念，幫助學生學習細部技巧時，對正 在執行的步驟產生意義感與清楚進展目標。其課程架構如圖 3-6 所示。

圖 3-6 課程架構圖

錄影教學

學習單 教學檔案

課程活動分類

線上資源

線上測驗

討論區

作業區 作業上傳

每次分數 每回測驗 每回分數

作業討論 互評成績

系統管理 分數 個人資料 修改密碼 課程首頁

課程大綱 本週進度

課程內容

一、線上課程設計內容架構

3-4-1 guitar_history.htm 網頁製 作

(1)編輯網頁文件。

(2)處理聲音。

(3)應用相關網頁元件。

(4)設定超連結。

單元名稱 子單元名稱 技能標準 3-4-2 guitar_event.htm 網頁製

作

(1)編輯網頁文件。

(2)處理聲音。

(3)應用相關網頁元件。

(4)設定超連結。

3-4-3 guitar_learning.htm 網頁 製作

(1)編輯網頁文件。

(2)處理聲音。

(3)應用相關網頁元件。

(4)設定超連結。

4-1 修正首頁 設定網頁內各物件參數。

修正首頁及 測試各網頁

4-2 測試各網頁 進行網頁測試。

二、多媒體數位教材

根據文獻探討中有關多媒體設計與認知負荷的研究，本研究線上課程 之多媒體影音動畫教材以桌面擷取軟體 Camtasia Studio 4 錄製，其中有以 下幾個特性:

(一)學習過程管理－學習者可以依據個別的情況，選擇學習地圖中教 材播放的順序與快慢，達成適性學習的目的，如圖 3-7 所示。

圖 3-7 多媒體數位教材

接上頁

(二)專家解題的策略－由教師針對試題逐項的旁白說明，來呈現專家 捷思、控制與學習的策略；如圖 3-8 所示。

圖 3-8 專家解題旁白

三、學習平台建置

本課程建置於關山工商 Moodle 學習平台上，硬體規格以雙處理器，

平台採用多工且穩定性佳 Fedora core 4 Linux 作業系統，結合網頁、動態 語言及資料庫（Apache+PHP+MySQL）網路服務的功能，即時記錄與呈現 資料。

網站介面以 Martin Dougiamas 所發展之課程管理系統 Moodle（Modular Object-Oriented Dynamic Learning Enviroment），本教學平台的特性是可簡 單、相容性高、低技術門檻，讓教師可以彈性的安排課程的活動如教學資 源（網頁與連結等）、作業區、討論區、線上測驗，學生可以透過課程所提 供的線上資源，參與學習活動，系統會自動記錄線上活動的歷程；如圖 3-9 所示。

圖 3-9 網頁設計技能檢定課程學習平台首頁

貳、評量工具

本研究之評量工具包括學科前、後測測驗卷與技能檢核表、術科成就測驗評 審表、學習意見問卷，予以分別說明如下。

一、學科前、後測測驗卷

依據網頁設計技能檢定學科試題題庫之內容及教學目標，並參考鄭 博元、孫鐿珍（2006）出版之參考書分類，將試題分為「電腦軟體及操 作」、「網際網路」、「認識多媒體」、「HTML 語言」、「使用 FrontPage」、與

「相關網頁製作技巧」等六個主概念，編制網頁設計課程之前測專業基 礎能力測驗雙向細目表如附錄四所示。為確保樣本試題有足夠的代表 性，經三位教學經驗豐富的專任教師審核後定稿。

二、技能檢核表

本研究依據網頁設計技能檢定術科題庫試題及其具體行為目標編 製，經專家審查修改後，在實驗教學中提供學生學習的形成性評量－透 過自我監督學習，幫助學生完成單元的目標；如圖 3-10 所示。

圖 3-10 過程檢核機制

在過程檢核完後，學習者可透過線上回饋提示，針對不通過的項目 找出操作上的問題關鍵，以完成單元目標如圖 3-11。

圖 3-11 檢核表線上回饋機制

三、網頁設計技術士技能檢定術科成就測驗評審表

(一)效度分析：本研究以行政院勞工委員會職業訓練局舉辦的網頁設 計丙級技術士技能檢定評審表做為學生學習成就評量工具，詳細 內容如附錄七。網頁設計技能檢定術科題庫是集合相關的專家共 同編製做為測驗題庫，且具有一定的評分方式，故此評量工具具 有一定的專家效度。

(二)信度分析：網頁設計丙級技術士技能檢定術科檢定測試，測試試 題乃採隨機抽題方式進行，試題具有一定信度。

本研究在教學處裡後，模擬實際檢定測試的情境，學生採隨機抽 題方式，測試時間 120 分鐘，實施術科成就測驗。

四、網頁設計技能檢定課程學習意見問卷

為收集本研究中在兩組教學處理後學生的學習感受與想法，研究 者依據實驗中探討之問題，並參考邱靖玲（2004）高職「軟體應用」

課程系統滿意度問卷及莊智軍（2005）高職商業類科學習「電腦軟體 應用丙級技術士學科」學習自信與滿意度問卷；將問卷分成「老師上 課方式」、「技能操作數位教材」、「檢核表的使用」等三個構面，並經 專家修訂審核，確定題目內容的一致性。