項(xiàng)目教學(xué)法在中職網(wǎng)頁(yè)制作課程教學(xué)中的實(shí)踐研究

◆羅淑平

中職的生源普遍是比較差的，他們大部分是普通高中篩選下來(lái)的，有一些學(xué)生學(xué)習(xí)情緒不高，對(duì)學(xué)習(xí)也沒(méi)什么興趣；有一些學(xué)生學(xué)習(xí)習(xí)慣非常不好，對(duì)學(xué)習(xí)要求非常的低，對(duì)自己繼續(xù)學(xué)習(xí)也沒(méi)什么信心；但也有一些學(xué)生學(xué)習(xí)非常認(rèn)真，對(duì)自己要求較高，有良好的學(xué)習(xí)習(xí)慣，希望能夠通過(guò)職業(yè)學(xué)校的學(xué)習(xí)，來(lái)提高自己的學(xué)歷，增加就業(yè)的機(jī)會(huì)。面對(duì)這種復(fù)雜的生源情況，對(duì)中職學(xué)校的教師來(lái)說(shuō)，在課堂教育中應(yīng)該改變傳統(tǒng)的教學(xué)法，嘗試新的教學(xué)法，爭(zhēng)取使大多數(shù)學(xué)生都能聽(tīng)得懂、學(xué)得會(huì)、樂(lè)意學(xué)。

而網(wǎng)頁(yè)制作又是很多中等職業(yè)技術(shù)學(xué)校計(jì)算機(jī)和網(wǎng)絡(luò)專業(yè)的必修課，這是一門實(shí)踐性和綜合性很強(qiáng)的課程。要設(shè)計(jì)一個(gè)高水平的網(wǎng)站，學(xué)生不僅僅要掌握Dreamweaver軟件的應(yīng)用，還要掌握Photoshop軟件和Flash軟件的應(yīng)用，它們?cè)诰W(wǎng)站的設(shè)計(jì)中擔(dān)任了非常重要的角色，同時(shí)還要求學(xué)生掌握配色的相關(guān)知識(shí)、有一定的審美能力，能夠通過(guò)網(wǎng)絡(luò)查閱資料，學(xué)習(xí)別人的優(yōu)秀作品。這么多知識(shí)點(diǎn)要能夠靈活地綜合運(yùn)用，最好的教學(xué)方法就是通過(guò)項(xiàng)目教學(xué)來(lái)實(shí)現(xiàn)。

1 什么是項(xiàng)目教學(xué)法

項(xiàng)目教學(xué)法是師生為共同實(shí)施一個(gè)完整的項(xiàng)目而進(jìn)行的教學(xué)活動(dòng)，這個(gè)項(xiàng)目能夠?qū)⒔虒W(xué)的理論知識(shí)和實(shí)踐操作結(jié)合起來(lái)，但是在實(shí)施這個(gè)項(xiàng)目的過(guò)程中不再以教師的講解為主體，而是以學(xué)生為主、教師為輔。學(xué)生在教師的引導(dǎo)下去尋找解決問(wèn)題的方法，要求每個(gè)學(xué)生都參與到這個(gè)項(xiàng)目的每一個(gè)環(huán)節(jié)中，從項(xiàng)目的調(diào)研、信息與素材的收集、方案的制訂、實(shí)施項(xiàng)目到最后的評(píng)價(jià)，學(xué)生都要參與進(jìn)來(lái)，自己克服、處理在項(xiàng)目工作中出現(xiàn)的種種困難和問(wèn)題。教師在學(xué)生項(xiàng)目的進(jìn)行過(guò)程中，要引導(dǎo)學(xué)生把握每一個(gè)環(huán)節(jié)的基本要求。針對(duì)中職學(xué)生和網(wǎng)頁(yè)制作課程的特點(diǎn)，在各種教學(xué)方法中，項(xiàng)目教學(xué)是一種非常可行有效的教學(xué)方法，能夠?qū)⒗碚撝R(shí)與操作技能結(jié)合在一起，貼近工廠和企業(yè)的實(shí)踐，也能夠培養(yǎng)學(xué)生的創(chuàng)新思維，提高了他們的學(xué)習(xí)興趣和學(xué)習(xí)積極性，同時(shí)也鍛煉了學(xué)生分析問(wèn)題、解決問(wèn)題的能力，提高了他們的綜合素質(zhì)和專業(yè)技能，為他們將來(lái)的就業(yè)或升學(xué)打下了扎實(shí)的基礎(chǔ)。

筆者一直從事網(wǎng)頁(yè)方面的教學(xué)工作，通過(guò)不斷地探索和改進(jìn)自己的教學(xué)方法，發(fā)現(xiàn)項(xiàng)目教學(xué)法非常適合網(wǎng)頁(yè)制作這門課程的教學(xué)。接下來(lái)以“index頁(yè)面的設(shè)計(jì)”這一項(xiàng)目的制作過(guò)程，來(lái)闡述項(xiàng)目教學(xué)法在中職網(wǎng)頁(yè)制作課程中的應(yīng)用。

2 項(xiàng)目教學(xué)在課程教學(xué)中的實(shí)施

根據(jù)自己的教學(xué)體驗(yàn)，筆者認(rèn)為實(shí)施項(xiàng)目教學(xué)法一般應(yīng)按照以下四個(gè)教學(xué)階段進(jìn)行。

確定項(xiàng)目任務(wù) 當(dāng)訪問(wèn)一個(gè)網(wǎng)站，首先進(jìn)入用戶視線的是它的主頁(yè)，也就是所謂的首頁(yè)，要想給訪問(wèn)者留下特別的印象，關(guān)鍵還是看它的index頁(yè)面的設(shè)計(jì)，所以設(shè)計(jì)一個(gè)別具一格的index頁(yè)面，對(duì)一個(gè)網(wǎng)站來(lái)說(shuō)是非常重要的。當(dāng)用戶訪問(wèn)那些優(yōu)秀的網(wǎng)頁(yè)，會(huì)發(fā)現(xiàn)這些頁(yè)面的顏色搭配爽心悅目、風(fēng)格設(shè)計(jì)獨(dú)特、布局合理，而且它們非常地協(xié)調(diào)。所以網(wǎng)頁(yè)制作是一門綜合性很強(qiáng)的課程，要求學(xué)生不僅僅要掌握Dreamweaver軟件的應(yīng)用，還要掌握Photoshop的設(shè)計(jì)技巧，同時(shí)要求學(xué)生掌握配色的相關(guān)知識(shí)。為了增強(qiáng)視覺(jué)的動(dòng)態(tài)效果，掌握Flash設(shè)計(jì)技巧也是很關(guān)鍵的。因此，網(wǎng)站的index頁(yè)的設(shè)計(jì)為項(xiàng)目任務(wù)，任務(wù)確定后，學(xué)生可以分組討論，發(fā)表自己的想法和觀點(diǎn)，充分發(fā)揮自己的想象力和創(chuàng)造力；教師可以適當(dāng)?shù)匾龑?dǎo)，讓學(xué)生根據(jù)所學(xué)知識(shí)和自己的能力，設(shè)計(jì)出自己的作品。目的是讓學(xué)生的設(shè)計(jì)能力、解決問(wèn)題能力、實(shí)踐動(dòng)手能力都有一個(gè)很大的提高。

制訂項(xiàng)目計(jì)劃 項(xiàng)目任務(wù)確定后，下面要制訂項(xiàng)目計(jì)劃，要對(duì)涉及的問(wèn)題進(jìn)行討論、分析、研究，最后確定操作步驟，選擇相應(yīng)的方法。制訂操作計(jì)劃：1）分組討論并確定主題；2）借助網(wǎng)絡(luò)平臺(tái)收集相關(guān)素材；3）畫好架構(gòu)圖，并構(gòu)思好網(wǎng)站的布局；4）用平面處理軟件繪制index頁(yè)，并配好顏色；5）把繪制好的頁(yè)面做成切片；6）新建站點(diǎn)，導(dǎo)出切片，并保存為網(wǎng)頁(yè)格式的文件；7）美化圖片，完成網(wǎng)頁(yè)的制作；7）設(shè)置超級(jí)鏈接、動(dòng)畫等；8）保存、測(cè)試、提交文件。

項(xiàng)目的實(shí)施 項(xiàng)目的實(shí)施階段是項(xiàng)目教學(xué)的關(guān)鍵部分，學(xué)生的大部分實(shí)踐操作學(xué)習(xí)是在這個(gè)過(guò)程中完成的。這個(gè)過(guò)程也是充分體現(xiàn)了教與練的過(guò)程，也是一個(gè)把理論知識(shí)轉(zhuǎn)化為一個(gè)具體實(shí)物或項(xiàng)目的過(guò)程，可以分以下幾個(gè)步驟來(lái)完成。

1）分組。為了活躍課堂氣氛，可以對(duì)班級(jí)學(xué)生采用抽簽的形式進(jìn)行分組，但每組的人數(shù)是固定的，分組后每組選出一名組長(zhǎng)，然后分組討論項(xiàng)目的主題。大家可以暢所欲言，把自己一些比較好的、新穎的觀點(diǎn)提出來(lái)，再把這些觀點(diǎn)總結(jié)、歸類，最后確定項(xiàng)目的主題。此時(shí)課堂氣氛已經(jīng)非常活躍，學(xué)生的興致也很高，這時(shí)教師要求每組上交各組的人員情況和負(fù)責(zé)人的名單，以及各組的項(xiàng)目主題，如表1所示。

表1

2）收集素材并確定網(wǎng)站內(nèi)容。根據(jù)每組已經(jīng)確定好的項(xiàng)目主題，組長(zhǎng)要安排、協(xié)調(diào)好組員的工作，要求人人都參與，人人有事做，有些組員可以收集素材，有些組員可以規(guī)劃網(wǎng)站目錄結(jié)構(gòu)，有些組員可以規(guī)劃網(wǎng)站欄目，有些組員可以組織網(wǎng)站內(nèi)容。在這個(gè)過(guò)程中，教師可以適當(dāng)?shù)攸c(diǎn)評(píng)，以調(diào)動(dòng)學(xué)生的積極性。如旅游網(wǎng)，它可以包含的欄目有當(dāng)?shù)赜巍⒅苓呌巍⑹?nèi)游、國(guó)內(nèi)游、出境游、自助行、跟團(tuán)行等。

3）制作。進(jìn)入了項(xiàng)目實(shí)質(zhì)性的制作階段，首先要明確首頁(yè)的構(gòu)成元素：標(biāo)題欄、導(dǎo)航欄、主體部分等。明確了首頁(yè)的構(gòu)成元素后，再確定網(wǎng)頁(yè)版面布局，布局時(shí)要有一定的層次感，標(biāo)題欄一般位于網(wǎng)頁(yè)的最上端，主要是用來(lái)突出網(wǎng)站的主題，也體現(xiàn)了本網(wǎng)站的設(shè)計(jì)風(fēng)格，標(biāo)題欄一般包含有LOGO和BANNER兩部分；導(dǎo)航欄是一個(gè)網(wǎng)站的向?qū)В軌蛞I(lǐng)訪問(wèn)者去瀏覽自己想要的信息，它的形態(tài)和構(gòu)成是否合理，也是一個(gè)網(wǎng)站能否成功的重要因素，所以學(xué)生可以根據(jù)網(wǎng)頁(yè)的內(nèi)容，設(shè)計(jì)一些有創(chuàng)意性的、有個(gè)性的導(dǎo)航欄；也可以利用菜單按鈕或者移動(dòng)的圖像來(lái)設(shè)計(jì)導(dǎo)航欄，這樣的設(shè)計(jì)區(qū)別于一般內(nèi)容和其他文本。主體部分的設(shè)計(jì)必須主次分明、圖文并茂、突出重點(diǎn)、顏色搭配合理。

版面布局完成后，還要考慮網(wǎng)頁(yè)的顏色搭配。有很多優(yōu)秀的網(wǎng)站，它們的色彩搭配令人爽心悅目，所以顏色的合理搭配在網(wǎng)頁(yè)制作中起著非常大的作用。但是對(duì)于學(xué)生來(lái)說(shuō)，往往不容易駕馭好網(wǎng)頁(yè)的顏色搭配。除了去學(xué)習(xí)和模仿一些著名網(wǎng)站的配色方法之外，還要多學(xué)習(xí)各種色彩理論的知識(shí)，對(duì)設(shè)計(jì)一個(gè)成功網(wǎng)站會(huì)有很大的幫助。

布局和色調(diào)確定后，首先用Photoshop來(lái)進(jìn)行繪制，再做成切片；然后建立新站點(diǎn)，導(dǎo)出切片，保存為HTML文件，并完善網(wǎng)頁(yè)的鏈接等功能；最后測(cè)試、發(fā)布網(wǎng)站。

展示與評(píng)價(jià) 在項(xiàng)目完成之后，要求每組對(duì)他們的作品進(jìn)行必要的展示，以此肯定他們的勞動(dòng)成果，使他們獲得一定的成就感。在展示作品的過(guò)程中，要求本組成員指出作品的優(yōu)點(diǎn)和不足的地方，其他組的成員在欣賞作品時(shí)，既可以學(xué)習(xí)借鑒別組作品的優(yōu)點(diǎn)，也可以提出自己的觀點(diǎn)和看法，這樣可以讓學(xué)生在思路上得到一些啟發(fā)。這期間，教師以點(diǎn)評(píng)為輔，肯定作品的長(zhǎng)處和指出作品需改進(jìn)的地方。通過(guò)這項(xiàng)活動(dòng)，可以讓學(xué)生進(jìn)一步熟悉有關(guān)的知識(shí)、技能，反思自己的項(xiàng)目進(jìn)程和有關(guān)的處理方法，為后面的學(xué)習(xí)打下扎實(shí)的基礎(chǔ)。

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

通過(guò)完成這樣的項(xiàng)目設(shè)計(jì)制作，學(xué)生的主動(dòng)性學(xué)習(xí)得到了空前的提高，他們由以前的老師要我學(xué)變成了我要學(xué)。在這種積極主動(dòng)的學(xué)習(xí)環(huán)境中，激發(fā)了學(xué)生的好奇心和創(chuàng)造力，使得他們不僅掌握了課堂上的所學(xué)知識(shí)，而且在教師有目的的引導(dǎo)下，培養(yǎng)了他們分析問(wèn)題、解決問(wèn)題的能力。對(duì)教師而言，也轉(zhuǎn)變了他們傳統(tǒng)的教育觀念和教學(xué)方式，做到了與時(shí)俱進(jìn)，教師不再是一個(gè)單純的知識(shí)傳遞者，而應(yīng)該成為學(xué)生學(xué)習(xí)的指導(dǎo)者、組織者和促進(jìn)者，使得學(xué)生獨(dú)立研究的道路越走越順暢。同時(shí)在指導(dǎo)學(xué)生和觀察學(xué)生的過(guò)程中，也開(kāi)闊了自己的視野，提高了自身的專業(yè)水平。

可以看出來(lái)，項(xiàng)目教學(xué)法是以學(xué)生為主體、教師為輔導(dǎo)，共同完成項(xiàng)目，而且教師和學(xué)生又能在這個(gè)過(guò)程中共同取得進(jìn)步的教學(xué)方法。在中等職業(yè)技術(shù)學(xué)校的教學(xué)中，項(xiàng)目教學(xué)法應(yīng)該廣泛地應(yīng)用，這種教學(xué)法有其獨(dú)特的優(yōu)勢(shì)。

[1]周利民.項(xiàng)目教學(xué)法在計(jì)算機(jī)課程教學(xué)中的實(shí)踐[J].電腦知識(shí)與技術(shù),2008(9):1685-1688.

[2]張仁西.談項(xiàng)目教學(xué)法的實(shí)施[J].鎮(zhèn)江高專學(xué)報(bào),2008(4).

[3]金湖根.項(xiàng)目制教學(xué)法在《市場(chǎng)營(yíng)銷學(xué)教學(xué)中的應(yīng)用》[J].浙江工商職業(yè)技術(shù)學(xué)院學(xué)報(bào),2OlO(2).