OBE教育理念下的“網頁設計”課程教學策略優化研究

楊志琴

摘? ?要：文章通過教學實踐，結合OBE教學理念對“網頁設計”課程進行全面的教學改革，力求在專業培養目標達標的同時，通過合理的項目激勵機制，從而使學生獲得較好的網站開發能力。

關鍵詞：教學改革;OBE教學理念;網頁設計

1? ? 網頁設計課程介紹

以云南大學旅游文化學院為例，網頁設計類課程是計算機類專業的一門專業選修課程。本課程主要教學內容涵蓋了HTML快速入門，CSS基礎，JavaScript腳本語言，CSS3高級應用以及HTML5基本知識等多方面的知識。該課程主要是要培養學生從事網頁設計與制作的基本技能，使學生掌握網頁設計的概念和方法，能夠運用專業的網頁設計工具，進行網站規劃、建設和維護，具備網頁設計崗位必備的職業技術能力[1]。

2? ? 傳統的教學方式

在以往幾年的教學實踐中發現，常見的網頁設計類課程傳統教學方式有以下兩種。

2.1? 以教師為中心

教師中心教學法又叫直接教學法，屬于高度組織化的教師中心教學法，其特點表現為教師指導和控制、對學生進步期待值很高、學生理論學習的有效時間最大化以及教師竭盡全力最小化負面影響等方面。以教師為中心教學方法的主要特點是：熟悉新內容、授課、提問和討論以及掌握學習等授課策略。

2.2? 以教材為中心

當代格魯吉亞兒童心理學家、教育家阿莫納什維利認為，課程的主要任務是：在具體的教材、教學方法和師生交往內容的基礎上，激起和發展每一個學生的求知欲、認識興趣、自信心、與教師和同學交往的快樂感受、對于獨立的和集體的認識活動的渴望。以教材為中心的教學方式，強調具體教材的中心地位，圍繞著教材開展教學設計，教學實施和教學評價。

3? ? 存在的問題

在傳統的網頁設計教學中，以教師為中心及以教材為中心，都存在一些實際問題。

以教師為中心的教學結果往往是強調知識點的傳授，學生被動的死記硬背，缺乏進行知識建構和理解。教師中心教學方法使課堂教學過分結構化，且缺乏變化、忽略了學生的社會情感發展、只有學習的外部動機而缺乏內在動機、了解現實世界的機會匱乏、以及缺乏小組協作學習。

部分教師采用以教材為中心教學方法進行教學，教師在研究教材的基礎上，進行教學設計，開展教學。學生學習的主要內容主要來源于教材，而不同的教師對教材的選擇不一樣，導致學生獲得的知識、技能，專業達標度參差不齊。且學生過分依賴教材，熟悉了書上具體的知識內容和具體案例，卻見樹而不見森林，無法形成系統的知識體系，無法舉一反三。

4? ? 教學改革思路

筆者針對傳統“網頁設計”課程教學中出現的矛盾和問題，從成果導向教育（Outcome Based Education，OBE）教學理念著手進行教學設計。具體闡述如下：

4.1? OBE教學理念

OBE成果導向教育，也被稱為導向教育、目標導向教育或需求導向教育。

OBE教育理念由Spady等于1981年提出，是一種以實際產出為核心的教育理念，其模式下的課程設置以學生未來的工作需求為導向，課程教學設計圍繞學習產出進行設計。OBE理念提出后，很快得到人們的重視與認可，并已成為美國、英國、加拿大等國家教育改革的主流理念[2]。

OBE教學設計和教學實施的目標是學生通過受教育過程，最終取得的學習成果，強調以下4個問題：

（1）是什么？

教師想讓學生取得的學習成果是什么？

（2）為什么？

為什么要讓學生取得這樣的學習成果？

（3）如何幫助？

如何有效地幫助學生取得這些學習成果？

（4）如何知道？

如何知道學生已經取得了這些學習成果？

4.2? 教材選擇

之前提到過網頁設計類書籍良莠不齊，因此選擇一本適合本學校學生學習的參考教材顯得尤為重要。經過研究教材發現，一部分教材注重全面地講解HTML5和CSS3的應用和開發，此類教材一般知識全面、內容豐富，但是由于知識涵蓋面太廣，只能用小例子進行測試，在使用此類教材時，發現學生掌握的知識較為全面，但是難以把各個單獨的知識內容連貫起來，真正地實現一個網站的界面發開[3]。

另一類教材則是以案例展開，這類課程主要是圍繞一個具體的網站案例或項目開展，著重培養學生的動手能力，在實踐中發現，學生能夠通過模仿完成設計制作，一部分學生還可以通過對課程的理解，對教材的知識內容舉一反三，有一定的創新能力。但是此類教材每個案例涉及的知識內容往往不夠全面，學生如果需要持續提高，內容明顯不足，需要購買其他輔助教材。

當然，還有一部分的教材知識太落后，沒有跟上網頁設計制作的潮流，里面涵蓋的一部分內容在行業中已然落伍。教師在進行教材選擇時，應該進行甄別，盡量避免選取此類書籍作為課程教材。

教師在選擇教材時，應該在充分研究教材本身的同時，重視研究學生對象，從學生的專業基礎、學習能力和學習興趣出發選擇一本適用于本校學生的優秀教材。此外，教師還需要凝練輔助教材內容作為補充材料幫助學生學習，包括一些企業常用技術和新興的知識內容。

4.3? 基于OBE教學理念的教學設計

OBE強調成果導向教育，以最后課程想讓學生取得的預期目標為導向，引導學生進行自主學習。

基于OBE涵蓋的4個問題，開展課程的教學設計，可以在一定程度上激發學生的學習興趣，讓學生主動加入到課程學習中，獲得良好的學習效果。

結合OBE教學理念進行教學設計，首先得從國家需要的人才為出發點，考慮社會和行業對專門人才的需求，結合家長、學生期望及學校本身的發展，制定畢業指標，從而確定人才培養方案、課程體系，再詳細分析網頁設計類課程在本專業人才培養中的位置，從而確定本門課程的目標和內容，并將此目標細化到每一節課程中，詳細規定每次課程結束應該達到的學習效果，并體現在具體的教學設計和教學過程中。

因此，在教學設計中，需要明確給出每一節課學生應該達到的學習目標，即需要達到成果。

4.4? 評價方案制定

OBE學理念下的教學評價方式采用的是反向設計原則對成果進行分階段評價。

反向設計就是從學生最終需要達到的成果出發，對具體課程進行設計，以確定所有階段性成果的教學適應性。教學的出發點是學生要達成的成果是什么，不是教師要教什么。

從國家、社會和行業、用人部門的實際需求出發，進行反向設計，在最大程度上保證了教育目的和成果的統一性。

5? ? 實施過程

OBE的實施有5個實施要點：

5.1? 確定學習成果

學習成果是OBE教學理念的終點，也是學習的起點。網頁設計課程中，教師在教學設計階段需要根據上述反向設計過程，確定學習成果。學習成果是可視化的，需要清晰的表述，能夠進行直接或間接的測評，最好指定詳細的績效考核指標。

5.2? 構建課程

課程構建對達成學習成果十分重要。學習成果代表了一種能力結構，這種能力主要通過課程教學來實現。

能力結構與課程有一種清晰的映射關系，能力結構中的每一種能力都要有明確的課程小目標來支撐，學生完成課程中的小目標就能具備逾期的能力結構。

5.3? 確定教學策略

OBE理念下的教學過程強調學生的學習成果，而不是教師教授的內容。所以要從傳統的教師為中心向學生為中心轉變，在課堂中需要確立學生的中心地位，通過合適的教學方法激發學生的學習熱情，從“要學生學”變成“學生要學”。

OBE強調學生學什么，應注重學生個體的差異，因材施教，根據不同的學生提供差異化教學，例如根據學生的學習軌跡，設置難度可區分的項目，要求學生完成。

5.4? 自我參照評價

OBE理念下的教學需要改變原有的注重考試結果的考核方式，在教學過程中，要充分考慮學習成果的達成度。在網頁設計課程的設計中，每一小節課程都包含一個目標，具體形式是根據不同的知識內容設置難度可區分的項目，學生對知識理解后，根據項目要求完成任務，最后每節課都會有一個小成果，教師要注重過程性評價，記錄每個同學每個階段的學習成果達成度，從而評價學生整體的學習達標程度，給出最終的成績。

OBE教學評價主要注重對學生的成果評價，最終產出是一種以實際產出和每一階段的成果對學生進行客觀評價，強調個人的學習成果和進度，弱化學生之間的比較，可以根據每個學生能達到的教育程度，制定績效考核指標，一段時間內動態的進行針對性評價，掌握學生的學習狀態。

5.5? 逐級達標

OBE教學理念強調成果，最后要求所有的學生都要達到同一個設定好的既定目標。值得注意的是，不同學生的學習方式、解決問題的能力在各個方面都存在一定的差異，教師要鼓勵和引導學生花費不同的時間，采取不同途徑和學習方法，最終達到這個統一目標。

學生的學習目標是從初級到高級逐步實現的過程，先實現每一個小目標，最終達到國家、社會和行業需要的職業人才的大目標的要求。

6? ? 教學效果分析

筆者在學生知識基礎、學習能力差別不大兩個班級中開展教學改革實踐。兩個班級選用同一本教材，但采用不同的教學方式進行教學，一個班級采用傳統的教學方法，另一個班級則采用OBE教育理念下的教學設計、過程實施和評價方式。

通過一個學期的教學實踐，發現傳統教學方式下的學生掌握了網頁設計的概念和方法，但是缺乏運用專業的網頁設計工具，進行網站規劃、建設和維護的職業能力，且在學習上更依賴于教師的講授，自學能力相對薄弱。

而基于OBE教育理念下的教學改革實踐班級則基本達到了預期的學習效果，具有更好的專業競爭力，并且獲得了良好的自學能力，當教師給出一個新的任務時，大多數會通過自行上網查找素材、參看教材內容以及積極開展小組討論等多種方法進行知識的獲取，而不再是被動接受知識。

7? ? 持續改進方案

專業教學改革實踐是一個持續性的過程，改革帶來了新的變化。例如由教師中心向學生中心的教學方式的轉變，以及由重知識內容向重產出的轉變等。這些教學過程中出現的新的問題，需要每一位教師在具體的教學過程中去了解新問題，給出解決方法。

[參考文獻]

[1]張惠芳，徐小慧.HTML5與CSS3網頁設計入門與提高[M].北京：清華大學出版社，2015.

[2]楊松.網頁設計案例教程[M].北京：航空工業出版社，2015.

[3]周民，祝燕雷，王建業.OBE理念在課程教學中的實踐[J].電腦知識與技術，2017（9）：160-161，163.