高職網頁設計課程有效課堂研究

洪麗華 李明玉

摘 要：網頁設計課程是高職院校計算機網絡技術及相關專業的核心專業課程。該課程重點學習Web前端開發的基礎知識，是掌握網絡開發技能的重要組成部分。本文探討高職網頁設計課程有效課堂的應用，以提升學生的學習積極性，增強自主學習能力，從而培養高素質技能人才。

關鍵詞：有效課堂? ? 網頁設計? ? 游戲教學法? ? 項目驅動

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

網頁設計課程的特點是注重對學生動手能力的培養，因此在教學過程中如何調動學生的學習積極性、培養學生的自主學習能力和增強學生的動手能力是檢驗教師教學能力的關鍵。

一、網頁設計課程有效課堂的設計原則

網頁設計課程是一門大多數學生都比較感興趣的課程，但是隨著知識量的增加以及項目難度的不斷提升，一部分基礎較弱的學生容易出現倦怠情緒。

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

筆者結合多年教學實踐經驗以及教學研究，認為網頁設計課程的有效課堂設計應該遵循以下幾個原則。

（一）寓教于樂

由于高職院校學生普遍學習主動性較差，單調枯燥的學習方式很難激發他們的學習熱情，因此在進行教學設計時應該以寓教于樂為原則。在具體的教學實踐中，游戲教學、項目驅動教學等方法都是比較適合的教學手段。

（二）以練為主

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

（三）貼近實際

練習項目的內容和練習過程要模擬企業真實開發過程。這樣學生通過練習不僅能夠學習相關技能，也能夠了解行業現狀，從而能夠更加全面地對學生進行職業技能和素質的培養。

（四）課上和課下結合

為了從多方面提升高職院校學生的學習效率，教師應將課上和課下學習有機結合，以進一步提高課上學習的效率。課下學習環節的設計是為了保證學生在課上學習之前做好必要的預習和理論知識儲備，以便在進行課上學習時效率更高。

（五）線上和線下學習結合

教師可以在課前預習環節用線上學習方式進行理論教學，還可以通過網絡進行輔導答疑。通過網絡提前下發練習項目，監督學生進行必要的準備，在學生練習后對其練習項目的效果進行評價。做好線上和線下學習的有機結合，以提高學生的課堂學習效率。

二、網頁設計課程有效課堂的教學實施

筆者設計了一套較為成熟的網頁設計課程有效課堂的實施方案，該方案將教學過程分為課前預習、課上學習和課后鞏固三個階段。

（一）課前預習

1.理論知識學習

教師先錄制好理論教學視頻，并上傳至網絡教學平臺。學生在課前通過平臺學習相關理論知識，為課上的項目開發練習做好準備。

2.練習項目下發

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

（二）課上學習

課上學習階段是網頁設計課程有效教學的核心階段。在傳統的教學模式下，課上學習階段是以教師為主體，但是無論是從高職院校教學的需要，還是課程本身的特點出發，有效教學的課上學習階段都應該讓學生成為主角。

為了保證網頁設計課程的有效性，課上學習階段應該遵循三個原則，即以學生為主、以練為主、以激發興趣為主。學生是課堂的主體，從學到練都要在最大程度上激發學生興趣，讓學和練從被動轉變為主動。在此階段教師要重點做好三個方面的設計工作。

1.教學環節

根據課程的實際情況，網頁設計課程有效課堂的教學環節包括以下五個階段。

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

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

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

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

（5）課下練習項目發布。課下練習項目發布階段的主體是教師。教師在和學生溝通交流后發布課下練習項目，根據需求分析再次提示學生本節課所學知識點。此階段的主要目標是使學生充分了解課下練習項目的需求，培養學生的理解能力和交流溝通能力。

在這五個階段的教學環節執行過程中，教師要在各個階段做好組織工作，把控好教學節奏，保證課堂教學的有效性。

2.教學方法

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

（1）游戲教學法。游戲教學法在網頁設計課堂教學中的使用可以從兩方面入手，一是在練習項目中加入網絡游戲元素；二是在練習項目的開發過程中加入游戲或比賽環節，以激發學生的學習興趣。

（2）項目驅動教學法。項目驅動教學法非常適合網頁設計課程。教師需要注意練習項目的難易度，同時練習項目必須貼近實際需求。

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

（4）講授教學法。在網頁設計課程的課前預習階段、課堂練習項目發布的知識點精講階段都可以使用此方法。

（5）演示教學法。在課前預習階段、課堂練習項目開發階段、教師在對學生進行輔導時可根據需要使用演示教學法。

教學方法需要根據教學的實際情況靈活應用，合適的教學方法是提升課堂有效性的重要手段。

3.練習項目

練習項目是網頁設計課程教學中非常重要的內容。練習項目設計的好壞直接影響著學生的學習效果和學習興趣。因此，設計好練習項目是教師必須完成的一項任務。

根據在教學過程中的不斷摸索和體會，筆者認為練習項目的設計要遵循以下幾個原則。

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

（2）有明確的評價標準和結果。練習項目有明確的評價標準和結果，才能更好地評價學生的學習效果，可以通過排名激發學生的好勝心和學習積極性。

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

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

網頁設計課程的練習項目設計可以從項目內容和項目開發形式兩個方面入手。

（三）課后鞏固

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

1.總結

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

2.練習

在進行課上練習和課后總結的基礎上，增加課下練習項目。該項目的設計和課上練習項目相比，更注重知識的綜合性，并將學生過去所學知識盡可能多地包含在內。

三、構建網頁設計課程有效課堂的意義

有效課堂的“效”有兩個方面的含義，即“效果”和“效率”。因此，有效課堂指的是在教學過程中，既要提升學習效率，又要提高學習效果，而實現這兩個目標正是有效課堂的真正意義所在。

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

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

（二）有效課堂有利于推進職業素質教育

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

有效課堂在教學過程中強調以練為主、以學生為主，就是將職業教育和職業素質教育進行有效融合、合理規劃，以更全面地培養學生的綜合職業素質。

（三）有效課堂有利于提高學生的主動學習能力

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

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

將職業教育和市場需求接軌是目前職業院校正在大力改革的方向。網頁設計課程的有效課堂在教學過程中強調項目設計和項目開發過程都要模擬企業實際項目的開發。學生在學校學習的過程能極大接近企業的工作過程，使學生就業時能夠更貼近企業的用人需求，扭轉職業教育和市場脫節的尷尬局面。

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

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

四、小結

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

參考文獻：

[1]江梅梅.項目式教學在網頁設計與制作課程中的應用[J].大觀，2020（11）.

[2]楊波.翻轉課堂在中職學?！禗reamweaver網頁設計與制作》教學中的應用研究[D].長春：長春師范大學，2020.

[3]羅曉娟.基于案例教學的翻轉課堂教學樣例設計：以網頁設計課程為例[J].豫章師范學院學報，2020（5）.

[4]吳昊珍.基于實訓項目驅動的“網頁設計”有效課堂設計[J].大觀（論壇），2018（7）.

[5]李可.基于有效課堂的靜態網頁設計課程整體設計[J].福建電腦，2018（3）.

[6]黃怡菁.基于STEAM教育理念的中職課程游戲化教學設計研究：以網頁制作與設計課程為例[J].文化產業，2021（13）.

[7]陳國才.“JavaScript網頁特效設計”課程內容游戲化教學改革模式研究[J].無線互聯科技，2021（2）.

（作者單位：黑龍江旅游職業技術學院）