基于游戲化學(xué)習(xí)理念對高職網(wǎng)頁設(shè)計課程的影響

張琳琳 董錫臣

摘?要：在信息技術(shù)和互聯(lián)網(wǎng)經(jīng)濟高速發(fā)展、新興產(chǎn)業(yè)層出不窮的時代背景下，國家及企業(yè)對Web前端技術(shù)工程師的需求也隨之加大，與此同時對前端開發(fā)人員也提出了更高的要求，因此提高網(wǎng)頁設(shè)計課程的教學(xué)質(zhì)量、培養(yǎng)高素質(zhì)前端人才尤為重要。結(jié)合高職院校學(xué)生特點，在實踐中總結(jié)游戲化學(xué)習(xí)理念對網(wǎng)頁設(shè)計課程的影響，找到適合高職學(xué)生學(xué)習(xí)的方法，實現(xiàn)培養(yǎng)高素質(zhì)技能型人才的目標(biāo)。

關(guān)鍵詞：職業(yè)教育；網(wǎng)頁設(shè)計；游戲化學(xué)習(xí)

職業(yè)教育在我國教育體系中有著舉足輕重的地位，近年來國家給予了一系列政策傾斜與資金支持。當(dāng)前，全國高職院校、技工院校數(shù)量以及學(xué)生人數(shù)達到了歷史最高，畢業(yè)生的就業(yè)率也穩(wěn)步提升。于2022年5月1日開始執(zhí)行的新修訂的職業(yè)教育法中明確提出職業(yè)教育應(yīng)與普通教育有著同等重要的地位，是我國國民教育體系的重要部分［1］。

1?研究背景

隨著信息技術(shù)的不斷發(fā)展，身處信息時代的我們對信息技術(shù)帶來的變化感受頗深。信息技術(shù)的應(yīng)用已經(jīng)滲透到人類社會的方方面面，無論是工業(yè)制造，還是人們的生活都隨時隨地享受著信息技術(shù)帶來的方便與快捷，如：生產(chǎn)線上機械臂的精準(zhǔn)操作；優(yōu)化人們消費行為、改變消費習(xí)慣的網(wǎng)絡(luò)購物；盤活社會上各種閑散資源的共享經(jīng)濟；慕課、AR、VR、智慧交通、智能家居等。可以說離開了信息技術(shù)，人類將寸步難行。面對如此高速發(fā)展的互聯(lián)網(wǎng)經(jīng)濟，社會對高素質(zhì)、高技能的計算機網(wǎng)絡(luò)技術(shù)人才的需求也逐年遞增，因此，越來越多的學(xué)生選擇高職計算機網(wǎng)絡(luò)技術(shù)專業(yè)。

學(xué)生人數(shù)的增加、高質(zhì)量計算機人才的培養(yǎng)目標(biāo)都給職業(yè)院校的教學(xué)帶來更大的挑戰(zhàn)。職業(yè)院校生源復(fù)雜，其中包括參加學(xué)校的單獨招生考試的學(xué)生、中高職貫通生、成績不理想的高考生，這樣一個特殊的群體必然存在底子差、學(xué)習(xí)興趣低、學(xué)習(xí)能力弱、自控能力不強、難以管教等問題［2］。然而這些學(xué)生中的大部分又有著非常鮮明的個性特征，愛玩，喜歡新鮮、刺激，具有冒險精神，對自己喜歡的事愿意花時間、花精力去追求。計算機網(wǎng)絡(luò)技術(shù)專業(yè)本身專業(yè)性強，對學(xué)習(xí)者的要求比較高，學(xué)生應(yīng)具有較強的學(xué)習(xí)能力、實踐操作能力以及縝密的邏輯思維能力，這給計算機專業(yè)的教學(xué)帶來巨大壓力。其次，學(xué)生不同的學(xué)習(xí)背景也為高職教師的實際授課帶來一定的困難，尤其是專業(yè)課教學(xué)，中高職貫通生在中專階段已經(jīng)學(xué)習(xí)掌握了部分專業(yè)知識技能，而單招生和高考生對于本專業(yè)的知識技能都屬于零基礎(chǔ)，因此教師在授課過程中不但要保證零起點授課，還應(yīng)在每節(jié)課增加相應(yīng)的拓展知識以滿足部分有基礎(chǔ)學(xué)生的學(xué)習(xí)。如何調(diào)動學(xué)生的主觀學(xué)習(xí)意愿，讓其學(xué)有所得，實現(xiàn)共同進步，一直是高職計算機專業(yè)在教學(xué)上努力要實現(xiàn)的目標(biāo)。

2?游戲化學(xué)習(xí)理念

為了更好地發(fā)揮職業(yè)教育在中國教育體系的重要作用，結(jié)合職業(yè)院校學(xué)生特點，多年來職業(yè)院校一直致力于教育教學(xué)改革。目前，多數(shù)職業(yè)院校的教師在教學(xué)過程中已很少使用“填鴨式”的講授教學(xué)法了，尤其是一些敢于創(chuàng)新的年輕教師，擅長運用多種教學(xué)手段、教學(xué)方法來豐富課堂，吸引學(xué)生。從教學(xué)過程中采用多種方式啟發(fā)學(xué)生思維，引導(dǎo)其積極主動加入課堂、參與互動，輕松快速地掌握知識要點，適用于所有課程的啟發(fā)式教學(xué)法；到利用有代表性的真實事件，讓學(xué)生思考、分析案例，再互相探討、研究，得出結(jié)論，使學(xué)生從自己的思考或別人的觀點中得到啟示，進而豐富自己的知識，完成了理論到實踐的轉(zhuǎn)化的案例式教學(xué)；再到教師發(fā)布項目任務(wù)，學(xué)生按要求圍繞任務(wù)學(xué)習(xí)相關(guān)知識，并在教師的協(xié)助下完成任務(wù)，典型的以學(xué)生為中心、主體，教師引導(dǎo)學(xué)生主動學(xué)習(xí)、積極探索、合作互助解決問題的任務(wù)驅(qū)動教學(xué)法；以及教師根據(jù)教學(xué)內(nèi)容提出要解決的問題，學(xué)生分小組討論出結(jié)果，最后由教師總結(jié)并運用相關(guān)知識解決問題，教學(xué)過程中實現(xiàn)了教學(xué)相長目的的討論教學(xué)法等，可謂是百花齊放，游戲化學(xué)習(xí)也是眾多教學(xué)手段中的一種。

游戲化學(xué)習(xí)理念由來已久，20世紀70年代美國的一些教育研究者想利用在教學(xué)中引入電子游戲等元素來激發(fā)學(xué)生學(xué)習(xí)興趣，提高學(xué)習(xí)效率，以解決當(dāng)時美國教育質(zhì)量滑坡、學(xué)生不認真學(xué)習(xí)等問題；教育家孔子也認為“好之者不如樂之者”。可見無論是在中國還是西方國家都認為興趣是最好的老師，只有寓教于樂，讓學(xué)生體會到學(xué)習(xí)的快樂，才能激發(fā)學(xué)生的興趣，從而主動獲取知識。高職學(xué)生雖然底子差、自學(xué)能力弱、自律性不強，但處于人生最青春的年紀的他們熱愛生活、興趣廣泛、好勝心強。游戲化學(xué)習(xí)正是利用了學(xué)生們的這些性格特點，將教學(xué)與游戲完美有機地結(jié)合，使原本枯燥的學(xué)習(xí)變得有意思起來，最大程度地讓學(xué)生專注于課堂、積極探索，最終掌握知識技能［3］。

傳統(tǒng)的游戲化教學(xué)法主要是在教學(xué)過程中融入游戲的元素，例如將游戲加進教學(xué)的某個環(huán)節(jié)，輔助教學(xué)，活躍課堂。多數(shù)國內(nèi)外的研究都是針對于少年兒童對游戲化教學(xué)的反饋，并獲得了較好的效果。由此可見，在課堂上融入游戲元素更適合少兒階段，考慮高職學(xué)生大多處在17～22歲這個年齡，單純地在課堂上玩一個小游戲不足以引起他們的興趣，本文所指的游戲化教學(xué)理念是指模擬游戲的形式組織教學(xué)活動，可以是課堂中的某一個或幾個任務(wù)以游戲的形式展現(xiàn)，甚至是將整節(jié)課設(shè)計為一個大型游戲，讓課堂變得既輕松又有趣。游戲形式可以是多樣的，如闖關(guān)模式、排位賽模式等。此類模擬游戲形式的學(xué)習(xí)方式既融合了小組討論學(xué)習(xí)法以及任務(wù)驅(qū)動法的特點，又兼具了游戲的趣味性，并且利用競賽機制，使學(xué)生最終掌握相應(yīng)專業(yè)技能。

3?將游戲化學(xué)習(xí)理念引入網(wǎng)頁設(shè)計課程

3.1?游戲化學(xué)習(xí)在網(wǎng)頁設(shè)計課程中的具體實施方案

網(wǎng)頁設(shè)計課程是隨著萬維網(wǎng)的飛速發(fā)展而誕生的一門培養(yǎng)Web前端工程師的核心課程。互聯(lián)網(wǎng)經(jīng)濟的蓬勃發(fā)展推動了我國乃至全球經(jīng)濟的不斷轉(zhuǎn)型，新興產(chǎn)業(yè)爆炸式增長，國家對Web前端人才的需求不斷增大。無論是企業(yè)門戶網(wǎng)站的開發(fā)，還是移動端APP界面的設(shè)計制作都離不開前端技術(shù)，因此前端就業(yè)前景廣闊。網(wǎng)頁設(shè)計課程主要讓學(xué)生掌握Web前端開發(fā)的核心技術(shù)，并能熟練使用HTML5、CSS3、JavaScript等技術(shù)開發(fā)靜態(tài)網(wǎng)頁，具備調(diào)試以及維護網(wǎng)頁的能力。這門課理論與實踐并重，采用哪種教學(xué)手段，選取什么樣的項目案例，如何引導(dǎo)學(xué)生自主學(xué)習(xí)理論知識部分，并合理運用相關(guān)理論解決實際問題，完成實際項目，這些都是教師在教學(xué)過程中面臨的問題。

一門課可以采用多個教學(xué)法，可以根據(jù)實際授課內(nèi)容選擇恰當(dāng)?shù)慕虒W(xué)手段。就網(wǎng)頁設(shè)計課程來說，前半部分多是基礎(chǔ)理論知識，系統(tǒng)性不強，教師在授課時可根據(jù)實際情況選擇啟發(fā)式、任務(wù)驅(qū)動式等適合的教學(xué)法進行講授；后半部分因為有了相關(guān)知識做基礎(chǔ)，學(xué)生可以完成從網(wǎng)頁的設(shè)計、網(wǎng)頁結(jié)構(gòu)的搭建到整個網(wǎng)頁的制作這樣的大型項目，教學(xué)手段就可以更豐富、靈活一些。相對復(fù)雜一點的網(wǎng)頁由于網(wǎng)頁中每個部分、每個區(qū)域的制作都需要足夠的細心，網(wǎng)頁上文字的大小、各元素間的距離、頁面背景的顏色、圖片擺放的位置等，一絲一毫的偏差都可能使渲染出來的網(wǎng)頁的效果不盡如人意。盡管網(wǎng)頁項目的成品讓學(xué)生頗有成就感，但長期枯燥的、千篇一律的學(xué)習(xí)方式也很快會讓學(xué)生失去耐心和熱情，所以游戲化學(xué)習(xí)非常適合此時的網(wǎng)頁設(shè)計課程教學(xué)。

本文以我院2021級計算機網(wǎng)絡(luò)技術(shù)專業(yè)學(xué)生為實驗對象，在網(wǎng)頁設(shè)計與制作實踐部分的教學(xué)中引入游戲化學(xué)習(xí)理念，實踐課的要求是學(xué)生要在4個課時的時間里制作完成一個綜合項目。

模型一：闖關(guān)游戲。教師在課前將一個完整的網(wǎng)頁制作項目拆解為多個任務(wù)，按先易后難的原則設(shè)置多個游戲關(guān)卡，將網(wǎng)頁的架構(gòu)設(shè)計設(shè)置為第一關(guān)，網(wǎng)頁的頁眉部分、頁腳部分、文檔內(nèi)的區(qū)域的制作按難度設(shè)置為第二關(guān)、第三關(guān)……學(xué)生按學(xué)情（小組成員應(yīng)保證涵蓋各個層次的學(xué)生，優(yōu)、良、中、差）、人數(shù)（每組大約5～6人）合理劃分成六個小組，組成闖關(guān)小團隊，再按游戲關(guān)卡的難易程度分配合適的時間，每個關(guān)卡限時大約15～30分鐘，只有在規(guī)定的時間內(nèi)完成任務(wù)并達到預(yù)期效果才能積滿分（滿分5～10分），否則按實際完成情況積合適的分值，任務(wù)全部完成積分最高的小組取得勝利。

模型二：小組PK賽游戲。將學(xué)生分成兩個小組，讓其自主選擇網(wǎng)頁主題、自主設(shè)計網(wǎng)頁風(fēng)格，在規(guī)定的時間內(nèi)完成整個網(wǎng)站/網(wǎng)頁（教師給出網(wǎng)站/網(wǎng)頁架構(gòu)、提出要求）的制作，根據(jù)頁面完成的質(zhì)量、用時長短由教師評選出優(yōu)勝者。

模型三：個人排位賽。小型項目任務(wù)可以采取個人排名賽的模式，在規(guī)定的時間內(nèi)完成的網(wǎng)頁作品均可參加排名（否則沒有資格參加排名），由全體學(xué)生根據(jù)作品展示投票得出名次。

獲勝小組、優(yōu)勝團隊成員和個人賽排名前十都可以得到額外的平時分加分并在系內(nèi)甚至學(xué)校內(nèi)部公開展示其網(wǎng)頁作品。當(dāng)然也可以設(shè)計其他合理的游戲模型，模式越豐富，學(xué)生越感興趣，教學(xué)效果也就越好。這種游戲化的教學(xué)方法打破了原來相對乏味的教學(xué)模式，既可以讓學(xué)生主動學(xué)習(xí)，掌握網(wǎng)頁設(shè)計與制作的重點知識技能，又利用學(xué)生好勝心強的特點，使學(xué)生不僅僅滿足于完成網(wǎng)頁的制作，還會為了贏得比賽想方設(shè)法制作出更精美的網(wǎng)頁。

3.2?游戲化學(xué)習(xí)反饋

游戲化學(xué)習(xí)在實際實施過程中也發(fā)現(xiàn)了一些問題，比如以小組團隊這種方式PK，總會有濫竽充數(shù)的學(xué)生，不付出就享受到了團隊的勞動果實，這違背了在課程中引入游戲化學(xué)習(xí)理念的初衷。為了解決這一問題，要求項目作品中必須包含每名小組成員獨立完成的部分（能力不足以完成任務(wù)的學(xué)生，小組成員可采取互幫互助、教師提供技術(shù)指導(dǎo)的方式實現(xiàn)共同進步），項目的具體實現(xiàn)由每部分負責(zé)人進行闡述，否則取消團隊參賽資格。

游戲模型的設(shè)計在實際教學(xué)中還應(yīng)不斷更新，再新鮮、奇特的手段，長時間的固化不變，學(xué)生也會產(chǎn)生倦怠。游戲模式若比較單一，不但花費了大量的時間，投入了大量的精力，又沒有達到預(yù)期的教學(xué)效果，就使這種游戲化學(xué)習(xí)變得毫無意義。其次，教師要把握整個游戲在課堂實施的節(jié)奏，既不能使學(xué)生在規(guī)定的時間無法完成任務(wù)，也不能讓學(xué)生在短時間內(nèi)就完成了游戲任務(wù)，出現(xiàn)大段的課堂空白時間，讓學(xué)生無所事事。因此要選擇對學(xué)生來說難易適中的項目案例，學(xué)生的分組也要優(yōu)、良、中、差互相搭配，實現(xiàn)教學(xué)的全覆蓋。

游戲的獎勵機制對于教學(xué)活動的順利開展也起到十分重要的作用，不管是平時分的獎勵機制還是校內(nèi)展示對學(xué)生都有激勵作用，除了優(yōu)秀項目團隊可以獲得獎勵外，其他團隊也應(yīng)給予一定的鼓勵獎勵，以此提高學(xué)生的積極性。

4?游戲化學(xué)習(xí)理念對網(wǎng)頁設(shè)計課程的影響

經(jīng)過實踐教學(xué)，總結(jié)出游戲化學(xué)習(xí)理念對網(wǎng)頁設(shè)計課程的影響主要有四個方面：

一是對教學(xué)形式的影響，同樣是學(xué)生主體、教師主導(dǎo)的教學(xué)形式，但相比于其他諸如啟發(fā)式、案例式教學(xué)法，游戲化學(xué)習(xí)更加突出了學(xué)生在整個教學(xué)活動中的主體地位，真正做到了讓學(xué)生充分利用課堂時間獨立思考，完成項目任務(wù)。

二是對學(xué)生的影響，原本要學(xué)習(xí)的“無聊”的知識技能以游戲的模式展現(xiàn)出來，新鮮感、好奇心以及強烈的勝負欲促使他們專注于任務(wù)項目。為了解決網(wǎng)頁制作過程中遇到的困難，主動查找資料、請教老師，很好地延長了有效課堂的時間，同時也讓學(xué)生在愉快的氛圍中輕松地掌握了目標(biāo)知識技能，進而改變他們的學(xué)習(xí)習(xí)慣，這種改變不僅僅體現(xiàn)在學(xué)習(xí)網(wǎng)頁設(shè)計相關(guān)知識上，也潛移默化地影響了學(xué)生對所有知識的學(xué)習(xí)，甚至是未來的工作態(tài)度；以小組、團隊競賽的方式完成學(xué)習(xí)任務(wù)，每個人的表現(xiàn)都將影響著整個團隊的排名，為了團隊的榮譽，大家比其他任何時候都更認真地對待任務(wù)，這也培養(yǎng)了學(xué)生們的團隊合作精神。在每一位小組成員的努力下完成大型綜合網(wǎng)站的設(shè)計與制作，也增強了學(xué)生們的信心，對以后的學(xué)習(xí)也產(chǎn)生了積極正向的影響。

三是對教師的影響，看似輕松完美的課堂呈現(xiàn)必將是教師課下投入的大量的時間和精力，根據(jù)教學(xué)內(nèi)容設(shè)計合適的項目、再根據(jù)項目案例匹配適合的游戲模型、學(xué)生的分配、課堂節(jié)奏的把控、學(xué)生的配合程度、預(yù)期效果等都需要授課教師做好充分的準(zhǔn)備，課后及時進行教學(xué)反思，根據(jù)課堂效果以及學(xué)生的狀態(tài)調(diào)整不合理的地方。

職業(yè)院校復(fù)雜的生源要求職業(yè)院校的教師不但要精通本專業(yè)的知識，具備豐富的企業(yè)工作經(jīng)驗，面對不同層次的學(xué)生還需因材施教。實際上高職計算機網(wǎng)絡(luò)技術(shù)專業(yè)師資力量不足，教師的專業(yè)水平參差不齊，主要原因是計算機知識更新速度快，為了不使實際教學(xué)與企業(yè)需求脫軌，要求教師需要不斷地充電學(xué)習(xí)。另外，職業(yè)院校福利待遇偏低，又有著復(fù)雜且困難的職稱評聘制度，面對企業(yè)的高薪，大多數(shù)計算機網(wǎng)絡(luò)技術(shù)人才更愿意到企業(yè)工作，而非學(xué)校任教［4］。因而每位計算機專業(yè)的教師實際承擔(dān)的教學(xué)任務(wù)都比較重，在教學(xué)中引入游戲化學(xué)習(xí)理念，采用游戲化教學(xué)無疑加大了教師們的工作量。

四是對教學(xué)效果的影響，無論采用什么樣的教學(xué)方法，最終的目的都是想獲得更好的教學(xué)效果，讓學(xué)生最大程度地掌握相關(guān)知識技能，將來進入職場能夠?qū)W以致用。網(wǎng)頁設(shè)計課程和計算機專業(yè)的其他課程相比，由于可以制作出精美炫酷的網(wǎng)頁，本身就比較吸引學(xué)生，教學(xué)效果也更好。在課程中引入游戲化學(xué)習(xí)后，學(xué)生不但能夠按老師的要求完成項目任務(wù)，掌握相應(yīng)技能，還為了能制作出更完美的作品，主動學(xué)習(xí)、拓展知識技能，使教學(xué)效果加倍。

結(jié)語

課堂教學(xué)是學(xué)生學(xué)習(xí)技能知識、鍛煉動手能力、培養(yǎng)綜合職業(yè)素養(yǎng)的重要組成部分，只有恰當(dāng)?shù)慕虒W(xué)方式才是保證教學(xué)質(zhì)量的有效途徑。游戲化學(xué)習(xí)理念同樣適用于其他項目化教學(xué)的課程。面對基礎(chǔ)薄弱、自律能力差的高職學(xué)生，教師要不斷地鼓勵學(xué)生，培養(yǎng)他們對知識精益求精的品質(zhì)，使其逐步成為高素質(zhì)、高技能型人才。

參考文獻：

［1］黃亞宇.修訂《職業(yè)教育法》為職業(yè)教育高質(zhì)量發(fā)展提供法治保障［J］.職業(yè)技術(shù)教育，2022（12）：1.

［2］孫芃.“三教”視域下高職機械專業(yè)基礎(chǔ)課改革途徑研究［J］.科技世界，2022（4）：141142.

［3］閻亭宇.游戲教學(xué)法在中職語文課堂的運用和實踐——以四川省閬中師范學(xué)校為例［D］.四川師范大學(xué)，2020.

［4］龔良彩，梁廣洪.高職計算機專業(yè)編程語言教學(xué)方法的改革［J］.數(shù)字通信世界，2021（9）：232233.

項目來源：黑龍江省教育科學(xué)研究規(guī)劃重點課題，《游戲化教學(xué)法在高職計算機類課程上的創(chuàng)新應(yīng)用與研究——以網(wǎng)頁設(shè)計課程為例》（課題編號：ZJB1422312）

作者簡介：張琳琳（1982—?），女，漢族，黑龍江哈爾濱人，理學(xué)碩士，講師，研究方向：計算機應(yīng)用技術(shù)、高職計算機類教學(xué)；董錫臣（1973—?），男，漢族，黑龍江哈爾濱人，理學(xué)、工學(xué)雙學(xué)士，教授，研究方向：計算機科學(xué)與技術(shù)。