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

陳 卿

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

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

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

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

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

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

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

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

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

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

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

2.3 線上+線下的混合教學(xué)模式

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

2.4 教學(xué)采用“教、學(xué)、做”一體的方法

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

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

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

第2階段：項目分析，明確目標(biāo)

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

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

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

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

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

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

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

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

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

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

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

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

4 結(jié)語

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