基于MOOC平臺《網頁設計與制作》在線課程建設與應用探討

夏 維

湖南石油化工職業技術學院，湖南 岳陽 414000

在“互聯網 +”交互實踐教育理念的指導下，建設全民終身學習課程平臺是實現教學資源共享的重要途徑，在高職院校中引入在線開放課程，有利于將網絡資源充分運用常規教學，有利于拓展學生學習效率與質量，幫助教師更好完成相關的教育目標與任務。在線開放課程的建設與實施，轉變了教師傳統的教育教學觀念，改革教學內容，更新教學模式，創新課程評價考核機制，是當前職業教育對教師提出的新的要求。

一、基于智慧職教MOOC學院平臺的網頁設計與制作開放課程創建

《網頁設計與制作》以智慧職教MOOC學院為線上開放課程平臺，在教學過程中充分運用線上資源，進行“線上+線下”混合式教學模式開展教學。

學生登陸MOOC學院平臺后，注冊成為本學校賬戶，通過老師發布的課程鏈接或掃二維碼加入《網頁設計與制作》課程。進入課程后，學習既可以在電腦上邊學邊操作，亦可通過手機，借助互聯網不受時間空間限制進行課程學習。

在MOOC學院，學生可以根據整個課程教學進度，進行自主學習。學習資源配套線下環節進行設計，有課程PPT、顆粒化微視頻、項目練習及作業，遇到學習的難點還可以在網上與老師進行實時互動。學生所有學習的軌跡系統都會根據實際情況進行學習學分的記錄，教師可以線上或線下公布在線學習成績，對難點共性問題進行討論和解答，提高學生學習效果。

二、《網頁設計與制作》開放課程教學資源創建

根據本專業人才培養方案及課程標準，圍繞“以學生為中心”的教育理念，通過深度挖掘案例中思政元素，將思政教育充分融入網頁設計教學任務，增強專業課程的人文情懷，將《網頁設計與制作》課程做以下單元重構。

（一）教學單元重構

任務1網頁策劃起步以“中國共產黨成立100周年”為案例展開，體現思政元素政治品德，讓學生牢記歷史，增強愛國主義情懷。

任務2網頁的基本頁面實現以“心中的最美人物”案例展開，體現思政元素職業道德，培養學生明確“守信、守則、守規、守藝、守拙”五守行為，達到自我教育、踐行職業道德的成效。

任務3運用HTML5的新標簽以“敬業樂業，忠于職守”案例展開，響應黨的十八大提出的加速發展現代職業教育，培養學生的職業操守、職業素養、職業道德，讓學生具備遵法守紀、崇德向善的優良品質。

任務4構建網站層疊樣式表講述網頁中的表現層技術，以“本土區域景點介紹”為案例展開，體現思政元素“傳統文化”的學習，培養大學生的愛國情懷。

任務5設置文本、背景與列表樣式以“愛護生命，保護野生動物”為案例展開。思政目標為培養學生愛護生命、保護大自然，節約自然資源的意識。

任務6運用盒子模型布局網頁以“秦嶺生態環境保護網”案例展開，培養學生具備遵法守紀、崇德向善的優良品質，加強生態環境內涵的理解，提升環保意識。

任務7運用影音多媒體主要講解多媒體對象以“中國抗疫精神展開”案例展開。抗疫精神，是在抗擊新冠肺炎中形成的眾志成城抗擊疫情的精神。通過網頁視頻圖片及文本的宣傳培養學生先鋒責任意識，自覺參與新冠疫情防護，從我做起，促使他們成為建設健康中國的積極踐行者。

任務8設計表單以“魅力家鄉建設”為案例展開，思政目標為培養學生擔負起保護家鄉心態環境的主體責任意識，自覺參與魅力家鄉環境保護建設，從我做起，培養家國情懷，強化責任擔當，促使他們成為建設美麗中國的積極踐行者。

任務9運用特殊效果以“家庭和睦，感念親恩”為案例展開，思政目標為培養學生具備尊老愛幼關愛父母傳統美德。感恩教育直接影響當代大學生的成長以及高校人才的培養質量，培養大學生的感恩意識，幫助他們樹立正確的人生觀價值觀，激發他們的社會責任感。

（二）教學資源建設

教學資源分為以下幾大塊：章節主題思政元素文檔、教學PPT、教學微視頻、思政元素素材、作業測試等。思政元素文檔讓學生了解本單元思政主題，學習并收集主題相關思政元素，培育和踐行社會主義核心價值觀，讓學生隨著課堂進程的開展，自然而然地接受符合中國特色的核心價值觀的教育；教學PPT與線下教學內容相匹配，學生可以分章節，分小節獲取知識要點，配合其他資源，完成學習任務。其他資源包括網站鏈接、顆粒化的微視頻的學習、作業等；思政案例及項目實訓素材資源是學生進行實訓操作的重要資源獲取途徑，包括源文檔、文本、圖片、動畫、視頻、聲音等。素材選取要與微課相匹配，同時要注意分類標簽的統一，以便后期進行資源整理及線上課程的構建；項目實訓及作業資源的練習是學生自我檢驗自己最近這段學習的成果，是發掘潛質、提升認知的重要組成部分。

三、網頁設計與制作教學策略

基于校企深度合作，校企雙師共同執教，實行“雙主體、雙身份、雙導師、雙課程和雙證書”培養模式。教學中基于翻轉課堂為教學理念，采用任務驅動教學方法，校企共建教學案例庫，創設學習情境，以“論、探、練、思、評”五環節組織教學，實現了職業教育“做中教、做中學、做中悟”的教學理念，達到教學目標。

策略一：思政主題為引領。每一個文本內容提煉出一個思政主題，進行網頁設計教學和能力培養的同時，開展思政素養的集中培養。

策略二：以任務驅動為教學手段。以企業真實案例為任務展開教學，能為學生提供體驗實踐的情境和感悟問題的情境，以任務的完成結果檢驗和總結學習過程等，改變學生的學習狀態。［1］

策略三：以學生為中心教師為根本開展教學。教師作為課堂的引導者，在課前發布預習任務，學生通過線上MOOC資源學習對任務知識有初步的了解，在討論區或留言板提出知識疑點，讓教師提前了解學生的知識盲區；課中通過預習難點剖析、任務的實施、小組討論，教師答疑，優秀作品展示等多種教學形式激學生內在的學習動力，讓學生成為課堂的主導者，在任務實施過程中培養學生團隊協作能力，嚴謹細致的代碼思維參力，敬業、精益、專注、創新的工匠精神。

策略四：課程設計自我開發網站為考核評價手段之一。課程最后兩周，學生利用課余時間，綜合運用所學的基本理論、專業知識和基本技能，對所學課程進行一次全面復習與應用，開發主題靜態網站，提高學生分析與解決本專業問題的能力及獨立工作的能力。

四、“線上+線下”混合式教學實施

現以“運用盒模型布局網頁”中“元素的浮動與定位”為教學內容，具體實施過程如下：

（一）課前

在MOOC平臺中，教師發布學習任務和要求，學生通過查看MOOC中教學資源，明確學習要求、任務內容和目標，提前自主學習本堂課的知識點和技能點。老師提前收集學生學習的問題和難點，課堂實施環節將有針對性地去解決。

（二）課中

課中分為五個過程，即按照“論”“探”“練”“思”“評”的工作流程進行開展教學。

◆過程一：討論

以小組為單位，進行在線學習情況匯報；教師現場對學生調研的問題進行總結，采用啟發式教學方法或小組學習匯報的形式，引出本課程的知識。

思政融入點：教師結合課前的資料，以“生態環境保護網”中“當好生態衛士”“環保志愿行動示范活動舉行”為案例進行案例描述及案例展示。

思政目標：培養嚴謹的學習態度和實事求是的工匠精神，培養學生樹立“保護生態環境是責無旁貸”的正確觀念。

◆過程二：探究

本堂課知識點包括元素的浮動屬性的使用、浮動屬性的清除、溢出處理。教師根據教學內容及教學目標設計案例“守護綠水青山 當好生態衛士”頁面制作，將課堂內容與思政教育緊密結合。

操作技能包括知識點一：設置box浮動；知識點二：清除浮動，掌握清除的應用；知識點三：over flow溢出屬性，對應案例環保志愿行動示范活動舉行頁面。

思政目標：“守護綠水青山 當好生態衛士”，思政元素的傳遞用來幫助學生加深對習近平總書記提出的“強化公民環境意識，把建設美麗中國化為人民自覺行動”的理解。在任務講解和演示的過程中，強調前端開發工程師需要嚴謹細致的代碼思維及代碼規范，遇到編碼錯誤時要具備耐心、專注的思想意志。

◆過程三：實訓（任務練習）

任務實施分小組進行，在代碼編寫過程中，學生可查看任務微課視頻，任務指導書，在教師指點及同學團隊合作解決調試中存在的問題，培養學生分析問題解決問題的能力。如碰到無法解決的問題，可以拍照上傳至學習通中答疑區，通過多種交互式的學習，加深學生對難點認識，突破難點。教師巡回關注掌握學生技能動態和思維動態，意在爭取最大程度滲透職業素養思政教育。

思政目標：培養學生嚴謹、一絲不茍的治學態度，專注的思想意志，精益求精、追求卓越的工匠精神。使學生在學習技能的同時，樹立積極向上的人生觀和價值觀。

◆過程四：思考

師生探討任務中的共性問題，進行歸納總結。集思廣益，翻轉課堂，讓學生當小老師，對問題進行難點分析，激發學習內動力，教師在此過程中進行經驗的分享，幫助學生順利突破重難點，達到教學目標。

思政目標：培養學生分析問題，解決問題的能力，激發學生學習的熱情。

◆過程五：評價

利用藍墨云班課平臺，采用多元化評價方式，如組內自評、組間互評、教師連同企業綜合評價的方式進行評價。學生彼此交流心得，學會表達，分享成功的喜悅。

思政目標：培養學生綜合運用本技能的能力及作品設計中創新的能力。

（三）課后

布置主題相關的拓展任務，如建設美麗校園從我做起，垃圾分類、環境治理等綠色環保頁面的制作，鞏固專業技能點。

思政目標：學生深刻認識到作為大學生應該積極參與生態文明建設，并親力親為，以身作則，自覺愛護大自然，更加積極地保護生態環境，把個人行為與國家戰略相結合。

五、網頁設計與制作評價

本課程考核采用形成性考核方式，總評成績由形成性考核的各項成績組成，全面考核學生的動手能力、基礎理論和平時學習狀況。［2］

線上考核主要通過學生在MOOC學院學習軌跡來進行考核，學習軌跡主要體現在學習微視頻、課程PPT，完成項目案例、作業及測試成績。針對課程開設期間學生線上活動的參與度、學習任務達成情況，師生互動交流情況作出全方位的客觀評價，線上考核占總成績的30%。

線下考核主要為課堂實踐考核+課后實踐考核+單元測試占30%+項目實訓考核占40%。

六、《網頁設計與制作開放》課程創新及不足

（一）《網頁設計與制作》開放課程創新點

1.案例多元化

在進行課程重構與任務分配時，立足學院“五德教育”即政治品德、職業道德、人文雅德、社會公德、家庭美德為基點，考慮思政主題、素材，融合專業課程知識點，教學案例涵蓋文化、家鄉、環保、學校、政務、職業等多個領域，網頁主題突出、頁面美觀，學生學習興趣濃厚。［3］

2.思政融合化

思政教育像潤物無聲的春雨般融入每個案例，思政元素與知識點、素材深度融合，使課程專業知識的學習、能力培養和社會主義核心價值觀的塑造形成協同效應。在制作網頁過程中潛移默化地進行思政教育，讓學生樂于接受，正能量得到有效傳播。［4］

（二）網頁設計與制作開放課程不足

1.課件講解視頻的吸引力不足

《網頁設計與制作》線上微課，盡管把握了知識碎片化、時間控制5～10分鐘，有教師人物出鏡這些基本原則，但教師的出鏡僅在于片頭片尾中。整個課堂的呈現以教師錄屏軟件錄制好課程內容為主，再合成片頭片尾中。這樣的課程呈現比較呆板，缺乏親和力和吸引力。

2.教學資源呈現互動性不強

教學資源沒有設計響應性交互。學生只能通過文字視頻來學習教學內容，不能與教師產生及時的互動。學生在MOOC平臺進行自主學習可以隨時隨地，但遇到問題只能留言于討論區或留言區，而教師不能做到及時反饋，這樣時效性就沒有得到有效管控，學生的疑慮得不到及時的解決，降低了學習的興趣。

總而言之，為了更好地服務高校教育教學改革，實現課堂創新，利用信息技術更新教育理念、變革教育模式，努力打造一批優質在線課程并實現教學應用與共享。