基于游戲化學習理念對高職網頁設計課程的影響

張琳琳 董錫臣

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

關鍵詞：職業(yè)教育；網頁設計；游戲化學習

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

1?研究背景

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

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

2?游戲化學習理念

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

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

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

3?將游戲化學習理念引入網頁設計課程

3.1?游戲化學習在網頁設計課程中的具體實施方案

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

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

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

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

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

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

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

3.2?游戲化學習反饋

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

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

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

4?游戲化學習理念對網頁設計課程的影響

經過實踐教學，總結出游戲化學習理念對網頁設計課程的影響主要有四個方面：

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

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

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

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

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

結語

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

參考文獻：

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

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

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

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

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

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