項(xiàng)目驅(qū)動(dòng)加任務(wù)驅(qū)動(dòng)教學(xué)法在網(wǎng)頁(yè)設(shè)計(jì)課程中的應(yīng)用

摘要：針對(duì)學(xué)生學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)課程中出現(xiàn)的問(wèn)題，我們提出了一個(gè)解決問(wèn)題的辦法：項(xiàng)目驅(qū)動(dòng)加任務(wù)驅(qū)動(dòng)的教學(xué)方法。通過(guò)學(xué)生參與項(xiàng)目實(shí)施的過(guò)程，在完成任務(wù)的過(guò)程中激發(fā)學(xué)生學(xué)習(xí)的主動(dòng)性和創(chuàng)造性。

關(guān)鍵詞：任務(wù)驅(qū)動(dòng)；項(xiàng)目驅(qū)動(dòng)；網(wǎng)頁(yè)設(shè)計(jì)；教學(xué)模式

中圖分類(lèi)號(hào)：G642.0 文獻(xiàn)標(biāo)志碼：A 文章編號(hào)：1674-9324（2013）45-0073-02

一、引言

《計(jì)算機(jī)實(shí)用技術(shù)》課程在樂(lè)山師范學(xué)院是一門(mén)普通本科生必修的課程，以網(wǎng)頁(yè)制作作為手段學(xué)習(xí)使用計(jì)算機(jī)。在專(zhuān)業(yè)基礎(chǔ)課程中，這門(mén)課程也占有一定地位，在開(kāi)設(shè)這門(mén)課程時(shí)，有一個(gè)非常普遍的問(wèn)題：學(xué)完課程以后，學(xué)生做出來(lái)的網(wǎng)頁(yè)，大多只是一個(gè)東拼西湊的“大雜燴”。針對(duì)這種問(wèn)題，我們提出了一個(gè)解決問(wèn)題的辦法：項(xiàng)目驅(qū)動(dòng)加任務(wù)驅(qū)動(dòng)的教學(xué)方法。通過(guò)學(xué)生參與項(xiàng)目實(shí)施的過(guò)程，在完成任務(wù)的過(guò)程中激發(fā)學(xué)生學(xué)習(xí)的主動(dòng)性和創(chuàng)造性。

二、教學(xué)內(nèi)容與時(shí)間的調(diào)整

《網(wǎng)頁(yè)制作》課程的主要教學(xué)內(nèi)容都是網(wǎng)頁(yè)制作軟件的學(xué)習(xí)與使用。比如先學(xué)Dreamweaver，后學(xué)習(xí)Photoshop，再學(xué)習(xí)Flash，一部分一部分地學(xué)習(xí)軟件的各種功能并進(jìn)行分項(xiàng)練習(xí)，學(xué)完軟件全部功能后做一個(gè)綜合性的課程作業(yè)，比如一個(gè)個(gè)人網(wǎng)站。但學(xué)生學(xué)了后面的忘記了前面的，前后無(wú)法聯(lián)系起來(lái)，也無(wú)法完整統(tǒng)一。我們把這個(gè)順序調(diào)整為：先學(xué)會(huì)一個(gè)簡(jiǎn)單網(wǎng)頁(yè)的設(shè)計(jì)、網(wǎng)站的搭建，用表格布局一個(gè)網(wǎng)頁(yè)，然后插入網(wǎng)頁(yè)設(shè)計(jì)與制作的基礎(chǔ)知識(shí)，并結(jié)合世界上知名網(wǎng)站作為項(xiàng)目和老師已經(jīng)完成的靜態(tài)網(wǎng)站項(xiàng)目進(jìn)行分析，介紹網(wǎng)站的整體設(shè)計(jì)、版面布局、色彩搭配，以及如何統(tǒng)一網(wǎng)站的風(fēng)格，如何使用圖片來(lái)美化網(wǎng)站，如何加入Flash動(dòng)畫(huà)增加視覺(jué)沖擊力。完成對(duì)這些典型網(wǎng)站的分析后，向?qū)W生提出這門(mén)課程總的學(xué)習(xí)任務(wù)，通過(guò)學(xué)習(xí)這門(mén)課程，大家要自己動(dòng)手制作一個(gè)符合要求的個(gè)人網(wǎng)站，并試著動(dòng)手自己布局一個(gè)自己的網(wǎng)頁(yè)。在完成自己的網(wǎng)站的過(guò)程中學(xué)生會(huì)發(fā)現(xiàn)，網(wǎng)絡(luò)上找的圖片素材大小不合適、風(fēng)格不搭調(diào)，F(xiàn)LASH動(dòng)畫(huà)也不合自己的主題。這時(shí)學(xué)生會(huì)渴望了解怎么才能解決這些疑惑，這份渴望就是學(xué)習(xí)的動(dòng)力，是使學(xué)生學(xué)好這門(mén)課的基礎(chǔ)和前提。把教學(xué)內(nèi)容先分解后總體調(diào)整為先總體后分解。

三、教學(xué)模式的調(diào)整

在教學(xué)過(guò)程中，老師先展示一個(gè)完整的個(gè)人網(wǎng)站作為項(xiàng)目，再把此網(wǎng)站分解成一個(gè)一個(gè)的目標(biāo)任務(wù)，采用先老師示范案例，學(xué)生完成示范案例，再布置相似任務(wù)，要求學(xué)生完成，從網(wǎng)站首頁(yè)開(kāi)始設(shè)計(jì)，布局、色彩的使用、圖片的使用、動(dòng)畫(huà)的使用等，因?yàn)閷W(xué)生都沒(méi)有Photoshop和Flash的基礎(chǔ)，要求網(wǎng)站中圖片和動(dòng)畫(huà)的制作都要在后面的案例中出現(xiàn)，但是學(xué)生沒(méi)有已經(jīng)處理好的圖片，勢(shì)必要到網(wǎng)上找素材，但發(fā)現(xiàn)找來(lái)找去都不那么合適，這就為后面的Photoshop和Flash的學(xué)習(xí)埋下伏筆，也符合項(xiàng)目驅(qū)動(dòng)教學(xué)方法的設(shè)計(jì)需要。

在項(xiàng)目設(shè)計(jì)的時(shí)候要注意，對(duì)于大多數(shù)學(xué)生來(lái)說(shuō)這幾大軟件都是零基礎(chǔ)，網(wǎng)頁(yè)布局和圖片設(shè)計(jì)以及動(dòng)畫(huà)設(shè)計(jì)案例都不能太難，要能激發(fā)學(xué)生學(xué)習(xí)的積極性和能動(dòng)性，網(wǎng)頁(yè)設(shè)計(jì)中的圖片和動(dòng)畫(huà)都出現(xiàn)在后面相應(yīng)的案例中，前后有個(gè)連貫性，所涉及的知識(shí)和技能要符合最近發(fā)展區(qū)理論，通過(guò)學(xué)生的合作探索和自主學(xué)習(xí)是有能力完成的。

普通的網(wǎng)頁(yè)制作課程一般會(huì)采用諸如“制作一個(gè)網(wǎng)站、頁(yè)面不少于若干頁(yè)、內(nèi)容不限、風(fēng)格不限”等形式的課程作業(yè)。這種類(lèi)型的作業(yè)過(guò)于寬范，學(xué)生交上來(lái)的可能是一個(gè)最簡(jiǎn)單、最省事的“大雜燴”，對(duì)于學(xué)生的學(xué)習(xí)來(lái)說(shuō)效果不太好。所以我們?cè)O(shè)計(jì)課程任務(wù)時(shí)不能采取粗放型的要求，而要進(jìn)行細(xì)致約束。我們?cè)谌蝿?wù)設(shè)計(jì)的時(shí)候，可以設(shè)計(jì)宣揚(yáng)個(gè)性的“學(xué)生個(gè)人網(wǎng)站”、展示班級(jí)風(fēng)采的“班級(jí)網(wǎng)站”、宣傳家鄉(xiāng)風(fēng)土人情的“我愛(ài)我的家鄉(xiāng)網(wǎng)站”項(xiàng)目等。這些項(xiàng)目在設(shè)計(jì)上有明確的目標(biāo)，貼近學(xué)生的生活，學(xué)生比較熟悉，這樣就可以將學(xué)習(xí)重點(diǎn)放在項(xiàng)目開(kāi)發(fā)的過(guò)程中，而不是對(duì)項(xiàng)目的理解上。要求學(xué)生每個(gè)任務(wù)都按照規(guī)范保存在站點(diǎn)中，知識(shí)點(diǎn)學(xué)習(xí)完了，自己的網(wǎng)站就大功告成了。這對(duì)于學(xué)生來(lái)說(shuō)，是激發(fā)他們信心的不錯(cuò)方法。

四、課程學(xué)習(xí)效果的評(píng)價(jià)調(diào)整

評(píng)價(jià)是檢測(cè)教與學(xué)的重要手段，也是教學(xué)中一個(gè)重要環(huán)節(jié)。但是，對(duì)于網(wǎng)頁(yè)這門(mén)課程而言，閉卷考試不能反映學(xué)生掌握和運(yùn)用知識(shí)的實(shí)際情況，網(wǎng)頁(yè)設(shè)計(jì)課程的成績(jī)?cè)u(píng)價(jià)是：平時(shí)成績(jī)+期末大作業(yè)成績(jī)。

1.平時(shí)成績(jī)?cè)u(píng)價(jià)。在這里，要求除了對(duì)學(xué)生每次完成的案例進(jìn)行評(píng)價(jià)，還要對(duì)學(xué)生的任務(wù)完成情況進(jìn)行評(píng)價(jià)，為了調(diào)動(dòng)學(xué)生的積極性，把一個(gè)標(biāo)準(zhǔn)班學(xué)生分成四個(gè)小組，要求學(xué)生在組內(nèi)進(jìn)行自評(píng)，挑選出前三名作業(yè)提交給老師，由任課老師在課堂上進(jìn)行評(píng)價(jià)，每個(gè)學(xué)生對(duì)于自己設(shè)計(jì)和制作的網(wǎng)頁(yè)都有一種成就感，希望有人能欣賞自己的作品，在教學(xué)中讓學(xué)生參與評(píng)價(jià)每次任務(wù)完成的結(jié)果，老師把握好評(píng)價(jià)的策略：先給予肯定，發(fā)現(xiàn)每個(gè)學(xué)生的優(yōu)點(diǎn)，然后從專(zhuān)業(yè)技術(shù)的角度提出修改意見(jiàn)。這個(gè)過(guò)程既讓學(xué)生展示了自己的能力，也是學(xué)生反思自己的過(guò)程。在這個(gè)過(guò)程中發(fā)現(xiàn)自己的不足，刺激學(xué)生學(xué)習(xí)的動(dòng)力，從而提高學(xué)生學(xué)習(xí)的主動(dòng)性，使學(xué)生對(duì)所學(xué)知識(shí)的理解也更加靈活牢固。在評(píng)價(jià)過(guò)程中，也讓其他學(xué)生從實(shí)際案例了解到哪些是值得學(xué)習(xí)和借鑒的，哪些問(wèn)題需要注意，觸發(fā)學(xué)生的靈感。可以使學(xué)生看到自己實(shí)際動(dòng)手過(guò)程中的不足，這樣可以讓學(xué)生在以后的實(shí)踐中注意克服和避免這些問(wèn)題，從而進(jìn)一步提高自己的實(shí)踐能力和綜合素質(zhì)，達(dá)到教學(xué)的預(yù)期目標(biāo)。為了避免部分懶惰的學(xué)生投機(jī)取巧，只是選擇性的完成部分任務(wù)獲得平時(shí)成績(jī)，要求所有案例和任務(wù)的作業(yè)都要提交給老師，由老師抽查評(píng)價(jià)，作為平時(shí)成績(jī)的一個(gè)部分。為了避免評(píng)價(jià)過(guò)程耽擱太多課堂時(shí)間，設(shè)計(jì)的任務(wù)是包含多個(gè)知識(shí)點(diǎn)的比較大的任務(wù)，需要2～3周才能完成。在每次完成課堂案例的時(shí)候引導(dǎo)學(xué)生思考自己的任務(wù)需要怎樣完成。把案例評(píng)價(jià)結(jié)果和任務(wù)評(píng)價(jià)結(jié)果結(jié)合起來(lái)，形成平時(shí)成績(jī)。在實(shí)際操作中，還是有部分懶惰的學(xué)生，敷衍完成平時(shí)作業(yè)。為了形成相互監(jiān)督激勵(lì)的機(jī)制，可規(guī)定：若該組所挑選的作業(yè)明顯敷衍完成，則拉低這組所有同學(xué)的平時(shí)成績(jī)。以此在一定程度上激勵(lì)懶惰學(xué)生不只是為了自己還得為了組內(nèi)其他同學(xué)的平時(shí)成績(jī)著想。

2.期末成績(jī)?cè)u(píng)價(jià)。對(duì)于項(xiàng)目最后結(jié)果的評(píng)價(jià)要客觀公正，網(wǎng)頁(yè)主題突出，頁(yè)面層次清楚、合理，頁(yè)面間鏈接正確、交互性強(qiáng)，頁(yè)面間跳轉(zhuǎn)方便。圖片選擇恰當(dāng)、符合主題要求，能正確顯示圖片。頁(yè)面內(nèi)容容量合理，頁(yè)面文字與圖片搭配協(xié)調(diào)；頁(yè)面美觀，文字效果美觀等，結(jié)合整個(gè)網(wǎng)站的評(píng)價(jià)結(jié)果構(gòu)成課程成績(jī)。

平時(shí)成績(jī)和期末成績(jī)，各占50%，構(gòu)成整個(gè)課程成績(jī)。這樣可以避免部分懶惰的學(xué)生抄襲別人的，或者直接請(qǐng)別人幫著完成。較大程度調(diào)動(dòng)了學(xué)生的學(xué)習(xí)熱情和積極性，激發(fā)了學(xué)生學(xué)習(xí)的主動(dòng)性和創(chuàng)造性。由于教師給出的任務(wù)是沒(méi)有提示和步驟的，這就需要學(xué)生主動(dòng)思考，使得學(xué)生的計(jì)算思維能力得到提高，也培養(yǎng)了學(xué)生的創(chuàng)新思維，布局、格調(diào)不僅僅限于老師所展示的樣式。可以各盡所能，各展其才。

五、總結(jié)

在具體的教學(xué)過(guò)程中不能一成不變，實(shí)施任務(wù)驅(qū)動(dòng)和項(xiàng)目驅(qū)動(dòng)的教學(xué)方法進(jìn)行教學(xué)時(shí)，步驟要合理，目的要明確，還要注意與其他的教學(xué)方法有機(jī)結(jié)合。這樣才能激發(fā)學(xué)生興趣，提高學(xué)生操作技能，培養(yǎng)學(xué)生創(chuàng)新意識(shí)和發(fā)展學(xué)生個(gè)性。

參考文獻(xiàn)：

[1]霍芳.論項(xiàng)目驅(qū)動(dòng)教學(xué)模式的應(yīng)用[J].中國(guó)校外教育，2008.

[2]程努華，倪玉華.項(xiàng)目驅(qū)動(dòng)教學(xué)模式的研究與實(shí)踐[J].中國(guó)電力教育，2009，（11）.

[3]李許芳，鄭金彥.讓學(xué)生在信息技術(shù)學(xué)習(xí)中學(xué)會(huì)創(chuàng)新[DB/OL].人教網(wǎng)，2009.

作者簡(jiǎn)介：張貴紅（1973-），女，四川樂(lè)山人，樂(lè)山師范學(xué)院計(jì)算機(jī)科學(xué)學(xué)院講師，碩士，研究方向：數(shù)據(jù)庫(kù)技術(shù)。