項目驅動教學模式在《網頁設計》教學中的運用

摘要:《網頁制作》項目教學模式是指運用所學的網頁設計與制作知識解決實際問題，通過教師、同學及網絡的幫助，感受實際工作中網站設計的一般工作流程，學會表達解決問題的過程和方法，培養學生綜合運用知識分析、處理實際問題的能力:鍛煉學生發現問題的能力，提高學生組織能力、交往與合作能力、學習技能，將知識與能力結合起來、培養學生的創造能力。

關鍵詞:建構注意理論;項目教學法;計算機網頁制作教學;能力培養

中圖分類號:G424文獻標識碼:A文章編號:1009-3044(2009)27-7830-02

The Application of Project-driven Teaching Model in Web Design Teaching

LI Yang

(Zhenjiang Vocational College of Mechanical Electrical Technology， Zhengjiang 21000， China)

Abstract: Project teaching method refers to a teaching model that teachers and students complete a whole \"project\" carried out in teaching together.The application of project teaching method in the computer web publishing courses enable students to be better and faster to master the learned knowledge，greatly enhance the motivation and initiative to study，enhance the students' hands-on capabilities，capacity for critical thought，innovation abilities and social capabilities and build an open and investigative learning environment.Students would have sufficient room to use their own methods to explore.At the same time，it can develop a good team-work spirit.

Key words: construct theory of attention; project teaching method; computer web teaching; the training of ability

《網頁制作》是給我校計算機專業開設的一門計算機課程，采用Dreameaver來進行教學。在傳統教學中，這門課程如下安排。一周安排4節課，2節課教師講授，2節課學生在機房練習。教師根據教材上的案例按部就班地講，學生跟著學。結果學生只記住了一些案例的制作，一些簡單的操作。輪到學生自己制作網站時，往往是無從下手。究其原因，傳統教學方法強調以課堂為中心，以教師為中心，以教材為中心，教師教什么學生就學什么。這樣的教學只能讓學生記住一些個案的制作，而無法全面得了解網頁制作的全過程;這樣的教學忽視學生的積極性。而網頁制作知識解決實際項目。傳統的教學方法大都是從理論入手，雖然能系統完整地講解各章各節各個知識點，但由于內容比較枯燥，對于基本素質、自學能力和自控能力都停留在比較低的層次上的職校學生來講，僅能夠灌輸到一點基本概念和理論，根本無法開拓學生的動手能力與創造能力。筆者在多年的計算機網頁設計教學實踐中，結合教學內容和教學對象的實際情況，逐步總結出采用項目教學法能夠極大地提高學生學習的積極性和主動性，使他們的動手能力、解決實際問題的能力得到很大的提高。

1 項目教學法在《網頁制作》中的基本思想

項目教學法是師生通過共同實施一個完整的網站項目工作而進行的教學活動。通過選取某一個項目來創設情境，通過分組協作學習的方式展開學習，通過完成網站工程項目來達到意義建構。他突破了傳統的教學模式，通過解決學生身邊的在制作網站中的一些現實問題來實現學生對知識的掌握，大大提高了學生學習《網頁制作》這門課的積極性和主動性。通過項目教學法學習的學生，他們的動手制作網頁的能力、解決實際問題的能力有很大的提高。這種方法尤其適合高職學校的計算機程序設計課程教學，同樣設用于學生水平參差、學生自控能力比較薄弱、課程的應用性比較強的《網頁制作》教學。項目教學法是本身也是從職業學校計算機程序設計課程教學中總結出來的，與網頁設計模塊化得思想相吻合，所以特別適用于培養“軟件藍領”專業的高職教學。

2 項目教學法在《網頁制作》教學中的實施

1)項目的選擇與教材的處理

項目的選取時學習的關鍵。選取項目要以教學的內容為依據，可大可小，既要包含基本的教學知識點，又能調動學生解決問題的積極性，讓學生既能運用學過的知識，又可以創造發揮。教師和學生可以共同參與項目的選取。作為教師對知識點進行講解的實例，所選取的項目必須要有一定的難度，可促使學生學習和運用新的知識、技能，解決過去從末遇到過的實際問題。我選取的小項目是數碼網站，學生對這個項目也比較感興趣，也容易做出來，在后期分組做總網站項目時，也能嵌入在后期有分組項目中。

教材是一個問題。由于現行的教材基本根據學科知識系統進行編寫，教師實施項目教學法時，不能夠完全按照教材一章一節地講授，所以要求教師在設計教學時，必須重點選好示范項目，緊密結合教材內容，適當編寫講義，甚至編寫教材。

2)基礎知識操作示范，獨立探索

圍繞當前學習的知識點，以便于學生“知識遷移”的要求，選擇合適的小項目，并示范完成項目的過程。我選擇數碼網站這個小項目，讓學生用軟件實現該模塊的功能。讓學生獨立思考，對知識點進行理解，消化個人網站這個示范項目的解決要點，為解決練習項目打下基礎。要消化的要點主要有網站的規劃與創建、網頁的對象插入，框架與CSS樣式、行為和網頁代碼。

3)學生分組分工

將學生分成6-8個組，每組五、六名同學，每個組模擬一家設公司，學生自己進行任務分工;構思出一個數碼網站的域名和標志，設計出班級網站的框架結構，并在圖紙上繪出來。

通過填寫表1來進行小組分工。

4)協作學習

各小組開展交流、討論，組員分工協作，調試運行，完成項目。采取分組協作學習的方式，每組人數應適中，組員的個性、能力方面應采取互補方式搭配好，設立一小組長，協作組內成員分工，有利用同學之間互相學習。最后各小組充分發揮自己組員優勢。首先項目分析，得到問題解決的思路與方法。根據客戶提供的需求，利用word(visio)、photoshop、Dreamweaver等軟件制作項目策劃或草圖設計、效果圖、網站前臺方案。在網站設計過程中要求嵌入以下九個內容，覆蓋網頁制作課中的重要知識點:

①以數碼產品的在線宣傳為主題，設計一個網上商店的首頁，文件名為:index.htm。

②在頁面設計過程中要明確的體現出網頁上各個功能區域的劃分，比如:橫幅廣告區、網站導航區、消息公告區、主體內容區、版權聲明區等。

③在網頁中實現基本的滾動文字效果。

④在網頁中實現簡單的翻轉圖像效果。

⑤在網頁中嵌入簡單的媒體播放器。

⑥在網頁中嵌入FLASH動畫。

⑦在網頁中恰當的位置設計一個簡單的登錄表單。

⑧在網頁中實現超級鏈接效果。

⑨運用外部樣式表定制網頁風格，要求實現兩組風格，注意兩組風格之間結構和內容完全一致，只能體現出表現層的差異。

整個設計過程在項目經理的帶領下又分為以下五個階段:① 項目需求的整理;② 項目策劃(詳細)或草圖設計(粗略);③ 效果圖設計;④ 后期制作與前后代碼整臺。⑤ 存盤交付作品:每組將設計作品，存盤保存后交教師和同學集體評選。

5)學習評價

學生學習的效果直接由完成工程項目的情況來衡量，包括教師評價、學習小組評價和自評三部分。分三級來考核:第一級是由教師對小組完成項目情況進行評定:能否共同協作，實現預定功能;程序的優化;是否具有創新意識。第二級時由各小組成員根據各組員對本小組貢獻的情況進行互評，組員的參與意識;第三級時由學生本人進行自評，是否在原有的基礎上有所提高。綜合三級評定情況來確定每一名學生的學生成績。

實施步驟如下:各組項目經理向全班匯報、展示、交流本組設計的最終作品，在介紹過程中要求說明各組平面布置圖的設計思路以及制作過程中遇到什么問題，這些問題是如何解決的，同時，其他組的同學也可提出問題，讓設計者解釋設計所用的相關技術及特點。

最后各組之間進行互評互相學習，通過相互評價進一步修改各自的設計，評選出客戶最滿意的作品，教師點評。

自評/互評表如表2。

3結束語

通過項目教學法在計算機程序設計課程教學中的應用與實踐，筆者深刻體會到:項目教學法把理論教學與實踐教學有機會的結合起來，不僅有利于學生加深理解和掌握書本的理論知識，更是他們懂得怎樣靈活應用這些知識。項目教學法充分發掘了學生的創造潛能，全面培養了學生分析問題和解決問題的思想和方法，提高了學生對程序設計的意義建構，充分地展示了高等職業學校教學“以能力為本位”的價值取向。

參考文獻:

[1] 李歡.高職院校計算機應用專業教學體系研究[J].大學時代.2006(5).

[2] 徐涵.項目教學的理論基礎、基本特征及對教師的要求[J].職教論壇，2007，(3):9-12.

[3] 朱翠萍.論建構主義理論對課堂教學的啟示[J].教育與現代化，2004(2):76.