第四章 研究結果分析與討論
第一節 線上學習課程設計與發展
線上課程係針對綜合高中商管群「網頁設計技能檢定」課程，建構一個數 位學習教學網，提供教師教學；亦提供學生在課餘時間，透過網路不受上課時 間、地點的問題，進行課前預習，課後自我學習補強的方式，以達有效學習的 目標。
壹、網頁設計技能檢定線上課程之設計流程
本研究之網頁設計技能檢定線上課程發展，採用 ADDIE 系統化教學設計模 式，課程設計流程分為分析、設計、發展、實施與評鑑等五階段，在教育部「數 位學習標竿課程內容規劃及設計研究計畫」中完整標示出各階段之執行工作，
表 4-1 列出與課程設計有關之執行工作內容：
表 4-1 課程內容規劃及設計各階段之執行工作
ADDIE 模式各階段 執行工作
一、分析階段 1、學習內容分析與設計
2、學習目標分析
二、設計階段 1、評量方法與工具設計
2、教學策略設計 3、學習流程規劃 4、雛型課程發展
三、發展階段 1、發展完整課程
2、學習平台設定與課程管理
四、實施階段 1、學習平台管理
2、依進度進行教學
五、評鑑階段 1、學習成效評量
2、學習滿意度評量
依據 ADDIE 模式之五階段，以下就各階段網頁設計技能檢定線上課程設計 流程工作內容分別說明：
一、分析階段：決定教學內容的歷程
透過學科前測成就測驗成績分析學生之學習背景、先備技能等起 點行為與分析行政院勞工委會 97 年公告網頁設計丙級技術士技能檢 定術科試題內容，確定教學目標及內容以安排教學單元。
二、設計階段：教學活動的形成歷程
教學內容確定後，運用 Moodle 套件軟體架站；設計雛型教材包含 靜態與動態數位教材、實作評量檢核表等，並應用鷹架教學與專家解 決問題的策略為課程設計基礎，以發展適合的教學活動。
教學內容區分為五個主題單元，分別為「校園社團介紹網」、「運 動廣場連結網」、「國家公園介紹網」、「網路行銷購物網」及「電子相 簿旅遊網」。每一個主題單元，再區分為五個線上學習單元，分別為「製 作影像動畫技能」、「網站檔案架構」、「建置網站相關網頁」、「修正首 頁及測試各網頁」，其中各項學習單元，依試題安排不同的子學習單 元、數位教材及檢核表等。
三、發展階段：教材製作的歷程
線上課程之多媒體影音教材以桌面擷取軟體 Camtasia Studio 4 錄 製，將教師的試題說明、解題概念旁白與操作的示範製作成影音教學 檔案，其中有以下幾個特性；（一）過程管理－學習者可以依據個別的 情況，選擇學習地圖中教材播放的順序與快慢，達成適性學習的目的。
（二）專家解題的策略－由教師針對試題逐項的旁白說明，來呈現專 家捷思、控制與學習的策略。藉由 Moodle 學習平台建置線上課程所 需要的教學內容，並設計製作學習模組如線上檢核表、靜態網頁學習 單等。
四、實施階段：上線測試
線上課程在設計過程中，商請專家教師如附錄八實際測試，並經 由已修習過網頁設計技能檢定課程之九十六學年三年級資訊學程學生 測試使用，踴躍提供相關意見後予以修正。
五、評鑑階段：使用者反應
線上課程內容有數位教材、技能檢核表等，經由教師們及學生實 際使用後，並與教授討論後，再由研究者加以修正，最後完成此線上 課程。
貳、網頁設計技能檢定線上課程之設計
本研究依據文獻探討中訊息設計的九項原則，應用在網頁設計技能檢定數 位學習課程內容的設計上，分別說明如下：
一、使用圖片與文字並呈的方式，來表達學習的內容以符合多媒體原則、
接近原則與統一原則。
二、在評量練習的活動安排上，以符合練習原則、範例原則為依據。
三、在數位教材的設計上，以聲音旁白敘述的方式取代用文字解釋，旁白 的口語以對話的語氣，以符合形式原則、重覆原則與擬人化原則。
四、在問題解決的原則上，採專家問題解決的策略與歷程示範，讓學習者 在自我解決問題的同時，可以有機會做比較。
運用「鷹架教學策略」設計線上課程內容，設計內容分別說明如下幾點：
一、Moodle 學習平台系統架構
本研究以 Moodle 學習平台為介面，建置一個數位學習課程提供教與學 的活動。分為管理者、教師、學生等三種身分，如圖 4-1 所示。教師登入 系統後，啟動編輯模式即可以進行主題大綱內容修改、教師評量作業回饋、
示範操作數位教材影片管理、線上檢核表內容管理、試題練習檔案管理、
課業討論區管理、學習檔案管理等模組。學生登入系統後，可以進行觀看 主題大綱內容、上傳評量作業、下載練習檔案、觀看示範操作數位教材影 片、使用線上檢核表、觀看作業與檢核表回饋成績、使用課業討論區、觀 看學習檔案等功能。
圖 4-1 網頁設計技能檢定數位課程的功能架構圖 使用者登入
教 1、主題大綱內容修改。
師 2、教師評量作業回饋。
使 3、示範操作數位教材影片管理。
用 4、線上檢核表內容管理。
模 5、試題練習檔案管理。
組 6、課業討論區管理。
7、學習檔案管理。
管 使 1、帳號管理。
理 用 2、課程管理。
者 功 3、系統管理。
使 能 4、檔案管理 密碼驗證
學 1、觀看主題大綱內容。
生 2、上傳評量作業，下載練習檔案。
使 3、觀看示範操作數位教材影片。
用 4、使用線上檢核表。
功 5、觀看作業與檢核表回饋成績。
能 6、使用課業討論區。
7、觀看學習檔案。
二、網頁設計技能檢定課程活動設計
網頁設計技能檢定課程係以網頁設計課程目標與技能檢定術科內涵為 主之線上課程，針對術科實作提供老師旁白示範之網路線上資源，其內容 配合術科試題中的動作要求，逐一講解原理與實際操作，提供學生模仿練 習，學生可以同時享有聽覺及視覺管道之學習。除了方便教師進行教學活 動，同時也提供學生課後練習。
利用 Moodle 學習平台教學模組功能，配合課程目標設計各種線上資源 及學習活動如課業討論區、作業上傳、線上檢核表、數位教材錄影教學等，
以建構網頁設計技能檢定課程知識及技能，網頁設計線上課程一覽表如附 錄十一。線上課程依教學進度安排技能檢定規範說明、校園社團介紹網、
運動廣場連結網、國家公園介紹網、網路行銷購物網及電子相簿旅遊網等 五個主題單元，每個主題單元安排影像動畫技能、網站檔案架構、建置網 站相關網頁、修正首頁擊測試各網頁、分組練習及抽題練習等六個子單元 教學活動。校園社團介紹網主題單元內容一覽表如下表 4-2：
表 4-2 校園社團介紹網主題單元內容一覽表
Guitar_history.htm 網頁 Guitar_event.htm 網頁 Guitar_learning.htm 網頁
1、線上資源－數位教材錄影教學。
(一)實施流程
從主題單元教學開始，整個學習的歷程分為三個階段如下說明：
1、第一階段：引起動機與引導參與。
學習重心主要在教師，以主題大綱內容與數位教材引起學生 學習的動機與引導學生參與課程教學的活動，在技能學習的過程 中，透過數位教材與師生對話互動指出學習關鍵的特徵及提供示 範觀摩，最後以形成性作業測定學生實際技能操作問題，輔助數 位教材專家解題示範操作錄影教學、實作檢核表，幫助學生熟悉 解決問題的模式，以建立自我實際發展能力。
2、第二階段：以合作式學習為基礎，在可能發展區內建立潛在 發展能力。
學習重心在學習者與同儕之間，透過同儕互動與師生的對 話協助學生完成技能學習之水平遷移，並將學習任務記錄在教學 分組任務的紀錄單以培養學生負責任的態度與習慣，利用互評機 制讓學生進行反思及學習的遷移且也可培養學生正確欣賞別人 態度與習慣。
3、第三階段：以學生獨立解決問題的方式，建立自我鷹架。
透過自我獨立練習的教學活動，讓學生有機會反思將知識 技能內化，完成學習任務的轉移與達成精熟學習的目標。
(二)鷹架教學策略內涵
本課程利用 Moodle 系統中模組，設計數位教材錄影教學
、
分組任務 分派紀錄表、上傳作業、作業回饋訊息、線上檢核表等活動，課程提供之 鷹架支持功能如下表 4-3：表 4-3 網頁設計技能檢定課程鷹架教學內涵 課程學習網（http://elearn.ksvs.ttct.edu.tw/moodle/），登入帳號與課程密碼後，
出現個人線上課程首頁後如圖 4-2，學生可選擇丙級網頁設計學科線上測 驗課程或丙級網頁設計術科課程，進入個人課程後，可自由瀏覽主題大綱 內容與課程安排的學習活動內容。
圖 4-2 學習者個人線上課程首頁
以術科課程為例，本線上課程設有「使用者」、「課程活動分類」、「系 統管理」、「個人所參與課程」、「行事曆」等區塊，針對區塊內容說明如下：
(一)使用者區塊：可以觀看課程所有參與者資料，如課程老師與學生個人 資料與討論文章如圖 4-3 所示。
圖 4-3 使用者區塊中課程參與者資料
(二)課程活動分類：可以觀看課程所有的教學活動有作業、測驗卷、線上 資源、討論區。
1、作業：課程中安排動態評量的活動如圖 4-4。每一類題包含有形成 性作業、分組練習作業與抽題練習作業，以幫助學生建立自 我的鷹架。學生在課程進行中，透過網路上傳學習檔案，教 師可以下載作業檢查，了解學生學習的形況，並給予回饋的 訊息如圖 4-5。
圖 4-4 課程活動中動態作業評量
圖 4-5 作業繳交教師回饋訊息
2、測驗卷：課程中安排紙筆檢核表與線上檢核表，幫助學生找出學習 上錯誤的動作或迷失。課程在每一個類題中，依子單元進度 安排需要的線上檢核表，讓學生除課堂上使用檢核表外，可
2、測驗卷：課程中安排紙筆檢核表與線上檢核表，幫助學生找出學習 上錯誤的動作或迷失。課程在每一個類題中，依子單元進度 安排需要的線上檢核表，讓學生除課堂上使用檢核表外，可