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

夏 維

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

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

一、基于智慧職教MOOC學院平臺的網(wǎng)頁設計與制作開放課程創(chuàng)建

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

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

在MOOC學院，學生可以根據(jù)整個課程教學進度，進行自主學習。學習資源配套線下環(huán)節(jié)進行設計，有課程PPT、顆?；⒁曨l、項目練習及作業(yè)，遇到學習的難點還可以在網(wǎng)上與老師進行實時互動。學生所有學習的軌跡系統(tǒng)都會根據(jù)實際情況進行學習學分的記錄，教師可以線上或線下公布在線學習成績，對難點共性問題進行討論和解答，提高學生學習效果。

二、《網(wǎng)頁設計與制作》開放課程教學資源創(chuàng)建

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

（一）教學單元重構

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

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

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

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

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

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

任務7運用影音多媒體主要講解多媒體對象以“中國抗疫精神展開”案例展開?？挂呔瘢窃诳箵粜鹿诜窝字行纬傻谋娭境沙强箵粢咔榈木瘛Ｍㄟ^網(wǎng)頁視頻圖片及文本的宣傳培養(yǎng)學生先鋒責任意識，自覺參與新冠疫情防護，從我做起，促使他們成為建設健康中國的積極踐行者。

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

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

（二）教學資源建設

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

三、網(wǎng)頁設計與制作教學策略

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

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

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

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

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

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

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

（一）課前

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

（二）課中

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

◆過程一：討論

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

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

思政目標：培養(yǎng)嚴謹?shù)膶W習態(tài)度和實事求是的工匠精神，培養(yǎng)學生樹立“保護生態(tài)環(huán)境是責無旁貸”的正確觀念。

◆過程二：探究

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

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

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

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

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

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

◆過程四：思考

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

思政目標：培養(yǎng)學生分析問題，解決問題的能力，激發(fā)學生學習的熱情。

◆過程五：評價

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

思政目標：培養(yǎng)學生綜合運用本技能的能力及作品設計中創(chuàng)新的能力。

（三）課后

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

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

五、網(wǎng)頁設計與制作評價

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

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

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

六、《網(wǎng)頁設計與制作開放》課程創(chuàng)新及不足

（一）《網(wǎng)頁設計與制作》開放課程創(chuàng)新點

1.案例多元化

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

2.思政融合化

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

（二）網(wǎng)頁設計與制作開放課程不足

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

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

2.教學資源呈現(xiàn)互動性不強

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

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