1、基于MOOCs的網頁設計課程教學模式研究李蓉，周維柏（華南師范大學增城學院計算機系， 廣州 511363）摘要：網頁設計技術眾多，開發工具復雜，傳統的教學方法只能做非常初步的介紹，距離靈活運用網頁設計技能還有相當一段距離。而MOOCs可以有力推動知識傳承類的學習，非常適合網頁設計課程的教學。因此本文探討MOOCs教學模式在網頁設計課程中的運用，我們采用前3周老師講授網頁設計的基本概念，后12周學生分組自主學習，圍繞自己組的作品專題有針對性的學習，最后2周學生對作品進行互評。平臺的資源由老師和學習匯聚而成。關鍵詞：MOOCs，網頁設計，教學模式中圖分類號：G642 文獻標志碼：A網頁設計課程包含

2、客戶端、服務器端、數據庫以及網絡傳輸諸多技術概念。網站的開發包含系統規劃、評估系統、搜尋引用現有組件及技術、以及調試過程的除錯分析。這些過程很難在課堂講授的過程中進行，在課堂教學過程中也很難訓練學生程序開發所需的規劃、分析、思考能力?，F行學校教學模式所具備的能力與企業的實際需求還有很大差距1。而使用網絡教學可打破時空限制，以專題開發為主軸，輔助相關參考在線教程，進行實際網站系統開發，這樣能培養學生構思規劃，自我學習，靈活運用的能力。也能體會到整個網站設計的實際設計過程，讓學生了解到網站開發的困難以及設計過程應注意的細節。因此本文探討MOOCs教學模式在網頁設計課程中的運用，以此提升學生學習效率

3、，提高學生自主學習的積極性。一、 網頁設計課程教學現狀網頁設計課程在我院大一第二學期開設，學生對于網頁設計所需的語言、開發環境、以及設計概念并不熟悉，其中涉及的內容繁多，課堂的時間無法對這些內容做詳細的介紹，即使把相關技巧介紹給學生，學生也不一定能熟練地在設計過程中運用。事實上，專業設計人員亦不需對相關技術都完全了解熟悉，他們并不一定熟悉所有相關的程序設計語法與設計技巧，但卻能根據需要靈活處理客戶所需功能，這就是問題導向式的學習。但現在的大學網頁設計課程的教學卻正好相反，還是以前說教式的教學模式。二、MOOCS教學模式2012年省高等學校教學質量與教學改革工程專項資金資助、華南師范大學增城學院

4、校級項目資助、廣東省自然科學基金MOOCs是一種新型的教學模式，2008年加拿大學者Dave Cormier和Bryan Alexander提出的。MOOCs綜合運用了人本化學習、掌握學習、建構主義學習、程序教學及有意義學習等理論2。MOOCs課程的基本原則為3：匯聚。在我們傳統教學中學習內容有主講老師提前準備好，而MOOCs課程的內容大部分是通過網頁形式聚合，以提供給課程的使用者，是動態匯聚的。學習者則根據自己的需要、興趣選擇所要學的內容。混合。學習者通過網絡撰寫博客、論壇討論、微博、QQ日志等，將課程內容和課外知識相互混合，將自己的有關資源和課程資源混合。轉用。MOOCs課程不是讓學習者重

5、復課程已有內容，而是鼓勵學習者基于課程已有知識，根據自己的理解和想法撰寫出新的內容，供后來者參考。推動分享。學習者應該把自己的新資源、新觀點、新見解分享給其他學習者，課程協調者把這些內容中有價值的部分聚合到課程資源中。三、基于MOOCs的網頁設計課程教學模式的設計1. 平臺的設計根據MOOCS的主要理念，我們以共享、匯聚、協作、自主為原則，設計本課程的學習系統。系統平臺的前臺界面如圖1。平臺只是一個基本框架，大部分內容由學生自己補充，課題組協調人對學生的新資源、新看法進行聚合，對價值不大的進行刪除。圖1 平臺的主界面（1）課程在線教材與平臺互動功能設計網頁設計課程不管是紙質書籍還是網絡教程都相

6、當豐富、琳瑯盲目。對學習者而言，困擾的不是缺乏參考資料，而是相關資料太多，不知從何下手，亦不清楚要參考那些知識和技術。因此我們自己編寫了以概念為主的內部參考資料，同時為學生推薦了一本參考書。除教材外，我們的平臺提供了多樣的學習互動功能，如討論區、每周話題、作業研討、網絡測試、作品互評、學習筆記的評價等。善用這些功能可增進師生之間、學生之間的互動，可增進學生網絡學習的動機，由平臺雙向的互動功能，老師可了解學生的學習狀況和想法，同學之間也可以相互了解學習進程，互相激勵。透過學生作業互評，讓學生們相互觀摩，這樣迫使學生重視自己所設計開發的作品，了解其他學生的創意，深度挖掘自己的潛力，思考自己作品的創

7、意，從而做出比較炫酷的網站?？偠灾?，本平臺功能設計以符合學習者自學模式為原則。（2）資源中心的設計我們的系統要對每個學生的整個學習過程中的全部學習行為進行自動記錄下來，而學生在線學習的相關數據匯集起來是非常大的，課程資源也是相當大的，因此我們采用云存儲技術來存儲數據。資源由教學團隊和學習者共同提供，學習者可把一些新技術和優秀的插件上傳到資源中心，供其他同學學習，學習者還可以把好的網站或資源鏈接發到平臺中。課程協調者對學生上傳的數據進行審核，對不好的要刪除，對好的要加以推廣。除了課程資源，學院數字圖書與課程相關資源也是我們MOOCs資源中心的重要組成部分。（3）視頻的設計把課程分章節，每節分成

8、若干個基本教學單元，以基本教學單元錄制視頻，每個視頻控制在8分鐘以內。通過后期制作和網頁技術，在視頻中插入課件、插件和動畫，以及專門為視頻制作的表格、提示和各種協助課程內容的相關輔助音像資料，同時視頻還嵌入小測試、編寫程序作業、課程討論問題等，采用闖關學習的模式，只有按教師要求完成一個基本教學單元，測試并通過后才能觀看下一個視頻，進行下一個基本教學單元的學習。并在視頻中嵌入相關背景材料，方便學生延展知識?？傊@種短視頻方式，方便學習者按主題學習，而不感覺疲憊。2.教學設計本方法的教學機制如圖2。導師團隊主要起協調、指導作用，以學習者為中心，學習者圍繞學習中心，互動，提供資源。教學采取采用混合式

9、教學的模式和案例導向式的課程設計。圖2 本方法的教學機制（1）采用混合式教學的模式把視頻和老師講解混合。課程主講采用網絡集中視頻授課的在線教學方式。參與課程學習的學生還能獲得本地教師的個性化授課和輔導。此外參與該課程的助教團隊會根據課程內容的要求提前錄制好相應的視頻上傳到網絡平臺上供學生集中學習討論。學習環境的混合。我們的方法將課堂教學環境、網絡教學活動環境、網絡施教環境、網絡討論環境、網絡互評環境有機結合4。老師在教學過程中，可發布話題、問卷調查、專題等活動，調動學生學習的趣味性和主動性。學生可寫學習感受、心得，而且學生的整個學習活動都被存儲在系統中，學生隨時可查看，這便于學生復習、總結。學

10、習方式的混合。充分利用平臺的力量，將網絡互助自主學習同老師面授有機混合，小組內部協作學習、進行討論，共同為完成一個目標而學習。同時小組之間也可以討論，請教問題。（2）案例導向式的課程設計網頁設計有許多專業的要求，搭配不同的領域應用需求，可產生多樣的設計框架，配合相關技術有許多精彩的開發模式。但常規教學方法要在課程快結束時才接觸到。而且這時學生往往覺得老師講得太深，學生容易失去信心，沒心思去深入了解、研究。在實際的開發過程中，即使資深的開發人員也常碰到許多不了解的技術和概念，此時，了解此技術的好心同仁也只會給你一個方向，讓你自己去摸索。而現在網頁開發技術在飛速發展，就算是有經驗的開發人員在不同的

11、系統開發過程中，都會碰到許多全新的技術挑戰。而現在的大學里，不少同學都依賴于老師教授的內容，變得越來越被動。這樣的學習態度很難應付現代企業苛刻的職場要求。因此我們的課程在第一周就把本學期的大作業題目提供給學生，前3周把基礎的原理做簡單介紹，后面大部分課程以專題開發為主，老師在此階段將不進行統一講課，只是回答學生疑惑，指導學生，了解每個學生開發的進度。而學生碰到全新的技術挑戰時，主要是借助平臺相應模塊的視頻教學，也可向老師詢問。專題向導式教學可促進學生的學習動機，并在開發過程中碰到問題時，給予學習的方向。3.教學的實施我們這門課的教學周為17周，前3周由教師對課程任務做總體布置，并對網頁設計的基

12、本概念做簡單介紹，第四周開始由學生進行自主學習。學生首先自由組合，每組最多不超過3人，由小組討論，選擇自己的最終的題目，然后圍繞這個題目進行網站的設計，當面臨新的技術時，學生自己上平臺或互聯網搜索并學習。期中老師對每組的作品進行檢查，指出不足的地方，那些地方需繼續改進，那些地方不行，需重新設計，哪些地方值得發揚。期末時，每組學生把自己的作品放在平臺上，供其他組別的學生進行互評。四、考核方法的改進1.考核標準本課程采用的評價標準如表1。每個組可根據此標準，評價其他組別的作品，評分結果在網上提交，并公示在平臺上，有異議的可向課程協調人反映。表1 考核評價標準一級指標二級指標設計內容（20分）1.

13、內容健康，符合主題（5分）2.能夠清晰表達設計意圖（5分）3.知識體系結構完整（制作內容全面）（10分）設計結構（35分）1.結構清晰、布局合理、整體結構有連貫性（10分）2.導航明確、瀏覽方便（5分）3. 欄目劃分與內容組織合理（5分）4.頁面標題清晰（5分）5.首頁是否使用index命名（5分）6.整個網站的命名是否含中文（包括圖片名）（5分）設計藝術性（20分）1.整體風格一致、色彩搭配合理、和諧、頁面美觀（10分）2.頁面元素的制作美觀使用（5分）3.充分利用多媒體技術（5分）創意與技術（25分）1.內容有創意（5分）2.頁面具有個性化設計風格、觀賞性好（5分）3.圖片和文字原創性（5

14、分）4.網頁圖片經過優化（5分）5.網頁能夠適應各種分辨率（5分）2. 具體實施 采用MOOCs的同伴互評模式，學生在提交作業后按照標準互相評分，最終由課程協調人進行審核生成最終成績。通過同伴互評，不僅解決了MOOCs大規模課程學習的作業批改問題，更關鍵的是在互評過程中，學習者可以通過觀看同學的作業，實現思維火花的碰撞，獲得新的靈感，達到互相學習，延展知識邊界的目的。五、總結我院通過2年來的實踐，學生普遍反映良好，學生水平一屆比一屆高，作品一屆比一屆有優秀，學生作品在選送參加中國大學生計算機設計大賽中，獲得的成績一屆比一屆好。在“慕課”浪潮席卷之下，我們大學教師應對現有教學進行反思，對現有教學模式進行探索、研究，這有助于推動教師角色的轉變，從一個講授者、講解者真正變為學習的激勵者、啟發者，學習也將變得更加有效。參考文獻：1 葉麗萍.任務驅動式教學法在網頁設計課程中的應用研究J. 計算機光盤軟件