項(xiàng)目式教學(xué)法在《網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作》教學(xué)中的應(yīng)用

楊小英

摘要：本文探討了在《網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作》課程教學(xué)中應(yīng)用項(xiàng)目式教學(xué)法的實(shí)施方法，著重討論了基于項(xiàng)目式教學(xué)的教學(xué)過程的設(shè)計(jì)。這種教學(xué)法，能夠充分調(diào)動學(xué)生的積極性和創(chuàng)造性，提升學(xué)生的技術(shù)修養(yǎng)和社會修養(yǎng)，提高學(xué)生的自主學(xué)習(xí)能力。

關(guān)鍵詞：項(xiàng)目式教學(xué)法網(wǎng)站設(shè)計(jì)自主學(xué)習(xí)

一、引言

《網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作》是我院計(jì)算機(jī)專業(yè)開設(shè)的一門重要專業(yè)技術(shù)課程。本課程由原來的《Dreamweaver網(wǎng)頁設(shè)計(jì)》、《Flash動畫制作》、《Photoshop圖像處理》等課程整合而成，它強(qiáng)調(diào)學(xué)生通過Dreamweaver、Flash、Photoshop以及ASP和數(shù)據(jù)庫的學(xué)習(xí)，熟悉網(wǎng)站開發(fā)的整體流程，并能運(yùn)用網(wǎng)站設(shè)計(jì)制作的技術(shù)、技巧自主開發(fā)網(wǎng)站，同時培養(yǎng)學(xué)生的溝通協(xié)作能力、工程意識、質(zhì)量觀念等職業(yè)素質(zhì)。該課程在教學(xué)上本著“學(xué)以致用”的原則，采用項(xiàng)目式教學(xué)法，以典型實(shí)用項(xiàng)目為訓(xùn)練內(nèi)容，以同學(xué)自己承接的企業(yè)、商店網(wǎng)站為教學(xué)內(nèi)容，通過提出問題、分析問題并解決問題，串聯(lián)起各部分知識點(diǎn)，由簡單到復(fù)雜層層遞進(jìn)，培養(yǎng)學(xué)生實(shí)際操作能力與應(yīng)用能力。

在教學(xué)界“項(xiàng)目式教學(xué)”已經(jīng)不再新鮮，它是以職業(yè)活動為導(dǎo)向，以實(shí)用項(xiàng)目為載體，將教學(xué)內(nèi)容與實(shí)際工作相結(jié)合，教學(xué)組織與項(xiàng)目實(shí)施相吻合，使學(xué)生切實(shí)感到現(xiàn)實(shí)工作的實(shí)際需要，充分激發(fā)學(xué)生的學(xué)習(xí)動力，突出對學(xué)生職業(yè)技能的培養(yǎng)的一種教學(xué)方式，適用于學(xué)習(xí)各種實(shí)踐性和操作性較強(qiáng)的知識和技能。從管理學(xué)角度來說，“項(xiàng)目是指那些作為管理對象，按限定時間、預(yù)算和質(zhì)量標(biāo)準(zhǔn)完成的一次性任務(wù)?！?/p>

二、項(xiàng)目式教學(xué)法的實(shí)施過程

《網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作》課程的傳統(tǒng)教學(xué)方法一般是：先介紹Drcamweaver的基礎(chǔ)，然后是插入網(wǎng)頁對象、使用超鏈接、使用表格等，按照這樣的流程將每一塊獨(dú)立講述、練習(xí)，這樣的授課流程和方式會讓學(xué)生感覺機(jī)械、生硬，并且所學(xué)知識點(diǎn)零散、無法形成系統(tǒng)化思維。課程結(jié)束后，學(xué)生對網(wǎng)頁制作的基本技能掌握了，但對整個網(wǎng)站的建設(shè)流程、建設(shè)模式仍然不清楚，致使以后到達(dá)企業(yè)后沒有能力設(shè)計(jì)制作網(wǎng)站，這也就失去了本課程開設(shè)的目的。

經(jīng)過多年的教學(xué)摸索，我們采用的項(xiàng)目式教學(xué)法逐漸成熟，達(dá)到了良好的教學(xué)效果。

1.精心選取項(xiàng)目案例

項(xiàng)目教學(xué)法作為本門課程的主要教學(xué)法，項(xiàng)目的選取是至關(guān)重要的。這一過程主要考慮幾個因素：首先，這個項(xiàng)目中所涉及的內(nèi)容符合學(xué)生已有的知識和正在學(xué)習(xí)的知識；其次，這個項(xiàng)目符合實(shí)際，貼近學(xué)生的生活，與企業(yè)實(shí)際生產(chǎn)過程或現(xiàn)實(shí)商業(yè)活動有直接關(guān)系；第三，這個項(xiàng)目能讓學(xué)生感興趣，能激勵學(xué)生收集有關(guān)資料的主動性。激發(fā)學(xué)生學(xué)習(xí)積極性；第四，這個項(xiàng)目具有一定的難度，能讓學(xué)生結(jié)合已有的知識技能和正在學(xué)習(xí)的知識技能，解決以前從未解決過的問題；第五，這個項(xiàng)目內(nèi)容能夠樹立學(xué)生學(xué)習(xí)的自信心。

在整個的教學(xué)過程中，根據(jù)課程的教學(xué)大綱要求，選擇了“網(wǎng)上書店”作為主要的、貫穿始末的項(xiàng)目進(jìn)行教學(xué)。

2.合理選取理論教學(xué)內(nèi)容和教材

采用項(xiàng)目式教學(xué)法講授《網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作》課程，必須注重分析項(xiàng)目，圍繞項(xiàng)目組織相應(yīng)的教學(xué)內(nèi)容。本課程是結(jié)合了Dreamweaver、Flash、Photoshop以及ASP和數(shù)據(jù)庫的綜合性比較強(qiáng)的課程，在理論教學(xué)內(nèi)容上應(yīng)該根據(jù)課程目標(biāo)的需要而定，以必需、夠用為原則，適當(dāng)控制。

由于本課程開設(shè)之前學(xué)生已經(jīng)具備一定計(jì)算機(jī)操作能力，也有了一些可視化開發(fā)工具的基礎(chǔ)知識，因此有關(guān)網(wǎng)站建設(shè)的環(huán)境，學(xué)生很容易理解接受，這部分內(nèi)容可以通過快速講解讓學(xué)生建立感性認(rèn)識，之后在實(shí)際應(yīng)用中慢慢熟練掌握。Flash、Photoshop的應(yīng)用在網(wǎng)頁制作過程中是必不可少的，它決定著網(wǎng)站建設(shè)前方案設(shè)計(jì)的效果，也就意味著整個網(wǎng)站的最終視覺效果取決于它，因此Flash和Photoshop的基本操作方法以及具體應(yīng)用是整個項(xiàng)目建設(shè)中的關(guān)鍵內(nèi)容，不容忽視。而Dreamweaver是整個項(xiàng)目實(shí)施的環(huán)境和基本工具，是本課程的重點(diǎn)，教學(xué)課時在整個計(jì)劃課時的三分之二左右。而ASP和數(shù)據(jù)庫是對Dreamweaver靜態(tài)網(wǎng)站的一個補(bǔ)充，在理論教學(xué)內(nèi)容和教學(xué)課時上相對少一些。

通過精心選取合適的理論教學(xué)內(nèi)容，確定課程的側(cè)重點(diǎn)，摒棄過多類似、重復(fù)性和不常用的理論知識，使學(xué)生在有限的時間內(nèi)掌握必要的內(nèi)容，并最終應(yīng)用到實(shí)際開發(fā)當(dāng)中。

基于本課程的特點(diǎn)，教材的選取也很重要。而市面上網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作的教材不少，但適合我們的項(xiàng)目式教學(xué)的教材卻不多。合適的教材應(yīng)該包含網(wǎng)站建設(shè)基本流程的一些基礎(chǔ)理論知識、網(wǎng)站系統(tǒng)分析和整體形象設(shè)計(jì)的知識點(diǎn)和具體操作方法，側(cè)重于網(wǎng)站實(shí)施所涉及的知識點(diǎn)和具體項(xiàng)目。同時考慮教學(xué)的對象是高職高專學(xué)生，項(xiàng)目不易太難太大，因此我們自行編寫了《網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作》的校本教材，從當(dāng)前的使用效果看，明顯比以前選用的其他教材好。

3.合理利用教學(xué)手段

本課程是一門實(shí)踐性很強(qiáng)的課程，充分利用實(shí)踐課時顯得尤為重要。利用現(xiàn)代化教學(xué)手段，教學(xué)中采用電子演示文稿、大屏幕多媒體投影演示、網(wǎng)絡(luò)教學(xué)等教學(xué)手段，使教學(xué)方法現(xiàn)代化。增加了課堂教學(xué)的信息量，提高了課時利用率，增強(qiáng)了教學(xué)效果。在教學(xué)過程中，充分利用多媒體教室、計(jì)算機(jī)實(shí)驗(yàn)室、校園網(wǎng)等綜合應(yīng)用的現(xiàn)代化教學(xué)手段，以能力培養(yǎng)為目標(biāo)，倡導(dǎo)創(chuàng)新學(xué)習(xí)和自主學(xué)習(xí)。

4.精心設(shè)計(jì)基于項(xiàng)。目式教學(xué)的教學(xué)過程

本課程的教學(xué)過程實(shí)際上是一個項(xiàng)目的開發(fā)過程，當(dāng)整個教學(xué)任務(wù)完成，那么也意味著一個完整的項(xiàng)目已經(jīng)完成。

在課程實(shí)施前，學(xué)生利用課余的時間去承接項(xiàng)目，項(xiàng)目來源可以是小商鋪、企業(yè)、酒店等。承接到項(xiàng)目后要及時匯報給老師。由老師做最后的統(tǒng)計(jì)，并確定好項(xiàng)目。然后采用抽簽的方式將學(xué)生分成多個小組，再由每個小組選擇代表抽取具體的項(xiàng)目。一般一個項(xiàng)目由2～4個小組分別開發(fā)，目的是為了增加小組之間的競爭性，以及為客戶提供多個選擇方案。各小組討論確定本小組的小組長，并進(jìn)行分工，填寫小組分工表。

在教學(xué)過程中，根據(jù)項(xiàng)目開發(fā)的基本流程將整個過程劃分為：準(zhǔn)備工作、方案設(shè)計(jì)、實(shí)施、調(diào)試和維護(hù)幾個階段，再根據(jù)實(shí)際需要將其分為若干個子項(xiàng)目，而每個子項(xiàng)目的實(shí)施過程如下：

(1)項(xiàng)目引入：結(jié)合前期教學(xué)內(nèi)容，提出新的項(xiàng)目及目標(biāo)。

(2)項(xiàng)目分析：將新提出的項(xiàng)目分解、分析。確定該項(xiàng)目中需要解決的實(shí)際問題及解決方法。

(3)技能要求：提出在實(shí)施該項(xiàng)目過程中所需要掌握的技能。

(4)項(xiàng)目展示：將老師的案例項(xiàng)目在完成前期項(xiàng)目的基礎(chǔ)上，通過運(yùn)用該項(xiàng)目中的技能所得到的結(jié)果展示給學(xué)生。

(5)操作演示：將案例項(xiàng)目的實(shí)施過程演示給學(xué)生看，提出該項(xiàng)目中的重難點(diǎn)及注意點(diǎn)。

(6)模仿操作：學(xué)生通過觀看老師的操作過程，結(jié)合自己的主題網(wǎng)站將項(xiàng)目中的技能模仿操作一遍。

(7)歸納總結(jié)：通過該項(xiàng)目的實(shí)施，引導(dǎo)學(xué)生提出改進(jìn)和完善方案，并鼓勵學(xué)生運(yùn)用所學(xué)知識在項(xiàng)目中實(shí)現(xiàn)，這有助于培養(yǎng)學(xué)生提出問題、解決問題的能力，充分發(fā)揮學(xué)生在學(xué)習(xí)過程中的主體作用。

(8)項(xiàng)目完善：通過總結(jié)將學(xué)生自己提出的改進(jìn)和完善方案應(yīng)用到實(shí)際網(wǎng)站中去，進(jìn)一步完善自己的網(wǎng)站。

三、項(xiàng)目式教學(xué)成果的評價方法

根據(jù)本課程的教學(xué)特點(diǎn)，最后的評價方法以實(shí)踐考核為主，分為過程考核與結(jié)果考核兩項(xiàng)。考核的內(nèi)容是通過合作或個人制作的方式制作具備一定規(guī)模及水準(zhǔn)的靜態(tài)網(wǎng)站。

過程考核包括了是否符合企業(yè)當(dāng)中的5s要求，如出勤、課堂表現(xiàn)、工作態(tài)度，還有與客戶的溝通，與小組成員的合作等。

結(jié)果考核即作品考核，包括作品的版面、內(nèi)容、創(chuàng)意和技術(shù)，策劃書是否滿足客戶需求，對本網(wǎng)站的硬件環(huán)境、軟件環(huán)境等進(jìn)行說明的說明書(readme.txt)等。

此外將項(xiàng)目開發(fā)完成后客戶的反饋意見，是否已投入使用等作為一個附加考核依據(jù)。整個實(shí)踐考核過程并非只是老師的工作，全班的學(xué)生都參與到其中，即網(wǎng)站的開發(fā)者要對自己進(jìn)行自評，其他學(xué)生和老師從客戶或?yàn)g覽者或合作者的角度對網(wǎng)站或個人進(jìn)行評價。