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

洪麗華 李明玉

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

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

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

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

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

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

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

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

（一）寓教于樂

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

（二）以練為主

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

（三）貼近實(shí)際

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2.教學(xué)方法

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

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

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

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

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

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

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

3.練習(xí)項(xiàng)目

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

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

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

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

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

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

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

（三）課后鞏固

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

1.總結(jié)

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

2.練習(xí)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

四、小結(jié)

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

參考文獻(xiàn)：

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

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

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

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

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

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

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

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