郭麗萍++高光++劉會會

摘要：在分析了《HTML5程序設(shè)計》的課程地位和特點的基礎(chǔ)上，針對該課程在教學工作中存在的問題，從教學方法、教學內(nèi)容、教師自身、課外輔導、考核方式等方面對《HTML5程序設(shè)計》課程教學改革進行了探討，旨在提升該課程的教學效果，為學生帶來更好的學習體驗。

關(guān)鍵詞：HTML5；教學改革；課堂教學

中圖分類號：G642 文獻標識碼：A 文章編號：1009-3044（2017）30-0153-02

Research on Curriculum Teaching Reform of "HTML5 Programming"

GUO Li-ping1， GAO Guang2，LIU Hui-hui1

（1.School of Computer Science and Technology of Zhoukou Normal University， Zhoukou 466001， China； 2.School of Network Engineering of Zhoukou Normal University， Zhoukou 466001， China）

Abstract： On the analysis of the status and characteristics of the HTML programming course， aiming at the problems in the course teaching， the paper discussed the teaching reform of "HTML5 programming" from teaching methods， teaching content， teachers own problem， instruction after class， evaluation methods. It aimed at enhancing the teaching effect and providing better learning experience for students.

Key words： html5； teaching reform； classroom teaching

1 概述

HTML5是超文本標記語言（HTML）的第五次重大修改版本。HTML5設(shè)計之初是為了在移動設(shè)備上支持多媒體，從而擺脫對Flash等插件的依賴。HTML5提供了很多新特性，包括：語義元素、網(wǎng)頁多媒體、繪圖及特效、CSS3、本地存儲、設(shè)備兼容特性等。隨著HTML5技術(shù)和移動應用開發(fā)的迅速發(fā)展，前端開發(fā)工程師逐漸變成一個緊俏的崗位。為了契合當前社會需求，本著培養(yǎng)應用型技術(shù)技能型人才的辦學理念，在最新版的2016年人才培養(yǎng)方案中，《HTML5程序設(shè)計》被選作本校計算機科學與技術(shù)學院軟件工程專業(yè)的一門專業(yè)必修課程，該課程上承《網(wǎng)頁設(shè)計》課程，下啟《HTML5移動應用開發(fā)》課程，在整個課程體系中起到了承上啟下的作用。然而，在實際教學過程中，《HTML5程序設(shè)計》課程存在一些亟待解決的問題。

2 《HTML5程序設(shè)計》課程地位

《HTML5程序設(shè)計》是軟件工程專業(yè)的一門專業(yè)必修課程，屬于移動應用開發(fā)方向的課程。該課程安排在大二上學期，是對大一下學期的《網(wǎng)頁設(shè)計》課程的進一步學習，同時，又為大二下學期的《HTML5移動應用開發(fā)》課程提供了一個很好的開端，具有非常重要的銜接意義。

作為移動應用開發(fā)方向的一門基礎(chǔ)課程，《HTML5程序設(shè)計》課程緊緊貼合當前時代需要，為學生提供Web前端設(shè)計與開發(fā)的一些基本理論和前沿知識，為學生走向社會后和企業(yè)單位的實際需求順利接軌起到很好的鋪墊作用。HTML5課程融合了HTML、CSS、CSS3、JavaScript等一系列內(nèi)容，旨在培養(yǎng)能夠熟練掌握HTML5、CSS3等前端開發(fā)技術(shù)的應用型人才。

3 《HTML5程序設(shè)計》課程存在問題

在實際教學過程中，筆者發(fā)現(xiàn)《HTML5程序設(shè)計》課程存在一些問題，主要表現(xiàn)在授課方式、課程內(nèi)容、教師自身水平、課外輔導、考核方式等方面。

3.1 授課方式

傳統(tǒng)的課堂教學一般采用以教師為中心、以傳授知識為目的的教學形式，從而形成了教師單向灌輸、學生被動接受的局面。在這一過程中，學生的主體性沒有得到體現(xiàn)。對于教師課上講授的理論知識，學生只是被動的記憶和機械地練習，不能深入理解知識點在實際工作中的應用情況?！禜TML5程序設(shè)計》作為一門應用性較強的課程，從目前來看，如果僅僅采用傳統(tǒng)的課堂教學方式，不僅不能充分調(diào)動學生的學習積極性，學生最終學到的知識也非常有限。

3.2 課程內(nèi)容

筆者在教學過程中參考了很多《HTML5程序設(shè)計》相關(guān)教材，大部分教材只是把新增語義標簽、多媒體元素、canvas繪圖、地理定位、離線Web應用、Web存儲等內(nèi)容簡單地羅列出來，每個章節(jié)里設(shè)置一些簡單的案例，案例之間缺乏關(guān)聯(lián)性，學生學習了一個知識點之后無法和其他知識點聯(lián)系起來，無法在腦海中形成知識網(wǎng)絡(luò)。其次，課程內(nèi)容缺乏核心案例，學生無法深入體會知識點的應用，無法和公司的實際工作要求相匹配。

3.3 教師自身問題

據(jù)筆者了解，本學院的青年教師都具有碩士以上學位，理論知識水平普遍較高。然而，受限于現(xiàn)在的招聘機制，很多青年教師從高校畢業(yè)后直接進入“大學教師”角色，沒有經(jīng)歷過企業(yè)的歷練，擁有完整的項目經(jīng)歷的人較少。在教授偏理論性的課程時，問題不是太明顯。在教授應用性較強的課程時，尤其涉及以項目帶動教學的環(huán)節(jié)，這部分教師往往由于自身經(jīng)驗不足，不能很好地對知識進行擴展，也就無法很好地為學生起到指引作用。

3.4 課外輔導endprint

在大學教學工作中，大部分教師除了課堂教學時間之外，在課余時間和學生聯(lián)系的較少。對于應用性較強的科目，學生只靠課堂學習的知識很難提升綜合運用所學知識的能力。合理的課外輔導能有效提升學生學習效率，增強學生的綜合能力和創(chuàng)新能力，增進師生交流。

3.5 考核方式

目前，《HTML5程序設(shè)計》課程考核方式采用平時成績和理論成績相結(jié)合的方式。其中，平時成績占30%，期末考試成績占70%。這種考核方式只能反映出學生對基本理論、基礎(chǔ)知識的掌握情況，無法科學地反應學生平成的學習情況、綜合運用所學知識的能力以及實踐創(chuàng)新能力。

4 《HTML5程序設(shè)計》課程教學改革探討

針對《HTML5程序設(shè)計》課程存在的問題，本文從教學形式、教學方法、教學內(nèi)容、教師水平等方面進行了探討。

4.1 教學形式和教學方法改革

傳統(tǒng)的課堂教學方式過于單一，已經(jīng)不能滿足像《HTML5程序設(shè)計》這類應用性較強的課程的上課需求。在教學過程中，教師可以綜合運用多種教學形式和教學方法對課堂教學進行改革。

首先，在課程學習的初級階段，教師重點講解HTML5新增元素、HTML5表單、多媒體元素、文件操作、Canvas繪圖、CSS3等內(nèi)容的基本用法。對于這些比較基礎(chǔ)的知識點，可以采用傳統(tǒng)的課堂教學方式，結(jié)合簡單的小案例對知識點進行鞏固練習。該階段主要以講授法為主，輔以任務(wù)驅(qū)動教學法；其次，在課程學習的中期階段，學生已經(jīng)對基本的知識點有了一定的掌握和理解，教師可以讓學生自由結(jié)合成學習小組，為每個小組分配項目，學生以小組的形式進行分工合作，在教學過程中穿插項目，以項目帶動教學，加深學生對知識的理解，課堂教學可以是以小組代表對項目進行闡述的方式進行；最后，在課程學習的最后階段，要求每個人獨自完成一個項目，該項目應該涵蓋課堂學習的主要知識點內(nèi)容，并且包含一定的學生自學內(nèi)容。該階段重點培養(yǎng)學生的自學能力和綜合運用所學知識分析問題和解決問題的能力。

4.2 教學內(nèi)容改革

《HTML5程序設(shè)計》作為《網(wǎng)頁設(shè)計》課程的一個延伸，它主要包含了HTML5新增元素和屬性、多媒體、Canvas繪圖、CSS3、地理定位、離線Web應用、Web存儲和文件操作等內(nèi)容。在教《HTML5程序設(shè)計》的過程中，筆者翻閱了很多HTML5程序設(shè)計的相關(guān)教材。教材內(nèi)容普遍存在知識點比較零散、缺乏核心實例、實例之間缺乏關(guān)聯(lián)性的問題，這就造成了學生在學習時不能把所學知識連貫起來。所以，在教學內(nèi)容方面，首先，教師不能“一本教材走天下”，可以參考多本教材，盡量把知識點串聯(lián)起來；其次，教師需要設(shè)計核心實例，通過核心實例盡可能讓前后知識點之間建立起關(guān)系，從而幫助學生對整個學習過程有更深入的理解，不僅僅培養(yǎng)學生的專業(yè)素質(zhì)，更重要的是培養(yǎng)學生分析問題、解決問題、對知識融會貫通的能力。

4.3 提升教師自身水平

《HTML5程序設(shè)計》課程是一門偏向應用的課程，教師僅僅擁有一些理論知識是遠遠不夠的。為了更好的服務(wù)學生，為學生提供更好的引導作用，教師可以利用假期時間到企業(yè)去進修或者參加暑期的短期培訓，增加項目經(jīng)驗、不斷提升專業(yè)能力。在教學過程中，能夠更好地以項目帶動教學，從實際工作應用角度出發(fā)，給學生提供更好的課堂教學素材和案例。

4.4 課外指導改革

傳統(tǒng)的教學方式中，教師除了上課時間和上機實驗時間之外，和學生的交流很少?，F(xiàn)在，借助于互聯(lián)網(wǎng)的飛速發(fā)展，教師完全可以通過網(wǎng)絡(luò)實現(xiàn)和學生的零距離交流。課外指導方面，建議從以下幾個方面著手：首先，充分利用網(wǎng)絡(luò)學習空間平臺，學習空間為教師和學生提供了一個溝通的平臺，教師可以通過學習空間為學生布置作業(yè)、批改作業(yè)、答疑解惑等，學生也可以在學習空間給老師留言。其次，隨著移動互聯(lián)網(wǎng)的興起，移動端也成為學生學習的一個很好平臺。教師可以把重難點內(nèi)容做成十分鐘以內(nèi)的小視頻，學生通過手機等移動設(shè)備，利用平時的碎片化時間就可以對主要的知識內(nèi)容進行復習和鞏固。

4.5 考核方式改革

課程考核不僅能夠督促學生學習，還能檢測學生的學習成果。目前，《HTML5程序設(shè)計》課程采用的平時成績和期末考試成績相結(jié)合的考評方式，不能科學地反應學生平成的學習情況和學習水平。為了促進學生學習的積極性，本著兼顧對學生的知識、能力、素質(zhì)進行全面檢測考核的原則，本文提出一種更加科學的考核方式：出勤占20%、項目實踐占40%、期末考試成績占40%。和之前的考核方式相比，這種考核方式增加了項目實踐部分，且占比40%。這樣能夠有效督促學生積極參與到平時的項目實踐中，從而增加了學生的動手編碼能力和應用所學基本理論知識解決實際問題的能力。

5 總結(jié)

針對《HTML5程序設(shè)計》在本校軟件工程專業(yè)中的定位，從教學實際出發(fā)，針對目前教學中存在的問題，從教學形式、教學方法、教學內(nèi)容、教師自身水平、課外指導方式、考核方式等方面給出了一些改革建議，希望能夠?qū)Α禜TML5程序設(shè)計》課程的教學工作起到一定的幫助作用。

參考文獻：

[1] 趙大偉，陳剛. Web前端開發(fā)技術(shù)人才培養(yǎng)模式研究[J]. 電腦知識與技術(shù)，2015，11（24）：109-110.

[2] 張漣漪. 基于網(wǎng)站前端設(shè)計的《網(wǎng)頁設(shè)計》課程教學改革初探[J]. 武漢工程職業(yè)技術(shù)學院學報，2017，29（1）：76-79.

[3] 張玉清，賈巖，雷柯楠，等. HTML5新特性安全研究綜述[J]. 計算機研究與發(fā)展，2016，53（10）：2163-2172.endprint