《HTML5網(wǎng)頁設計》在線開放課程建設研究

陳 卿

（冀中職業(yè)學院 河北 定州 073000）

1 《HTML5網(wǎng)頁設計》在線開放課程建設意義

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

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

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

2 《HTML5網(wǎng)頁設計》在線開放課程建設教學內(nèi)容

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

2.1 模塊化課程內(nèi)容

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

2.2 融入互聯(lián)網(wǎng)真實開發(fā)案例，開展項目化教學

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

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

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

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

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

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

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

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

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

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

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

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

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

2.5 組織學生參加校內(nèi)外技能大賽，激發(fā)學生學習熱情

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

3 《HTML5網(wǎng)頁設計》在線開放課程課程改革思路

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

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

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

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

4 結(jié)語

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