《HTML5網頁設計》在線開放課程建設研究

陳 卿

（冀中職業學院 河北 定州 073000）

1 《HTML5網頁設計》在線開放課程建設意義

2015 年國家教育部發布了“關于加強高校網上開放課程應用與管理的意見”，提出建立具有中國特色的網上開放式課程體系和課程平臺。教育部于2018年召開新聞發布會，推出首批490門“全國優秀網絡開放課程”。由此可以看出，在線開放課程在教育部的鼎力支持下，發展迅速。在線開放課程建設不僅會進一步推動計算機信息技術與高校教育教學的深度融合，而且也必將促進中國網絡開放式課程建設與應用的深入發展。

在線開放課程的特色與優勢：（1）利用互聯網技術，在線開放課程不僅對教學內容進行改革，教學模式也得到了更新，教學方法也呈現多樣化，學習者在任何時間和空間可隨時獨立學習。（2）利用移動終端，筆記本電腦等智能化工具，學習者通過計網絡對在線課程進行學習，便于教師對學習者的學習進行動態監測，不但實現了教師與學習者的雙向溝通，而且有利于提升教師的教學效率。3.在線課程教學資源豐富，有課程大綱、教學計劃、視頻、PPT、測試題目、信息包等資源，這樣不僅能保證學習者有質量的學習，更重要的使能夠激發學習者的學習興趣。

《HTML5網頁設計》課程是我院計算機應用專業的專業核心課程，在整個網頁設計課程體系中的作用非常重要。該課程的設置為《移動應用開發》、《動態網站開發》、《JAVA高級編程應用》等后繼課程打下了堅實的基礎。目前網頁設計已經成為我院計算機應用專業的重點發展方向，把《HTML5網頁設計》這門課做成在線開放課程也必將納入學院的建設規劃。校內、外教師組成的專業教學團隊有豐富的教學經驗、責任心強、知識結構科學合理。我們的專業技術人員已經將網頁設計的主要知識點、技能點進行碎片化處理，有利于在線開放課程的建設和實施。

2 《HTML5網頁設計》在線開放課程建設教學內容

通過本課程的學習，學習者學會網頁創意，熟練應用編程語言，加強并提高美學、技術、交流、開發網頁項目的綜合能力。同時激發學習者的學習興趣，培養學習者自我約束、自我學習的能力，使學習者養成良好的學習習慣，為其今后的職業生活、繼續學習和終生發展奠定堅實的基礎。我們開展項目化教學，充分利用現代信息手段，在多媒體電子教室開展“教、學、做”一體化的項目化教學，精選課程資料包，發到藍墨云班課及教學網站，建立一系列微課發到微信群、微信公眾賬號等自媒體中，有益于學習者碎片化、移動化、自主化學習。

2.1 模塊化課程內容

我們將整個課程內容分為4個項目，每個項目分為多個模塊。每個模塊都是獨立的，可以在一定的方面獨立完成教學任務，具有獨特的獨立性；每個模塊之間的知識層是漸進的和相關的。

2.2 融入互聯網真實開發案例，開展項目化教學

將互聯網真實“搜狗影視”網站做為教學過程的一部分。依照實際工作流程，遵照學生的認知規律，將項目任務分解到各個教學模塊，構建完整的教學設計。

2.3 線上+線下的混合教學模式

借助課程網絡平臺，建設豐富的課程教學資源庫，開展線上+線下的混合教學，從一段時間開始，教學過程分為課前，課堂和課后階段。從空間的角度來看，它分為在線，離線和在線階段。從知識上講，它分為轉移，內化和再內化。課前線上自主學習、信息獲取，教師借助線上網絡學習平臺，指導學生學習，收集問題并及時反饋；課堂教學即線下教學，要解決學生在網上遇到的問題，應注重培養學生的實踐能力、知識轉移和應用能力。課后線上拓展提升，學生根據課堂教學內容，獨立完成教師留下的課后項目，對探究中遇到的問題進行整理，并發布到課程討論中，師生共同討論，達到對知識鞏固拓展與提升的目的。同時，教師借助平臺提供的教學監控和管理功能，掌握學生在線學習的內容和訪問次數、學習途徑、學習時間等，結合剖析結果，定向學習指導和監督。

2.4 教學采用“教、學、做”一體的方法

教學表現了“教師為主導，學生為中心，練習為主線”的原則。采用“教、學、做”一體的方法，采用項目化教學，教學項目分為課上教師指導項目和課下學時獨立完成項目，教學過程包括四個階段。

第1階段：項目引入，提出問題

教師展示項目，講解項目背景及具體要求，引導學生針對項目提出問題，并給出相應的解決方法。這樣可以使學習者有所收獲的同時，明確教學目標，更好的提升他們的學習動力。

第2階段：項目分析，明確目標

對項目進行分析，明確所講授項目的重點、難點，更好的明確知識目標和技能目標，找到解決問題的方法和措施。

第3階段：項目講析，解決問題

該項目被分解為若干子任務，在子任務的學習中，學習者學習知識，提升操作技能，最終完成整個項目的制作。在每節課結束前，指導學生進行總結本節課重點、難點和誤區。發現不足之處，及時查漏補缺。

第4階段：觸類旁通、自我提升

為了使學生可以運用所學知識，互相舉一反三，做出類似的參考，教師及時安排相關的課下學習項目。從而對所學知識進一步鞏固的同時，提高解決問題的能力，并且能夠觸類旁通、自我提升。

2.5 組織學生參加校內外技能大賽，激發學生學習熱情

在校內，定期舉行“學生作品設計大賽”，給學生搭建了交流學習的平臺，更好的展示自己；以賽促教，以賽促學，鼓勵學生參加全國和省高職院校技能大賽、全國高職高專創新創業大賽、“藍橋杯”全國軟件信息技術人才大賽及其他有影響力的軟件及信息技術專業賽事，以大賽為導向，突出職教特點，在培養學生專業技能的同時也提高了學生的心理素質。

3 《HTML5網頁設計》在線開放課程課程改革思路

課程主題設計改革：課程知識學習的主題，選擇學生喜聞樂見的在線網站作為仿站目標，以便更好的提高學習者的學習興趣。在課程中我們緊扣整體知識框架，增加課程的主題量，每個主題都緊密與實際網站相結合，最終使每個學習者在學習中受益匪淺。

討論參與度的提高：在課程評價中，通過對知識點設置討論點的方式，提高學習者的參與討論熱情。討論點的設置，不僅可以讓教師和學習者深度的互動，而且還有利于拉近彼此之間的心理距離，對學習者的學習也是一個很好的促進作用。

開展基于慕課的混合式教學：借助校內生產型實訓場所，采用“教、學、做”一體化的教學方法，讓學生掌握前端頁面開發的方法和技巧。充分利用現代信息手段，如：多媒體電子教室、籃墨云班課、微信群、微信公眾賬號、教學網站、電子郵箱等手段，完成課內課外，線上線下的教學變革。

評價方法的改革：目前的MOOC評價機制以學習者完成率作為評價指標。這種方法太單一了。我們可以將課程單元的完成率和課程完成率相結合，綜合測評學習者的學習情況。這樣可以更好的促進學習者堅持整個課程的學習，敦促他們完成學習任務。

4 結語

隨著計算機的發展，前端技術發展更為迅速，市場前端工程師職業非常緊缺，大前端的時代已經到來，需要更多更優秀的前端人才加入。在我們的課程體系中HTML5、CSS負責界面和框架搭建，JavaScript和jQuery語言負責頁面交互和數據渲染，在線課程從選題、技術、方法上都朝著最實用的方向發展。在校生、教師、企業員工、社會學習者運用云課堂和“河北省職教云平臺”，能學到一些對于HTML5網頁開發有益的內容。