基于BOPPPS模型的網頁設計課程教學模式探討

吳華

摘 要 針對《網頁設計》課程學生主動學習積極性不高的問題，筆者借鑒BOPPPS教學模型，探討將課堂教學延伸至課前和課后，以提高教學有效性。

關鍵詞 BOPPPS 網頁設計 教學模式

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

BOPPPS教學模式是開展課程設計的一種模式，將教學過程劃分為引入（Bridge-in）、目標（Objective）、預評價（Pre-assessment）、參與學習（Participatory Learning）、后評價（Post-assessment）、小結（Summary）6個部分。BOPPPS教學要求在教學過程中首先要有一個好的導入，以引起學生的興趣;將知識、能力、情感目標清晰明了的展現給學生，并將情感目標融入到教學過程中去;前測和后測會幫助教師調整內容的深度和進度，檢視學習目標的完成度;專業、互動的參與式教學加強了教師與學生之間的信息交流與反饋，使學生能深刻領會和掌握所學知識和技能點，并運用到實踐中去;總結需精確的提煉課程的精華，重點發展學生的創新性思維。

1《網頁設計》課程教學現狀

《網頁設計》是技工院校計算機、電子商務類專業的專業核心課，該課程涵蓋頁面美化設計、軟件操作使用等內容，要求具備較強的動手操作能力。傳統的網頁設計課堂教學模式中，主要以任務驅動法開展教學，學生被動接受知識點和技能點，雖然也能通過完成教師布置的具體操作任務掌握網頁設計相關知識點和技能點，但實際應用效果不盡理想。

2基于BOPPPS的《網頁設計》課程教學模式探討

2.1課前預習

BOPPPS模型并不包括課前預習環節，但將BOPPPS模型延伸至課前預習，強調學生在預習的過程中明確預習的目標，教師同時重視預習的效果。在這一階段，教師可將課前預習的具體目標和相關資料提供給學生，并對預習進行效果檢測，及時調整教學內容和進度。

2.2引入環節，提升興趣

BOPPPS教學模型對課程引入十分注重，好的課堂教學引入，能迅速提升學生的學習興趣，迅速進入新的學習情境中，教師可結合課程特點，以問題導入、案例介紹、視頻圖片等方式進行課堂教學引入。

以講解“超級鏈接”項目為例，可以通過實例網站的瀏覽、不同的鏈接效果展示等進行課堂導入。

2.3細化學習目標

課堂的學習目標在課堂教學中能發揮重要的作用，同時也是教學過程的引導，要求學生在一定條件下通過課程學習獲得可觀察或可量化的新知識、技能和情感。

如“CSS”項目，可細化成包括認識CSS、應用CSS屬性到網頁元素上及應用到其他網頁中等多個學習目標，以目標的明確性和可檢測性為課程教學出發點。

2.4鼓勵參與學習，提倡主動學習

學生是教學的主體，鼓勵學生在課堂上積極參與課程教學活動，更重要的是加強師生、生生之間的互動，提倡學生主動參與。可通過將學生分成小組討論、進行課堂教學反思、提出自我思考、設計工作情景等方式，將參與式學習發揮至極致。

在《網頁設計》課程中，如在“網頁界面”的內容講解中，可對學生進行分組，對當前較為流行的交互設計、個性化排版、全屏大圖等方式進行討論，并分析各種風格的利弊，教師對學生的討論結果進行歸納小結。還可根據教學實際，對內容進行分類后要求學生進行“備課”，將相關內容“講”給其他同學們，教師做好引導。

2.5做好課堂測試、小結

以操作為主的實訓課程，課堂上適當的進行內容測試，可綜合應用作業檢查、技能點指導等方式，目的在于了解學生的學習成效、是否達成教學目標。課程時間有限，這一階段不宜耗時過長，但是要達到對學生學習效果的初步評價。

在《網頁設計》課程中，課堂的測試小結主要以技能點操作為主，重點檢查學生總體學習情況。

2.6發揮教學評價助推作用

課后作業、具體作品制作是對學生網頁設計水平自我檢驗的主要方式，根據教學情況，分為簡單作業和綜合作業，單獨知識點可布置簡單的小作業，綜合項目可安排較為復雜的綜合作業，可結合實際知識點和技能點要求學生單獨或小組完成，并且教師要十分注意作業層次遞進的問題。

以《網頁設計》綜合作業為例，結合已學習的超鏈接、CSS等內容，要求學生完成制作以圖像為主的相冊網頁，可具體根據實訓量單獨或小組操作完成。

3《網頁設計》課程教學中應用BOPPPS的幾點思考

（1）對比傳統課堂教學中，如課前預習、導入回顧、明確教學目標、講授學習、課堂測試等，在BOPPPS教學模型中更注重這幾個元素在課堂中的地位，更加突出學生參與式學習，以學生的主動角色為出發點。

（2）BOPPPS教學模型的課堂實施中有三個關鍵要素。一是強調并關注確切可達的學習目標;二是強調以學生為中心，強調學生的積極參與過程;三是強調教學過程的反思。結合《網頁設計》課程的教學，要求教師清楚描述每一小節課程學習目標，學生專注于該目標，并主動參與教學過程，教師通過評價反思教與學的效果，總結提升。

（3）實施BOPPPS模型教學，要遵循主動性與目標導向原則，與翻轉課堂相結合，綜合采用多種教學活動組織策略，注重學生深度參與。BOPPPS教學模型在課堂實施中的不足之處，在于教師可能無法掌控學生接受能力的快慢，導致不能按照原先的教學計劃開展教學活動，同時也存在學生學習主動性不夠的可能，學生層次的高低（中技、高技）也倒逼教師靈活采取多種教學組織策略。

4結束語

綜上，BOPPPS教學模型是一種讓學習者主導教學過程的模式，利用BOPPPS教學模型對網頁設計課堂教學進行了探討，將課程教學延伸到課前和課后，使技工院校學習網頁設計的學生能夠通過課前預習、課堂參與學習、課后作業自測、作業評價等完整的“工作”流程。相比于傳統的教學模式，能夠更突出以學生學習為主、教師指導為輔的特點，但同時也存在課前預習資料仍需完善、如何更好開展學生參與式學習的進一步探索。

參考文獻

[1] 劉斌，李書琴，韓宏.基于BOPPPS模型的C語言課程教學設計[J].教育教學論壇，2017.

[2] 張建勛，朱琳.基于BOPPPS模型的有效課堂教學設計[J].職業技術教育，2016.