高職網(wǎng)頁設(shè)計課程有效課堂研究

洪麗華 李明玉

摘 要：網(wǎng)頁設(shè)計課程是高職院校計算機網(wǎng)絡(luò)技術(shù)及相關(guān)專業(yè)的核心專業(yè)課程。該課程重點學(xué)習(xí)Web前端開發(fā)的基礎(chǔ)知識，是掌握網(wǎng)絡(luò)開發(fā)技能的重要組成部分。本文探討高職網(wǎng)頁設(shè)計課程有效課堂的應(yīng)用，以提升學(xué)生的學(xué)習(xí)積極性，增強自主學(xué)習(xí)能力，從而培養(yǎng)高素質(zhì)技能人才。

關(guān)鍵詞：有效課堂? ? 網(wǎng)頁設(shè)計? ? 游戲教學(xué)法? ? 項目驅(qū)動

課? 題：本文系黑龍江省教育科學(xué)研究規(guī)劃重點課題“游戲化教學(xué)法在高職計算機類課程上的創(chuàng)新應(yīng)用與研究——以網(wǎng)頁設(shè)計課程為例”（課題編號：ZJB1422312）的研究成果。

網(wǎng)頁設(shè)計課程的特點是注重對學(xué)生動手能力的培養(yǎng)，因此在教學(xué)過程中如何調(diào)動學(xué)生的學(xué)習(xí)積極性、培養(yǎng)學(xué)生的自主學(xué)習(xí)能力和增強學(xué)生的動手能力是檢驗教師教學(xué)能力的關(guān)鍵。

一、網(wǎng)頁設(shè)計課程有效課堂的設(shè)計原則

網(wǎng)頁設(shè)計課程是一門大多數(shù)學(xué)生都比較感興趣的課程，但是隨著知識量的增加以及項目難度的不斷提升，一部分基礎(chǔ)較弱的學(xué)生容易出現(xiàn)倦怠情緒。

網(wǎng)頁設(shè)計課程還要求學(xué)生具備一定的英語基礎(chǔ)，對剛剛接觸程序設(shè)計的學(xué)生來說有一定的難度，因此，如何根據(jù)課程特點以及學(xué)生的實際情況制訂切實可行的教學(xué)計劃、使用行之有效的教學(xué)方法就成了教師必須下功夫研究，并不斷改進的重要課題。其中，提升課堂的有效性是網(wǎng)頁設(shè)計課程的教學(xué)設(shè)計非常重要的一項內(nèi)容。

筆者結(jié)合多年教學(xué)實踐經(jīng)驗以及教學(xué)研究，認(rèn)為網(wǎng)頁設(shè)計課程的有效課堂設(shè)計應(yīng)該遵循以下幾個原則。

（一）寓教于樂

由于高職院校學(xué)生普遍學(xué)習(xí)主動性較差，單調(diào)枯燥的學(xué)習(xí)方式很難激發(fā)他們的學(xué)習(xí)熱情，因此在進行教學(xué)設(shè)計時應(yīng)該以寓教于樂為原則。在具體的教學(xué)實踐中，游戲教學(xué)、項目驅(qū)動教學(xué)等方法都是比較適合的教學(xué)手段。

（二）以練為主

網(wǎng)頁設(shè)計課程教學(xué)注重學(xué)生自己動手設(shè)計和制作能力的培養(yǎng)，因此教師在教學(xué)過程中要注重以練為主的原則，做好項目內(nèi)容練習(xí)、難易度以及評價標(biāo)準(zhǔn)的設(shè)計。這樣既能保證學(xué)生在不同學(xué)習(xí)時期循序漸進地提高學(xué)習(xí)成績，又可讓不同層次的學(xué)生都能進行有針對性的練習(xí)。

（三）貼近實際

練習(xí)項目的內(nèi)容和練習(xí)過程要模擬企業(yè)真實開發(fā)過程。這樣學(xué)生通過練習(xí)不僅能夠?qū)W習(xí)相關(guān)技能，也能夠了解行業(yè)現(xiàn)狀，從而能夠更加全面地對學(xué)生進行職業(yè)技能和素質(zhì)的培養(yǎng)。

（四）課上和課下結(jié)合

為了從多方面提升高職院校學(xué)生的學(xué)習(xí)效率，教師應(yīng)將課上和課下學(xué)習(xí)有機結(jié)合，以進一步提高課上學(xué)習(xí)的效率。課下學(xué)習(xí)環(huán)節(jié)的設(shè)計是為了保證學(xué)生在課上學(xué)習(xí)之前做好必要的預(yù)習(xí)和理論知識儲備，以便在進行課上學(xué)習(xí)時效率更高。

（五）線上和線下學(xué)習(xí)結(jié)合

教師可以在課前預(yù)習(xí)環(huán)節(jié)用線上學(xué)習(xí)方式進行理論教學(xué)，還可以通過網(wǎng)絡(luò)進行輔導(dǎo)答疑。通過網(wǎng)絡(luò)提前下發(fā)練習(xí)項目，監(jiān)督學(xué)生進行必要的準(zhǔn)備，在學(xué)生練習(xí)后對其練習(xí)項目的效果進行評價。做好線上和線下學(xué)習(xí)的有機結(jié)合，以提高學(xué)生的課堂學(xué)習(xí)效率。

二、網(wǎng)頁設(shè)計課程有效課堂的教學(xué)實施

筆者設(shè)計了一套較為成熟的網(wǎng)頁設(shè)計課程有效課堂的實施方案，該方案將教學(xué)過程分為課前預(yù)習(xí)、課上學(xué)習(xí)和課后鞏固三個階段。

（一）課前預(yù)習(xí)

1.理論知識學(xué)習(xí)

教師先錄制好理論教學(xué)視頻，并上傳至網(wǎng)絡(luò)教學(xué)平臺。學(xué)生在課前通過平臺學(xué)習(xí)相關(guān)理論知識，為課上的項目開發(fā)練習(xí)做好準(zhǔn)備。

2.練習(xí)項目下發(fā)

教師提前發(fā)布練習(xí)項目，而且要包含對學(xué)生準(zhǔn)備階段成果的檢驗。這樣課上學(xué)習(xí)階段的有效性才能真正得到保證。

（二）課上學(xué)習(xí)

課上學(xué)習(xí)階段是網(wǎng)頁設(shè)計課程有效教學(xué)的核心階段。在傳統(tǒng)的教學(xué)模式下，課上學(xué)習(xí)階段是以教師為主體，但是無論是從高職院校教學(xué)的需要，還是課程本身的特點出發(fā)，有效教學(xué)的課上學(xué)習(xí)階段都應(yīng)該讓學(xué)生成為主角。

為了保證網(wǎng)頁設(shè)計課程的有效性，課上學(xué)習(xí)階段應(yīng)該遵循三個原則，即以學(xué)生為主、以練為主、以激發(fā)興趣為主。學(xué)生是課堂的主體，從學(xué)到練都要在最大程度上激發(fā)學(xué)生興趣，讓學(xué)和練從被動轉(zhuǎn)變?yōu)橹鲃?。在此階段教師要重點做好三個方面的設(shè)計工作。

1.教學(xué)環(huán)節(jié)

根據(jù)課程的實際情況，網(wǎng)頁設(shè)計課程有效課堂的教學(xué)環(huán)節(jié)包括以下五個階段。

（1）課下練習(xí)項目分析。課下練習(xí)項目分析階段的主體是學(xué)生。由評選出的前一節(jié)課課下練習(xí)項目優(yōu)勝小組推薦組員進行項目演示和講解。此階段的主要目標(biāo)是完成對前一節(jié)課知識點的復(fù)習(xí)，培養(yǎng)學(xué)生的文字組織和語言表達能力，通過互相學(xué)習(xí)借鑒，加深學(xué)生對知識點的理解。

（2）課堂練習(xí)項目發(fā)布。課堂練習(xí)項目發(fā)布階段的主體是教師。教師在和學(xué)生溝通交流后發(fā)布課堂練習(xí)項目，再根據(jù)學(xué)生的需求分析導(dǎo)入新知識點。由于學(xué)生在課前預(yù)習(xí)階段已經(jīng)通過視頻初步掌握了知識點，因此，本階段教師要對新知識點進行精講。此階段的主要目標(biāo)是完成對新知識點精講以及使學(xué)生了解練習(xí)項目的需求，培養(yǎng)學(xué)生的理解能力和交流溝通能力。

（3）課堂練習(xí)項目開發(fā)。課堂練習(xí)項目開發(fā)階段的主體是學(xué)生。將學(xué)生按項目需求分成若干小組，每個小組進行分工合作，學(xué)生按分工完成自己的開發(fā)任務(wù)，教師在學(xué)生開發(fā)過程中根據(jù)學(xué)生的實際需要進行必要的輔導(dǎo)。此階段的主要目標(biāo)是使學(xué)生完成對新知識點的實際應(yīng)用，提高學(xué)生的技能水平、培養(yǎng)學(xué)生團隊合作能力和交流溝通能力。

（4）課堂練習(xí)項目評比。課堂練習(xí)項目評比的主體是學(xué)生。學(xué)生在項目開發(fā)結(jié)束后，將作品上傳到作品展示網(wǎng)絡(luò)平臺。教師組織學(xué)生為每個小組的作品相互打分，按得分評選出優(yōu)勝作品。優(yōu)勝小組推薦組員進行項目演示和講解。此階段主要目標(biāo)是完成對本節(jié)課知識點的復(fù)習(xí)，培養(yǎng)學(xué)生的文字組織和語言表達能力。

（5）課下練習(xí)項目發(fā)布。課下練習(xí)項目發(fā)布階段的主體是教師。教師在和學(xué)生溝通交流后發(fā)布課下練習(xí)項目，根據(jù)需求分析再次提示學(xué)生本節(jié)課所學(xué)知識點。此階段的主要目標(biāo)是使學(xué)生充分了解課下練習(xí)項目的需求，培養(yǎng)學(xué)生的理解能力和交流溝通能力。

在這五個階段的教學(xué)環(huán)節(jié)執(zhí)行過程中，教師要在各個階段做好組織工作，把控好教學(xué)節(jié)奏，保證課堂教學(xué)的有效性。

2.教學(xué)方法

為了提高網(wǎng)頁設(shè)計課程的課堂教學(xué)有效性，合理且多樣的教學(xué)方法是必不可少的。教師在實際教學(xué)過程中根據(jù)教學(xué)的實際情況，對教學(xué)方法的使用以增加教學(xué)趣味性、調(diào)動學(xué)生積極性為主要目的，以下是教學(xué)實踐中比較常用的教學(xué)方法。

（1）游戲教學(xué)法。游戲教學(xué)法在網(wǎng)頁設(shè)計課堂教學(xué)中的使用可以從兩方面入手，一是在練習(xí)項目中加入網(wǎng)絡(luò)游戲元素；二是在練習(xí)項目的開發(fā)過程中加入游戲或比賽環(huán)節(jié)，以激發(fā)學(xué)生的學(xué)習(xí)興趣。

（2）項目驅(qū)動教學(xué)法。項目驅(qū)動教學(xué)法非常適合網(wǎng)頁設(shè)計課程。教師需要注意練習(xí)項目的難易度，同時練習(xí)項目必須貼近實際需求。

（3）討論教學(xué)法。教師在教學(xué)過程中可以采用小組討論、自由討論以及師生討論的方式。在采用討論教學(xué)法的過程中，教師要注意對學(xué)生的引導(dǎo)，還要做好對討論內(nèi)容的總結(jié)概括。

（4）講授教學(xué)法。在網(wǎng)頁設(shè)計課程的課前預(yù)習(xí)階段、課堂練習(xí)項目發(fā)布的知識點精講階段都可以使用此方法。

（5）演示教學(xué)法。在課前預(yù)習(xí)階段、課堂練習(xí)項目開發(fā)階段、教師在對學(xué)生進行輔導(dǎo)時可根據(jù)需要使用演示教學(xué)法。

教學(xué)方法需要根據(jù)教學(xué)的實際情況靈活應(yīng)用，合適的教學(xué)方法是提升課堂有效性的重要手段。

3.練習(xí)項目

練習(xí)項目是網(wǎng)頁設(shè)計課程教學(xué)中非常重要的內(nèi)容。練習(xí)項目設(shè)計的好壞直接影響著學(xué)生的學(xué)習(xí)效果和學(xué)習(xí)興趣。因此，設(shè)計好練習(xí)項目是教師必須完成的一項任務(wù)。

根據(jù)在教學(xué)過程中的不斷摸索和體會，筆者認(rèn)為練習(xí)項目的設(shè)計要遵循以下幾個原則。

（1）難易適中。練習(xí)項目的設(shè)計對不同學(xué)習(xí)水平的學(xué)生都要有所兼顧，既能保證少部分隊尾的學(xué)生有所收獲，又能保證大部分處于中間位置的學(xué)生有所提升，還能保證少部分隊首的學(xué)生有所拓展。

（2）有明確的評價標(biāo)準(zhǔn)和結(jié)果。練習(xí)項目有明確的評價標(biāo)準(zhǔn)和結(jié)果，才能更好地評價學(xué)生的學(xué)習(xí)效果，可以通過排名激發(fā)學(xué)生的好勝心和學(xué)習(xí)積極性。

（3）貼近實際需求。練習(xí)項目要從項目功能、項目內(nèi)容和項目開發(fā)模式等方面進行設(shè)計，盡可能地貼近實際需求和企業(yè)真實開發(fā)過程，最大程度地模擬真實工作場景。

（4）兼顧趣味性。有效課堂的前提是充分調(diào)動學(xué)生學(xué)習(xí)的主動性和積極性，所以教學(xué)過程生動有趣是必要的前提。

網(wǎng)頁設(shè)計課程的練習(xí)項目設(shè)計可以從項目內(nèi)容和項目開發(fā)形式兩個方面入手。

（三）課后鞏固

網(wǎng)頁設(shè)計課程的課后鞏固階段是有效課堂的必要補充，學(xué)生只有多練習(xí)才能把課堂上學(xué)到的知識掌握得更熟練，形成深刻記憶。課后鞏固應(yīng)從總結(jié)和練習(xí)兩方面入手。

1.總結(jié)

學(xué)生在課后要將在課前預(yù)習(xí)階段學(xué)到的理論知識和課上學(xué)習(xí)階段的練習(xí)項目開發(fā)進行總結(jié)歸納，將知識重難點、項目開發(fā)心得體會進行梳理和概括。此過程可以培養(yǎng)學(xué)生的文字組織能力、獨立思考能力和概括總結(jié)能力。

2.練習(xí)

在進行課上練習(xí)和課后總結(jié)的基礎(chǔ)上，增加課下練習(xí)項目。該項目的設(shè)計和課上練習(xí)項目相比，更注重知識的綜合性，并將學(xué)生過去所學(xué)知識盡可能多地包含在內(nèi)。

三、構(gòu)建網(wǎng)頁設(shè)計課程有效課堂的意義

有效課堂的“效”有兩個方面的含義，即“效果”和“效率”。因此，有效課堂指的是在教學(xué)過程中，既要提升學(xué)習(xí)效率，又要提高學(xué)習(xí)效果，而實現(xiàn)這兩個目標(biāo)正是有效課堂的真正意義所在。

（一）有效課堂有利于提升教師的教學(xué)能力

有效課堂對教師的教學(xué)能力提出了更高的要求，尤其是教師的教學(xué)組織能力、課堂的管理能力以及授課能力。因此，有效課堂就是教師提高教學(xué)能力的有利契機。教師只有不斷學(xué)習(xí)、不斷參與實踐才能滿足開展有效課堂教學(xué)的實際要求。

（二）有效課堂有利于推進職業(yè)素質(zhì)教育

社會對高職院校畢業(yè)生的需求不僅有技能需求，而且有職業(yè)素質(zhì)要求。因此，在職業(yè)教育中加強對學(xué)生的職業(yè)素質(zhì)培養(yǎng)是對高職院校教師的基本要求。

有效課堂在教學(xué)過程中強調(diào)以練為主、以學(xué)生為主，就是將職業(yè)教育和職業(yè)素質(zhì)教育進行有效融合、合理規(guī)劃，以更全面地培養(yǎng)學(xué)生的綜合職業(yè)素質(zhì)。

（三）有效課堂有利于提高學(xué)生的主動學(xué)習(xí)能力

網(wǎng)頁設(shè)計課程有效課堂的重點就是培養(yǎng)學(xué)生的自主學(xué)習(xí)能力，這不但能提升學(xué)生的學(xué)習(xí)效率、學(xué)習(xí)效果，而且有利于培養(yǎng)學(xué)生的學(xué)習(xí)能力。這也為學(xué)生的在校學(xué)習(xí)、未來走向社會的繼續(xù)提升以及工作主動性的提高都提供了必要的條件。

（四）有效課堂有利于職業(yè)教育和市場接軌

將職業(yè)教育和市場需求接軌是目前職業(yè)院校正在大力改革的方向。網(wǎng)頁設(shè)計課程的有效課堂在教學(xué)過程中強調(diào)項目設(shè)計和項目開發(fā)過程都要模擬企業(yè)實際項目的開發(fā)。學(xué)生在學(xué)校學(xué)習(xí)的過程能極大接近企業(yè)的工作過程，使學(xué)生就業(yè)時能夠更貼近企業(yè)的用人需求，扭轉(zhuǎn)職業(yè)教育和市場脫節(jié)的尷尬局面。

（五）有效課堂有利于推進高職教育教學(xué)改革

高職教育教學(xué)改革是擺在所有高職院校教育者面前的艱巨任務(wù)，如何探索出更適合高職院校的具有中國特色的教育模式是必須要解決的一個重要問題。網(wǎng)頁設(shè)計課程有效課堂正是教師在這樣的背景下的一次教學(xué)改革嘗試，教學(xué)目的是提升教學(xué)效率和提高教學(xué)效果，為高職教育教學(xué)改革尋找更多的機會、創(chuàng)造更多的可能性。

四、小結(jié)

目前，許多高職院校都在進行教學(xué)改革。教師應(yīng)從高職院校學(xué)生的特點和網(wǎng)頁設(shè)計課程的特點出發(fā)，網(wǎng)頁設(shè)計課程教學(xué)改革的重點應(yīng)放在課堂有效性的提升上，同時要注意對學(xué)生技能和職業(yè)素質(zhì)的綜合培養(yǎng)，把培養(yǎng)高素質(zhì)技能人才作為主要目標(biāo)，從實際出發(fā)、從市場需求出發(fā)開展網(wǎng)頁設(shè)計課程教學(xué)。

參考文獻：

[1]江梅梅.項目式教學(xué)在網(wǎng)頁設(shè)計與制作課程中的應(yīng)用[J].大觀，2020（11）.

[2]楊波.翻轉(zhuǎn)課堂在中職學(xué)校《Dreamweaver網(wǎng)頁設(shè)計與制作》教學(xué)中的應(yīng)用研究[D].長春：長春師范大學(xué)，2020.

[3]羅曉娟.基于案例教學(xué)的翻轉(zhuǎn)課堂教學(xué)樣例設(shè)計：以網(wǎng)頁設(shè)計課程為例[J].豫章師范學(xué)院學(xué)報，2020（5）.

[4]吳昊珍.基于實訓(xùn)項目驅(qū)動的“網(wǎng)頁設(shè)計”有效課堂設(shè)計[J].大觀（論壇），2018（7）.

[5]李可.基于有效課堂的靜態(tài)網(wǎng)頁設(shè)計課程整體設(shè)計[J].福建電腦，2018（3）.

[6]黃怡菁.基于STEAM教育理念的中職課程游戲化教學(xué)設(shè)計研究：以網(wǎng)頁制作與設(shè)計課程為例[J].文化產(chǎn)業(yè)，2021（13）.

[7]陳國才.“JavaScript網(wǎng)頁特效設(shè)計”課程內(nèi)容游戲化教學(xué)改革模式研究[J].無線互聯(lián)科技，2021（2）.

（作者單位：黑龍江旅游職業(yè)技術(shù)學(xué)院）