項(xiàng)目驅(qū)動(dòng)教學(xué)模式在《網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)中的運(yùn)用

摘要:《網(wǎng)頁(yè)制作》項(xiàng)目教學(xué)模式是指運(yùn)用所學(xué)的網(wǎng)頁(yè)設(shè)計(jì)與制作知識(shí)解決實(shí)際問(wèn)題，通過(guò)教師、同學(xué)及網(wǎng)絡(luò)的幫助，感受實(shí)際工作中網(wǎng)站設(shè)計(jì)的一般工作流程，學(xué)會(huì)表達(dá)解決問(wèn)題的過(guò)程和方法，培養(yǎng)學(xué)生綜合運(yùn)用知識(shí)分析、處理實(shí)際問(wèn)題的能力:鍛煉學(xué)生發(fā)現(xiàn)問(wèn)題的能力，提高學(xué)生組織能力、交往與合作能力、學(xué)習(xí)技能，將知識(shí)與能力結(jié)合起來(lái)、培養(yǎng)學(xué)生的創(chuàng)造能力。

關(guān)鍵詞:建構(gòu)注意理論;項(xiàng)目教學(xué)法;計(jì)算機(jī)網(wǎng)頁(yè)制作教學(xué);能力培養(yǎng)

中圖分類(lèi)號(hào):G424文獻(xiàn)標(biāo)識(shí)碼:A文章編號(hào):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

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

1 項(xiàng)目教學(xué)法在《網(wǎng)頁(yè)制作》中的基本思想

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

2 項(xiàng)目教學(xué)法在《網(wǎng)頁(yè)制作》教學(xué)中的實(shí)施

1)項(xiàng)目的選擇與教材的處理

項(xiàng)目的選取時(shí)學(xué)習(xí)的關(guān)鍵。選取項(xiàng)目要以教學(xué)的內(nèi)容為依據(jù)，可大可小，既要包含基本的教學(xué)知識(shí)點(diǎn)，又能調(diào)動(dòng)學(xué)生解決問(wèn)題的積極性，讓學(xué)生既能運(yùn)用學(xué)過(guò)的知識(shí)，又可以創(chuàng)造發(fā)揮。教師和學(xué)生可以共同參與項(xiàng)目的選取。作為教師對(duì)知識(shí)點(diǎn)進(jìn)行講解的實(shí)例，所選取的項(xiàng)目必須要有一定的難度，可促使學(xué)生學(xué)習(xí)和運(yùn)用新的知識(shí)、技能，解決過(guò)去從末遇到過(guò)的實(shí)際問(wèn)題。我選取的小項(xiàng)目是數(shù)碼網(wǎng)站，學(xué)生對(duì)這個(gè)項(xiàng)目也比較感興趣，也容易做出來(lái)，在后期分組做總網(wǎng)站項(xiàng)目時(shí)，也能嵌入在后期有分組項(xiàng)目中。

教材是一個(gè)問(wèn)題。由于現(xiàn)行的教材基本根據(jù)學(xué)科知識(shí)系統(tǒng)進(jìn)行編寫(xiě)，教師實(shí)施項(xiàng)目教學(xué)法時(shí)，不能夠完全按照教材一章一節(jié)地講授，所以要求教師在設(shè)計(jì)教學(xué)時(shí)，必須重點(diǎn)選好示范項(xiàng)目，緊密結(jié)合教材內(nèi)容，適當(dāng)編寫(xiě)講義，甚至編寫(xiě)教材。

2)基礎(chǔ)知識(shí)操作示范，獨(dú)立探索

圍繞當(dāng)前學(xué)習(xí)的知識(shí)點(diǎn)，以便于學(xué)生“知識(shí)遷移”的要求，選擇合適的小項(xiàng)目，并示范完成項(xiàng)目的過(guò)程。我選擇數(shù)碼網(wǎng)站這個(gè)小項(xiàng)目，讓學(xué)生用軟件實(shí)現(xiàn)該模塊的功能。讓學(xué)生獨(dú)立思考，對(duì)知識(shí)點(diǎn)進(jìn)行理解，消化個(gè)人網(wǎng)站這個(gè)示范項(xiàng)目的解決要點(diǎn)，為解決練習(xí)項(xiàng)目打下基礎(chǔ)。要消化的要點(diǎn)主要有網(wǎng)站的規(guī)劃與創(chuàng)建、網(wǎng)頁(yè)的對(duì)象插入，框架與CSS樣式、行為和網(wǎng)頁(yè)代碼。

3)學(xué)生分組分工

將學(xué)生分成6-8個(gè)組，每組五、六名同學(xué)，每個(gè)組模擬一家設(shè)公司，學(xué)生自己進(jìn)行任務(wù)分工;構(gòu)思出一個(gè)數(shù)碼網(wǎng)站的域名和標(biāo)志，設(shè)計(jì)出班級(jí)網(wǎng)站的框架結(jié)構(gòu)，并在圖紙上繪出來(lái)。

通過(guò)填寫(xiě)表1來(lái)進(jìn)行小組分工。

4)協(xié)作學(xué)習(xí)

各小組開(kāi)展交流、討論，組員分工協(xié)作，調(diào)試運(yùn)行，完成項(xiàng)目。采取分組協(xié)作學(xué)習(xí)的方式，每組人數(shù)應(yīng)適中，組員的個(gè)性、能力方面應(yīng)采取互補(bǔ)方式搭配好，設(shè)立一小組長(zhǎng)，協(xié)作組內(nèi)成員分工，有利用同學(xué)之間互相學(xué)習(xí)。最后各小組充分發(fā)揮自己組員優(yōu)勢(shì)。首先項(xiàng)目分析，得到問(wèn)題解決的思路與方法。根據(jù)客戶(hù)提供的需求，利用word(visio)、photoshop、Dreamweaver等軟件制作項(xiàng)目策劃或草圖設(shè)計(jì)、效果圖、網(wǎng)站前臺(tái)方案。在網(wǎng)站設(shè)計(jì)過(guò)程中要求嵌入以下九個(gè)內(nèi)容，覆蓋網(wǎng)頁(yè)制作課中的重要知識(shí)點(diǎn):

①以數(shù)碼產(chǎn)品的在線宣傳為主題，設(shè)計(jì)一個(gè)網(wǎng)上商店的首頁(yè)，文件名為:index.htm。

②在頁(yè)面設(shè)計(jì)過(guò)程中要明確的體現(xiàn)出網(wǎng)頁(yè)上各個(gè)功能區(qū)域的劃分，比如:橫幅廣告區(qū)、網(wǎng)站導(dǎo)航區(qū)、消息公告區(qū)、主體內(nèi)容區(qū)、版權(quán)聲明區(qū)等。

③在網(wǎng)頁(yè)中實(shí)現(xiàn)基本的滾動(dòng)文字效果。

④在網(wǎng)頁(yè)中實(shí)現(xiàn)簡(jiǎn)單的翻轉(zhuǎn)圖像效果。

⑤在網(wǎng)頁(yè)中嵌入簡(jiǎn)單的媒體播放器。

⑥在網(wǎng)頁(yè)中嵌入FLASH動(dòng)畫(huà)。

⑦在網(wǎng)頁(yè)中恰當(dāng)?shù)奈恢迷O(shè)計(jì)一個(gè)簡(jiǎn)單的登錄表單。

⑧在網(wǎng)頁(yè)中實(shí)現(xiàn)超級(jí)鏈接效果。

⑨運(yùn)用外部樣式表定制網(wǎng)頁(yè)風(fēng)格，要求實(shí)現(xiàn)兩組風(fēng)格，注意兩組風(fēng)格之間結(jié)構(gòu)和內(nèi)容完全一致，只能體現(xiàn)出表現(xiàn)層的差異。

整個(gè)設(shè)計(jì)過(guò)程在項(xiàng)目經(jīng)理的帶領(lǐng)下又分為以下五個(gè)階段:① 項(xiàng)目需求的整理;② 項(xiàng)目策劃(詳細(xì))或草圖設(shè)計(jì)(粗略);③ 效果圖設(shè)計(jì);④ 后期制作與前后代碼整臺(tái)。⑤ 存盤(pán)交付作品:每組將設(shè)計(jì)作品，存盤(pán)保存后交教師和同學(xué)集體評(píng)選。

5)學(xué)習(xí)評(píng)價(jià)

學(xué)生學(xué)習(xí)的效果直接由完成工程項(xiàng)目的情況來(lái)衡量，包括教師評(píng)價(jià)、學(xué)習(xí)小組評(píng)價(jià)和自評(píng)三部分。分三級(jí)來(lái)考核:第一級(jí)是由教師對(duì)小組完成項(xiàng)目情況進(jìn)行評(píng)定:能否共同協(xié)作，實(shí)現(xiàn)預(yù)定功能;程序的優(yōu)化;是否具有創(chuàng)新意識(shí)。第二級(jí)時(shí)由各小組成員根據(jù)各組員對(duì)本小組貢獻(xiàn)的情況進(jìn)行互評(píng)，組員的參與意識(shí);第三級(jí)時(shí)由學(xué)生本人進(jìn)行自評(píng)，是否在原有的基礎(chǔ)上有所提高。綜合三級(jí)評(píng)定情況來(lái)確定每一名學(xué)生的學(xué)生成績(jī)。

實(shí)施步驟如下:各組項(xiàng)目經(jīng)理向全班匯報(bào)、展示、交流本組設(shè)計(jì)的最終作品，在介紹過(guò)程中要求說(shuō)明各組平面布置圖的設(shè)計(jì)思路以及制作過(guò)程中遇到什么問(wèn)題，這些問(wèn)題是如何解決的，同時(shí)，其他組的同學(xué)也可提出問(wèn)題，讓設(shè)計(jì)者解釋設(shè)計(jì)所用的相關(guān)技術(shù)及特點(diǎn)。

最后各組之間進(jìn)行互評(píng)互相學(xué)習(xí)，通過(guò)相互評(píng)價(jià)進(jìn)一步修改各自的設(shè)計(jì)，評(píng)選出客戶(hù)最滿(mǎn)意的作品，教師點(diǎn)評(píng)。

自評(píng)/互評(píng)表如表2。

3結(jié)束語(yǔ)

通過(guò)項(xiàng)目教學(xué)法在計(jì)算機(jī)程序設(shè)計(jì)課程教學(xué)中的應(yīng)用與實(shí)踐，筆者深刻體會(huì)到:項(xiàng)目教學(xué)法把理論教學(xué)與實(shí)踐教學(xué)有機(jī)會(huì)的結(jié)合起來(lái)，不僅有利于學(xué)生加深理解和掌握書(shū)本的理論知識(shí)，更是他們懂得怎樣靈活應(yīng)用這些知識(shí)。項(xiàng)目教學(xué)法充分發(fā)掘了學(xué)生的創(chuàng)造潛能，全面培養(yǎng)了學(xué)生分析問(wèn)題和解決問(wèn)題的思想和方法，提高了學(xué)生對(duì)程序設(shè)計(jì)的意義建構(gòu)，充分地展示了高等職業(yè)學(xué)校教學(xué)“以能力為本位”的價(jià)值取向。

參考文獻(xiàn):

[1] 李歡.高職院校計(jì)算機(jī)應(yīng)用專(zhuān)業(yè)教學(xué)體系研究[J].大學(xué)時(shí)代.2006(5).

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

[3] 朱翠萍.論建構(gòu)主義理論對(duì)課堂教學(xué)的啟示[J].教育與現(xiàn)代化，2004(2):76.