周錫玲

摘要：課程是職業(yè)院校人才培養(yǎng)工作的基礎(chǔ)，承擔(dān)著人才培養(yǎng)工作的核心功能，對(duì)保障人才培養(yǎng)質(zhì)量起關(guān)鍵作用?，F(xiàn)如今，課程建設(shè)總體水平不高，課程教學(xué)效果不優(yōu)仍然是職業(yè)院校普遍性的短板和瓶頸，亟待加強(qiáng)和改進(jìn)。結(jié)合本院校背景，本文深入分析了《HTML5編程技術(shù)》課程在實(shí)際教學(xué)過(guò)程中存在的不足，并提出了在教學(xué)過(guò)程中使用多種教學(xué)方式相結(jié)合的解決方案，從而激發(fā)學(xué)生的學(xué)習(xí)興趣，使教學(xué)效果更佳，并為新形勢(shì)下HTML5編程技術(shù)課程教學(xué)改革提供參考。

關(guān)鍵詞：教學(xué)效果;教學(xué)改革;HTML5編程技術(shù)

中圖分類號(hào)： TP311? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2021）03-0134-02

Abstract：Curriculum is the foundation of talent training in vocational colleges， which undertakes the core functions of talent training and plays a key role in ensuring the quality of talent training.Nowadays， the overall level of curriculum construction is not high and poor curriculum teaching effects are still common shortcomings and bottlenecks in vocational colleges， which urgently need to be strengthened and improved. Based on the background of our college， this paper deeply analyzes the shortcomings of the HTML5 Programming Technology course in the actual teaching process， and proposes a solution that combines multiple teaching methods in the teaching process to stimulate students' interest in learning and make The teaching effect is better， which can provide references for the teaching reform of HTML5 programming technology courses under the new situation.

Key words： teaching effect; teaching reform;HTML5 programming technology

1引言

隨著互聯(lián)網(wǎng)行業(yè)的持續(xù)發(fā)展，移動(dòng)互聯(lián)網(wǎng)等新業(yè)務(wù)不斷發(fā)展壯大，海量的平臺(tái)開發(fā)工作形成了巨大的人才缺口，尤其是Web前端、移動(dòng)端HTML5開發(fā)人才更為緊缺。隨著互聯(lián)網(wǎng)業(yè)內(nèi)競(jìng)爭(zhēng)的不斷加劇，企業(yè)平臺(tái)開始在界面友好性和操作方便性方面投入更多的精力，只有平臺(tái)更加人性化，才能吸引更多的用戶[1]。從現(xiàn)有技術(shù)體系來(lái)看，HTML5是Web前端開發(fā)的關(guān)鍵技術(shù)[2]，它具有進(jìn)化而非顛覆、化繁為簡(jiǎn)、良好的用戶體驗(yàn)等新特性，它的使用可以滿足各個(gè)平臺(tái)上技術(shù)的支持，也可以保障幾乎所有的主流瀏覽器都可以訪問(wèn)?！禜TML5編程技術(shù)》是我院計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)中前端開發(fā)方向的核心課程之一，該課程主要講解HTML5的新特性、HTML5的基本語(yǔ)法、CSS3的新特性、CSS選擇器、文本類網(wǎng)頁(yè)設(shè)計(jì)、圖文展示網(wǎng)頁(yè)設(shè)計(jì)、表單、畫布、音頻與視頻、響應(yīng)式Web設(shè)計(jì)、Bootstrap等知識(shí)點(diǎn)，通過(guò)該門課程的教學(xué)，旨在培養(yǎng)學(xué)生使用HTML5+CSS3開發(fā)出絢麗的網(wǎng)站的能力。

2 課程教學(xué)現(xiàn)狀分析

《HTML5編程技術(shù)》課程是我院計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)一直開設(shè)的課程，根據(jù)學(xué)生上課的平時(shí)表現(xiàn)以及對(duì)學(xué)生的考試結(jié)果進(jìn)行分析，得出該課程存在以下幾個(gè)方面的不足：1）學(xué)生綜合運(yùn)用所學(xué)知識(shí)解決實(shí)際問(wèn)題的能力還欠缺，過(guò)于依賴教師講解，需要進(jìn)一步培養(yǎng)其獨(dú)立思考的能力以及綜合運(yùn)用知識(shí)的能力;2）教學(xué)方法和手段亟待創(chuàng)新。雖然采用了項(xiàng)目式教學(xué)法，但教學(xué)過(guò)程中的實(shí)踐內(nèi)容設(shè)計(jì)還不夠完善，學(xué)生動(dòng)手能力有限，對(duì)教學(xué)質(zhì)量有一定影響;3）學(xué)生水平參差不齊，對(duì)于知識(shí)點(diǎn)的接受能力有所不同，少部分同學(xué)的學(xué)習(xí)積極性不高，學(xué)習(xí)氛圍不夠濃厚。

3 多種教學(xué)方法相結(jié)合在教學(xué)中的應(yīng)用

針對(duì)教學(xué)過(guò)程中存在的問(wèn)題，本文提出采用任務(wù)驅(qū)動(dòng)法+案例教學(xué)法+討論法相結(jié)合的教學(xué)方法。任務(wù)驅(qū)動(dòng)教學(xué)法是學(xué)生在教師的指導(dǎo)下，以一個(gè)共同既定任務(wù)為中心，自主解決問(wèn)題，利用已知的和可得到的資源，完成教師布置的任務(wù)[3]。案例教學(xué)法指將案例作為教學(xué)材料，結(jié)合教學(xué)主題，通過(guò)討論、問(wèn)答等師生互動(dòng)環(huán)節(jié)讓學(xué)習(xí)者了解與教學(xué)主題相關(guān)的概念或理論，并培養(yǎng)學(xué)生高層次能力的教學(xué)方法[4]。討論式教學(xué)方法是針對(duì)解決問(wèn)題，而逐漸發(fā)展起來(lái)的一種教學(xué)技巧，這種方法是通過(guò)學(xué)生以分組討論，或者共同討論的形式，解決問(wèn)題的一種方法[5]。

本文以《HTML5編程技術(shù)》課程中的“黑馬書城”網(wǎng)站設(shè)計(jì)為例說(shuō)明任務(wù)驅(qū)動(dòng)法+案例教學(xué)法+討論法相結(jié)合的教學(xué)方法在實(shí)際教學(xué)中的應(yīng)用。該教學(xué)方法主要分為以下幾個(gè)階段：利用信息化教學(xué)手段引導(dǎo)學(xué)生思考問(wèn)題，引出主題、采用案例教學(xué)法講解知識(shí)點(diǎn)、分組討論完成項(xiàng)目分析、項(xiàng)目實(shí)現(xiàn)、總結(jié)與評(píng)價(jià)、課后布置任務(wù)，鞏固練習(xí)。

1）利用信息化教學(xué)手段引導(dǎo)學(xué)生思考問(wèn)題，引出主題

在講解知識(shí)點(diǎn)之前，教師通過(guò)信息化教學(xué)手段，使用超星學(xué)習(xí)通等平臺(tái)發(fā)布與本堂課所講網(wǎng)頁(yè)設(shè)計(jì)知識(shí)點(diǎn)相關(guān)的討論，發(fā)布討論后，教師以一定的加分機(jī)制鼓勵(lì)學(xué)生積極參與討論，待學(xué)生提交答案后，抽取學(xué)生提交的答案進(jìn)行點(diǎn)評(píng)，針對(duì)精彩的留言，教師給予額外的加分，該過(guò)程可以充分調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性，激發(fā)學(xué)生的學(xué)習(xí)熱情。然后，教師根據(jù)項(xiàng)目描述來(lái)展示該項(xiàng)目要實(shí)現(xiàn)的效果，讓學(xué)生對(duì)需要完成的任務(wù)有一個(gè)直觀的感性認(rèn)識(shí)，接著引出完成該項(xiàng)目所需要的知識(shí)點(diǎn)。

2）采用案例教學(xué)法講解知識(shí)點(diǎn)

教師講解“黑馬書城”網(wǎng)站設(shè)計(jì)所涉及的知識(shí)點(diǎn)：常用圖像標(biāo)簽、CSS背景設(shè)置、CSS陰影和漸變，并通過(guò)小案例對(duì)每個(gè)知識(shí)點(diǎn)進(jìn)行舉例，通過(guò)舉例讓學(xué)生直觀地了解到知識(shí)點(diǎn)的具體應(yīng)用場(chǎng)景以及所產(chǎn)生的效果，讓學(xué)生自己能從案例中總結(jié)出本質(zhì)規(guī)律、并歸納出解決問(wèn)題的方法，以培養(yǎng)其解決實(shí)際問(wèn)題的能力。

3）分組討論完成項(xiàng)目分析

將班級(jí)成員根據(jù)水平將不同層次的學(xué)生搭配組成小組，由學(xué)習(xí)成績(jī)較好的同學(xué)擔(dān)任小組的組長(zhǎng)，每個(gè)小組完成相同的任務(wù)，該任務(wù)由各小組成員相互協(xié)作完成。打開黑馬書城網(wǎng)頁(yè)，安排每組學(xué)生在規(guī)定的時(shí)間內(nèi)對(duì)該網(wǎng)頁(yè)的頁(yè)面結(jié)構(gòu)、所使用的標(biāo)簽和CSS樣式進(jìn)行分析，由小組組長(zhǎng)記錄討論結(jié)果。討論結(jié)束后，由每個(gè)小組派出代表說(shuō)明項(xiàng)目分析活動(dòng)的結(jié)果，各小組之間進(jìn)行互相點(diǎn)評(píng)，最終，由老師給出評(píng)價(jià)。小組討論使得每個(gè)學(xué)生都參與其中，組員之間互幫互助，共同進(jìn)步，可以培養(yǎng)學(xué)生的溝通能力、表達(dá)能力、團(tuán)隊(duì)合作精神，激發(fā)學(xué)生的學(xué)習(xí)興趣，提高學(xué)生解決問(wèn)題的能力。此外，小組與小組之間由于存在競(jìng)爭(zhēng)的關(guān)系，因此可以更好地提高學(xué)生的學(xué)習(xí)積極性。

4）項(xiàng)目實(shí)現(xiàn)

實(shí)踐是教學(xué)過(guò)程中最重要的一個(gè)環(huán)節(jié)，只有通過(guò)實(shí)踐才能檢驗(yàn)學(xué)生對(duì)知識(shí)點(diǎn)的掌握情況。根據(jù)對(duì)“黑馬書城”網(wǎng)站的分析，要求學(xué)生在規(guī)定的時(shí)間內(nèi)獨(dú)自完成網(wǎng)站設(shè)計(jì)任務(wù)。在學(xué)生完成任務(wù)的過(guò)程中，教師走到學(xué)生中去為學(xué)生解答疑惑。在解決問(wèn)題的過(guò)程中，教師應(yīng)該避免直接告訴學(xué)生解決問(wèn)題的答案，而應(yīng)該引導(dǎo)學(xué)生思考出錯(cuò)的原因以及解決問(wèn)題的思路。通過(guò)獨(dú)立完成任務(wù)，培養(yǎng)學(xué)生解決問(wèn)題和綜合運(yùn)用知識(shí)的能力。

5）總結(jié)與評(píng)價(jià)

學(xué)生完成任務(wù)后，教師要及時(shí)地對(duì)學(xué)生完成任務(wù)的情況進(jìn)行總結(jié)和評(píng)價(jià)。歸納和總結(jié)學(xué)生在完成任務(wù)過(guò)程中值得借鑒或需要改進(jìn)的地方，引導(dǎo)學(xué)生進(jìn)行反思。針對(duì)學(xué)生在編寫代碼完成網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中遇到的問(wèn)題進(jìn)行分組討論，分析問(wèn)題出現(xiàn)的原因，避免學(xué)生在以后的實(shí)踐過(guò)程中犯同樣的錯(cuò)誤。與此同時(shí)，教師對(duì)學(xué)生在完成網(wǎng)頁(yè)過(guò)程中的代碼編寫、網(wǎng)頁(yè)效果等方面進(jìn)行綜合評(píng)價(jià)，讓學(xué)生對(duì)自己還需要改進(jìn)的地方有所了解。任務(wù)中可以進(jìn)一步完善的地方可以作為任務(wù)的拓展與提高，讓學(xué)生課后進(jìn)一步尋求解決方法。

6）課后布置任務(wù)，鞏固練習(xí)

知識(shí)的學(xué)習(xí)不能只停留在課堂上，課后的鞏固也是至關(guān)重要的?！禜TML5編程技術(shù)》課程是一門實(shí)踐性強(qiáng)的課程，只有通過(guò)不斷的練習(xí)，學(xué)生對(duì)知識(shí)點(diǎn)的運(yùn)用才能熟能生巧，學(xué)生的動(dòng)手能力才能得以提升。因此，針對(duì)能力水平層次不同的學(xué)生，教師應(yīng)該布置難易程度不同的課后作業(yè)，讓不同能力水平的學(xué)生在完成課后作業(yè)的過(guò)程中獲得成就感和滿足感。

4? 結(jié)束語(yǔ)

針對(duì)《HTML5編程技術(shù)》課程在實(shí)際教學(xué)過(guò)程中存在的問(wèn)題，本文進(jìn)行了改革探索，提出了任務(wù)驅(qū)動(dòng)法+案例教學(xué)法+討論法相結(jié)合的教學(xué)方法。通過(guò)以“黑馬書城”網(wǎng)站設(shè)計(jì)的教學(xué)過(guò)程為例可以得知，任務(wù)驅(qū)動(dòng)法、案例教學(xué)法、討論法貫穿整個(gè)教學(xué)的始終，體現(xiàn)了“做中學(xué)，學(xué)練結(jié)合，以練促學(xué)”的教改思路。通過(guò)該教學(xué)方法，可以突出學(xué)生的主體地位，培養(yǎng)學(xué)生主動(dòng)參與的意識(shí)，激發(fā)學(xué)生的求知欲，培養(yǎng)學(xué)生的團(tuán)隊(duì)合作意識(shí);通過(guò)布置難易程度不同的課后作業(yè)，可以培養(yǎng)學(xué)生獨(dú)立思考問(wèn)題和解決問(wèn)題的能力，學(xué)生通過(guò)完成作業(yè)可以獲得成就感和滿足感，繼而更加激發(fā)他們的學(xué)習(xí)熱情。本文提出的多種教學(xué)方法相結(jié)合的教學(xué)方法相信可以給我院的HTML5課程改革提供一定的指導(dǎo)意義。

參考文獻(xiàn)：

[1] 黑馬程序員.響應(yīng)式web開發(fā)項(xiàng)目教程（HTML5+CSS3+Bootstrap）[M].北京：人民郵電出版社，2019.

[2] 焦新偉.HTML5在WEB前端開發(fā)中的應(yīng)用研究[J].網(wǎng)絡(luò)安全技術(shù)與應(yīng)用，2020（4）：73-75.

[3] 宋積滿.任務(wù)驅(qū)動(dòng)教學(xué)法在計(jì)算機(jī)應(yīng)用基礎(chǔ)教學(xué)中的應(yīng)用[J].信息與電腦（理論版），2019，31（21）：250-251，254.

[4] 史小平.以案例教學(xué)法為核心的高職學(xué)生自主學(xué)習(xí)能力培養(yǎng)途徑探析[J].湖南工業(yè)職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2017，17（4）：115-118.

[5] 趙宏池.討論式教學(xué)法在思想政治課程標(biāo)準(zhǔn)與教材分析中的運(yùn)用[J].科學(xué)咨詢，2020（33）：123.

【通聯(lián)編輯：李雅琪】