基于課程思政的大案例教學法在WordPress課程中的探索與實踐

索榮華

摘要：WordPress是世界上最流行的一款內容管理系統，目前全球五分之二的網站使用WordPress設計與制作。寧夏警官職業學院的WordPress課程采用大案例教學法，以“仙俠傳說”教學網站為切入點，一方面系統講解網站設計制作的全過程，另一方面，將工程意識、引導學生健康使用網絡等課程思政內容有機融入教學之中。該文闡述了大案例教學法在WordPress課程中的實施原因和過程，同時，研討如何在教學中融入課程思政，進一步探討大案例教學法的優點及注意事項，給承擔網站設計與制作類課程的教師提供一個借鑒。

關鍵詞：大案例教學法；WordPress；課程思政；內容管理系統；網站設計與制作

中圖分類號：G642? ? ? 文獻標識碼：A

文章編號：1009-3044（2022）34-0111-03

WordPress是世界上最流行的一款內容管理系統（CMS） ，可以設計制作各種類型的動態網站。目前，全球使用 WordPress 搭建的網站達到網站總數的39.5%，占據全球網站總數約五分之二的市場份額。寧夏警官職業學院WordPress課程使用WordPress內容管理系統講解動態網站的設計與制作，使用的WordPress主題是 Avada。目前，Avada 主題是WordPress中銷售量最高的主題，可以實現讓用戶在寫少量代碼的前提下，實現網頁中各種各樣的效果，功能靈活而強大，可以設計制作實用的，時尚的響應式商業化網站。WordPress和Avada主題只編寫少量代碼即可設計制作網站的特點特別適合于高職學生的特點，降低了學習的難度，因此選擇WordPress講解動態網站的設計與制作。WordPress課程的先導課程是計算機導論、PS、靜態網頁設計與制作，在這些課程的鋪墊下，寧夏警官職業學院司法信息技術專業第四學期開設WordPress課程。

雖然WordPress只用編寫少量代碼即可設計制作網站，但是WordPress的Avada主題設計制作網站過程中有大量參數需要設置，同時有大量概念需要理解，所以對于學生來說，也具有一定的學習難度。針對這個問題，WordPress課程采用大案例教學法，撰寫了62861字的講義，以“仙俠傳說”教學網站為切入點，一方面系統講解網站設計制作的全過程，另一方面，將工程意識、引導學生健康使用網絡等課程思政內容有機融入教學之中，取得了良好的教學效果。

1 WordPress課程中大案例教學法的實施原因

所謂大案例教學法就是在教學過程中，始終緊密圍繞一個完整的工程案例來展開教學，這個案例的課時量通常達到20個課時以上[1]。下面來闡述在WordPress課程中大案例教學法的實施原因。

對于一個動態網站，專業人員通常需要耗費2至3周或更長時間才能完成網站的設計與制作，所以設計、制作網站是一個系統性的工程項目。然而，大多數網站設計與制作課程存在以下問題，并不適合教學的需要：一是課程目標不明確，課程通常只講解某幾個網頁如何制作，而不是講解網站設計與制作的全過程，網站設計與制作課程變成了網頁制作課程，既缺少網站設計的講解，也缺少網站設計與制作整體的講解，缺少系統性。二是市面上的教材偏重知識點的傳授、某幾個網頁的制作、簡單網站的講解，講解過程比較粗略，甚至有些教材只是貼出網頁代碼。三是課程中的每個案例通常只講解幾個課時，課時過少導致很難講解清楚網站設計制作的全過程。四是教材缺少課程思政的融入。因此，需要通過一個大案例，使用20節以上課時量來系統講解網站的設計與制作[2]，同時，在課程中融入課程思政。

2 WordPress課程中大案例教學法的實施過程

WordPress課程在司法信息技術專業第四學期開設，課時量為90課時。

首先，通過教學實踐和思考，明確了教學目標：通過大案例教學法，培養學生使用Avada主題能夠獨立設計與制作一個較美觀、時尚、精細、復雜、自適應的動態網站的能力。根據教學目標以及高職學生的學情，撰寫了符合此教學目標的課程講義。具體實施過程如下。

2.1 教學內容

第一部分：WordPress概述（2課時）。此部分主要講解內容管理系統、自助建站等相關概念、WordPress等主要內容管理系統介紹，以及WordPress的學習方法。

第二部分：Html、CSS、JavaScript語言（4課時），此部分主要是對第三學期靜態網頁設計與制作課程內容進行復習，為后續章節的講解進行鋪墊。

第三部分：安裝WordPress（6課時），此部分主要講解WordPress、PhpStudy、Avada主題的安裝，以及WordPress的優化以及配置，學生課余也可以在自己電腦上安裝WordPress進行練習。

第四部分：WordPress網站制作概述（8課時）。此部分通過“仙俠傳說”教學網站講解一般網站的內容和布局、Avada主題的相關概念，以及使用Avada主題制作網站的一般過程。使學生在正式制作網站之前，能從宏觀上對網站的制作有一個初步認識。

第五部分：使用 Avada 主題制作“仙俠傳說”網站（50課時），此部分系統講解網站設計與制作的全過程。在前四部分內容的鋪墊下，在第五部分正式講解大案例網站的設計和制作。

第六部分：學生獨立使用Avada主題設計制作一個網站（20課時）。此部分內容教師提出網站的設計制作要求，學生在課上或課下獨立完成，教師進行答疑。期末考試學生成績由30%平時成績和70%學生大作品成績組成。

2.2 教學方法

教學過程中，注重培養學生自我探索的精神。在第一部分注重講解進一步深入學習WordPress需要注意的一些問題、提供若干WordPress網絡學習資源、課程中不斷鼓勵學生畢業后能用WordPress完成一些商業性的網站。

在第二部分講解中，除了復習Html、CSS相關知識點外，要求學生能默寫常用Html標記、屬性以及CSS語句，為后續使用Avada主題設計制作網站打下基礎。

在第四部分講解Avada主題相關概念時，注意通過實例來講解相關概念，并讓學生進行動手練習，通過實踐來掌握Avada主題的相關概念。

在第五部分大案例部分，將大案例分成若干小案例進行講解，若干個小案例有機整合成一個網站大案例，同時撰寫的講義，注意在目錄中標明每個章節要學到的知識點。講解過程中，首先給學生說明如何學習本部分內容，給學生強調不要單純按照講義一步步操作。要求學生要注重理解、思考為什么要這樣做，而不是單純的模仿。在講一些參數設置時，通過實際演示說明常用參數的作用，對于以前講過的內容，可以給學生簡單提示一下，讓學生自己制作。對于網站中添加的CSS代碼，告訴學生這段代碼是怎么來的，為什么代碼要這樣寫。

在實際教學中，在嚴格要求學生的基礎下，注重和學生多交流、多溝通，采用幽默的教學語言，從而活躍課堂氣氛。課堂講授每段講解時間不宜過長，15分鐘以內較為合適。采用多種形式進行講解，要多注意學生的反應[3]。

根據4個班級2個學期的課程實施情況來看，216個學生，大多數學生的網站大作品比較美觀，符合動態網站的要求。有10%的學生完成的大作品質量較好，達到商業化網站的水平。整體教學質量相較于以往，學生網站作品由原來網站體系結構不完善，頁面設計丑陋、凌亂、不規范，提升為現在學生網站體系結構完善，頁面設計較美觀，網站也更為時尚，可以做到移動端自適應，有10%的學生網站達到了商業化網站的水平，教學質量有質的提升。

2.3 課程思政

為落實立德樹人根本任務，在WordPress課程中有機融入課程思政內容是教學中的重要任務。寧夏警官職業學院的WordPress課程以“仙俠傳說”教學網站為切入點，將工程意識、建立文化自信、引導學生合理健康使用網絡等課程思政內容有機融入教學之中。

1） 工程意識

WordPress課程采用大案例教學法開展教學，其中大案例網站“仙俠傳說”的講解課時量達到50課時，在講解“仙俠傳說”網站設計與制作過程中，無縫融入了工程意識。一是長達50個課時的大案例，要求學生要跟上教師的進度，不能半途而廢，培養了學生鍥而不舍的工程意識；二是在講解中，強調網站的精細性。進行局部放大判斷網站中各元素是否對齊、不斷嘗試調整參數，達到更好的顯示效果、模擬移動端顯示網站，對不適合移動端顯示的部分進行優化、大量添加代碼帶來更好的顯示效果，從而培養學生精益求精的工匠精神；三是學生最后要獨立完成一個網站大作品，在學生完成網站大作品的過程中，培養了學生的探索精神和分析問題解決問題的能力。在學生完成大案例網站和獨立設計與制作網站大作品過程中潛移默化地培養了學生的工程意識，不用教師刻意去說教[4]。

2） 建立文化自信

“仙俠傳說”大案例網站收集學生喜聞樂見的仙俠類影視、歌曲、文學、游戲、詩詞、名句、問答等網絡資源設計制作網站，從各方面融入了中國仙俠傳統文化，學生在制作“仙俠傳說”網站過程中潛移默化地接受了中國傳統文化的熏陶，教師同時引導學生將中國傳統仙俠文化和西方魔法文化進行比較，樹立學生的文化自信。

3） 引導學生合理健康使用網絡

互聯網豐富的網絡資源對高職學生的誘惑很大，部分學生沉迷于網絡，教師首先下發了《學生業余愛好情況調查問卷》調查了學生業余時間使用網絡的情況，在回收的127份調查問卷中，有31%的學生課余時間用手機打手游，61%的學生在刷抖音快手，30%的學生在看網絡小說，只有34%的學生會進行學習。針對學生存在的問題，會根據課程講解內容，順勢引導學生健康使用網絡。如在講到仙俠影視網站內容制作時，會引導學生不要沉迷于網絡影視劇、刷短視頻等網絡行為；在講到仙俠文學部分，會引導學生不要沉迷于網絡小說；在講到仙俠游戲時，會引導學生不要沉迷于網絡游戲。在引導學生過程中，注重通過實例來進行引導學生，如沉迷網絡游戲的典型人物事例，網絡小說中的粗制濫造情節等。同時，也注意在平時的教學中，通過只言片語或課下和學生聊天過程中，引導學生合理健康使用網絡，培養學生的自律性[5]。

3 大案例教學法的優點和需要注意的地方

大案例教學法最大的優點就是可以顯著提高教學質量，尤其適合網站設計與制作等計算機設計類課程。通過大案例教學法，系統講解網站設計與制作的全過程，讓學生明白整個網站是如何一步步設計制作的，而不是通過一些小案例，只能講解網站的局部。教師通過合適的大案例，融會貫通多個知識點，引導學生一步步完成網站的設計與制作，而不是由學生自己琢磨，導致效率不高。通過期末學生獨立設計制作的網站大作品來看，學生完成的網站大作品在網站體系結構、美觀度、規范性上較以往都有很大的提高。大案例教學法能顯著提高學生的實踐水平，涌現出了一批優秀的作品，較以往的教學質量有一個質的提升。

大案例教學法能顯著提升教學質量，但以下方面需要注意：

1） 大案例教學法對教師的要求較高。首先，教師要有較高的教學水平，重要的是要讓學生明白為什么要這樣做，而不是只知道如何做。學生設計制作大作品時，可能需要教師進行輔導，大作品本身較為復雜，教師同時面對多個學生的大作品，去處理解決問題，對教師也是一個挑戰，需要教師具有較高的專業水平。另外，市面上很少有合適的采用大案例教學法的教材，所以教師需要自己設計制作一個大案例教學網站，同時撰寫講義，會耗費教師大量的精力。最后，由于大案例本身較為復雜，需要教師更加關注學生，能夠和學生形成一個融洽的教學氛圍。

2） 大案例教學法要避免學生按照講義不求甚解地制作網站。這是采用大案例教學法容易出現的問題，要避免出現此問題，教師在教學中一定要講清楚為什么要這樣做，而不是只講操作過程。要引導學生實現按照講義模仿操作——拋開講義探索完成——獨立創作完成網站大作品的過程，一步步升華，否則學生只是機械地照搬講義，完成操作，最終作品也只是對大案例的簡單模仿，失去了大案例教學法的意義。

3） 大案例教學法可能會導致學生跟不上進度。一個大案例通常課時比較長，大案例作為一個整體，課程前后銜接比較緊密，而且大案例本身較為復雜，所以學生可能存在跟不上進度的情況，學生有可能會自暴自棄，導致前功盡棄。因此，要求授課過程中，每段講解應嚴格控制在15分鐘以內，就讓學生開始進行實踐。另外，大案例的制作過程應該寫一個講義，讓學生能夠按照講義來操作，但是講義也不能寫得太細，否則學生只是簡單地按照講義來操作，缺少自己琢磨的環節。最后，在講解過程中，能穿插一些課堂討論，提問等其他環節從而引起學生的興趣和注意力。總之，要多關注學生，多鼓勵學生，多激勵學生，要讓學生感覺完成一個精良的大作品有自豪感，成就感。

綜上所述，寧夏警官職業學院WordPress課程以“仙俠傳說”教學網站為切入點，一方面系統講解網站設計制作的全過程，另一方面，將工程意識、引導學生健康使用網絡等課程思政內容有機融入教學之中，取得了顯著的教學效果。大案例教學法能顯著提高教學質量，但也有一些需要注意的方面，網站設計與制作等計算機設計類課程比較適合采用大案例教學法進行教學，具有較高的推廣價值。

參考文獻：

[1] 林青.大案例教學法在《動態網站設計與開發》課程教學中的應用[J].科技風，2017（6）：42.

[2] 姚志良.大案例教學法在《SQL Server數據庫》課程教學中的應用研究[J].職業教育研究，2007（4）：75-76.

[3] 周淑秋.大案例教學法在《三維動畫設計》課程中的應用[J].中國勞動關系學院學報，2013，27（4）：111-114.

[4] 沈彬彬.“工匠精神”視角下高職課程思政建設的有效性研究[J].現代商貿工業，2022，43（16）：198-199.

[5] 蘇秀芝.“課程思政”視域下高職軟件技術專業課程教學設計研究[J].電腦與信息技術，2022，30（3）：100-102，111.

【通聯編輯：謝媛媛】