項(xiàng)目驅(qū)動(dòng)式教學(xué)法在“網(wǎng)頁(yè)設(shè)計(jì)與制作”中的研究與應(yīng)用

劉冰

[摘要]文章研究分析了目前“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程中存在的問(wèn)題之后，將“項(xiàng)目驅(qū)動(dòng)式”教學(xué)法引入該課程中，即把建設(shè)一個(gè)網(wǎng)站作為項(xiàng)目并展開(kāi)貫穿于整個(gè)教學(xué)，使學(xué)生在項(xiàng)目研發(fā)的過(guò)程中逐步掌握所學(xué)知識(shí)，激發(fā)學(xué)生興趣，培養(yǎng)學(xué)生獨(dú)立思考的能力與主動(dòng)學(xué)習(xí)的動(dòng)力。文章從“項(xiàng)目設(shè)計(jì)”與“項(xiàng)目實(shí)施”兩個(gè)角度探討項(xiàng)目驅(qū)動(dòng)式教學(xué)法在課程中的應(yīng)用，并分析了項(xiàng)目設(shè)計(jì)與實(shí)施中的關(guān)鍵性問(wèn)題。

[關(guān)鍵詞]項(xiàng)目驅(qū)動(dòng)式；項(xiàng)目設(shè)計(jì)；項(xiàng)目實(shí)施；網(wǎng)頁(yè)設(shè)計(jì)與制作

據(jù)中國(guó)互聯(lián)網(wǎng)絡(luò)信息中心發(fā)布的第37次《中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》顯示，截至2015年12月底，中國(guó)網(wǎng)民數(shù)達(dá)6.88億，互聯(lián)網(wǎng)普及率達(dá)到50.3%，半數(shù)中國(guó)人已接入互聯(lián)網(wǎng)，互聯(lián)網(wǎng)對(duì)于整體社會(huì)的影響已進(jìn)入到新的階段，瀏覽網(wǎng)頁(yè)已經(jīng)成為網(wǎng)民生活中重要的一部分。[1] 由此“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程也成為很多專業(yè)的必修課程，如何提高該課程的教學(xué)效果，讓學(xué)生更好地掌握技能，提高教學(xué)質(zhì)量，這是擺在教師面前的一個(gè)重要課題。

1“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程特點(diǎn)

“網(wǎng)頁(yè)設(shè)計(jì)與制作”不僅是一門理論與實(shí)踐關(guān)聯(lián)性很強(qiáng)的課程，而且所包含的實(shí)踐性、技能性、創(chuàng)新性也相當(dāng)強(qiáng)。它要求學(xué)生不但要扎實(shí)地掌握好理論知識(shí)、熟練地掌握實(shí)踐技能，而且要有學(xué)習(xí)的主動(dòng)性和創(chuàng)新性。“網(wǎng)頁(yè)設(shè)計(jì)與制作”也是一門對(duì)綜合能力要求較高的學(xué)科，它不僅對(duì)學(xué)生的動(dòng)手能力有較高要求，同時(shí)它對(duì)學(xué)生的策劃、設(shè)計(jì)、制作能力都有要求。綜上，“網(wǎng)頁(yè)設(shè)計(jì)與制作”需要激發(fā)學(xué)生學(xué)習(xí)的興趣，發(fā)揮主動(dòng)學(xué)習(xí)的精神，才能學(xué)好這門課程。

2“網(wǎng)頁(yè)設(shè)計(jì)與制作”教學(xué)存在的問(wèn)題

2.1練習(xí)與現(xiàn)實(shí)應(yīng)用脫節(jié)

多數(shù)《網(wǎng)頁(yè)設(shè)計(jì)與制作》教科書，其講授的知識(shí)點(diǎn)及課后練習(xí)比較基礎(chǔ)，與實(shí)踐相割裂，學(xué)生學(xué)習(xí)并動(dòng)手實(shí)踐之后只能掌握零散的知識(shí)點(diǎn)，卻不知道這個(gè)知識(shí)點(diǎn)在具體的網(wǎng)頁(yè)設(shè)計(jì)中，可以怎么用、用在哪里。由此，會(huì)出現(xiàn)大部分學(xué)生在獨(dú)立制作網(wǎng)頁(yè)時(shí)茫然、不知從哪里下手的情況。

2.2過(guò)于關(guān)注工具軟件的使用

還有部分教科書將焦點(diǎn)集中于如何使用網(wǎng)頁(yè)工具軟件，這樣做存在兩個(gè)弊端：一是學(xué)生對(duì)基礎(chǔ)代碼掌握不夠扎實(shí)；二是使學(xué)生缺乏大局規(guī)劃的能力?；A(chǔ)代碼不熟悉，在出現(xiàn)錯(cuò)誤時(shí)，學(xué)生們往往不知所措，且在后續(xù)學(xué)習(xí)中不能很好地與一些高級(jí)程序設(shè)計(jì)語(yǔ)言對(duì)接，難以實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)站的制作。有些網(wǎng)頁(yè)設(shè)計(jì)教學(xué)往往將80%的教學(xué)時(shí)間都放在工具軟件的使用方法上，結(jié)果是雖然學(xué)生學(xué)會(huì)操作設(shè)計(jì)工具，而且用得很熟練，但是就是不能獨(dú)立地進(jìn)行網(wǎng)站規(guī)劃和頁(yè)面設(shè)計(jì)。即使是完成的作品也達(dá)不到應(yīng)有的功能效果和視覺(jué)效果。課程內(nèi)容上重“技術(shù)”輕“設(shè)計(jì)”，這樣導(dǎo)致學(xué)生不會(huì)從全局的角度開(kāi)發(fā)設(shè)計(jì)，創(chuàng)新意識(shí)得不到培養(yǎng)。[2]

2.3學(xué)生缺乏主動(dòng)學(xué)習(xí)的精神

一部分學(xué)生學(xué)習(xí)只是為應(yīng)付教師的作業(yè)，應(yīng)付期末考試，所以一學(xué)期過(guò)去，只掌握了基礎(chǔ)的皮毛知識(shí)，而缺乏實(shí)踐的技能。在學(xué)習(xí)的過(guò)程中，沒(méi)有成就感，缺乏主動(dòng)探索的動(dòng)力?？v觀國(guó)內(nèi)外，高校越來(lái)越重視教學(xué)、強(qiáng)調(diào)教學(xué)質(zhì)量，而質(zhì)量體現(xiàn)在教、學(xué)兩方面。缺乏學(xué)生的主動(dòng)學(xué)習(xí)，該門課程的教學(xué)效果注定會(huì)打折。

3項(xiàng)目驅(qū)動(dòng)式教學(xué)模式在“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程中的構(gòu)建

3.1項(xiàng)目驅(qū)動(dòng)式教學(xué)模式概述

“項(xiàng)目驅(qū)動(dòng)”教學(xué)就是按照軟件工程思想把某一網(wǎng)站建設(shè)項(xiàng)目展開(kāi)并貫穿于整個(gè)教學(xué)，使學(xué)生在項(xiàng)目研發(fā)的過(guò)程中逐步掌握所學(xué)知識(shí)，明白使用所學(xué)知識(shí)“可以做什么”和“如何做什么”。與傳統(tǒng)的教學(xué)方法相比，“項(xiàng)目驅(qū)動(dòng)”教學(xué)法能更好地開(kāi)發(fā)學(xué)生潛質(zhì)、激發(fā)學(xué)習(xí)興趣，培養(yǎng)學(xué)生自主學(xué)習(xí)的能力和創(chuàng)新、探索的精神。[3]

3.2項(xiàng)目驅(qū)動(dòng)式教學(xué)法在“網(wǎng)頁(yè)設(shè)計(jì)與制作”中的應(yīng)用

本研究旨在將“網(wǎng)頁(yè)設(shè)計(jì)與制作”這門課程與項(xiàng)目驅(qū)動(dòng)結(jié)合起來(lái)，讓學(xué)生帶著自己的項(xiàng)目進(jìn)入課堂，變被動(dòng)學(xué)習(xí)為主動(dòng)學(xué)習(xí)?！绊?xiàng)目驅(qū)動(dòng)法”的關(guān)鍵在項(xiàng)目設(shè)計(jì)與項(xiàng)目實(shí)施兩個(gè)環(huán)節(jié)，所以，本研究重點(diǎn)集中于項(xiàng)目設(shè)計(jì)與項(xiàng)目實(shí)施。

（1）項(xiàng)目設(shè)計(jì)?！熬W(wǎng)頁(yè)設(shè)計(jì)與制作”課程的“項(xiàng)目驅(qū)動(dòng)”教學(xué)模式，是先將整個(gè)課程設(shè)計(jì)成一個(gè)大項(xiàng)目，再將大項(xiàng)目分為若干個(gè)階段性的小項(xiàng)目。而本門課程的初級(jí)目標(biāo)即是要求每名同學(xué)能獨(dú)立建設(shè)網(wǎng)站，所以，大項(xiàng)目定為建設(shè)一個(gè)電子商務(wù)網(wǎng)站，網(wǎng)站類型與網(wǎng)站主題自擬；再將實(shí)現(xiàn)電子商務(wù)網(wǎng)站這個(gè)大項(xiàng)目細(xì)化為：簡(jiǎn)單基礎(chǔ)網(wǎng)頁(yè)的網(wǎng)站、添加了表格布局網(wǎng)頁(yè)的網(wǎng)站、添加了框架布局網(wǎng)頁(yè)的網(wǎng)站、添加了CSS+DIV布局網(wǎng)頁(yè)的網(wǎng)站等若干小項(xiàng)目，每一階段實(shí)驗(yàn)項(xiàng)目的確立都根據(jù)學(xué)生現(xiàn)有知識(shí)狀況、教學(xué)內(nèi)容的統(tǒng)籌安排而定。

（2）項(xiàng)目實(shí)施。本研究的項(xiàng)目實(shí)施可以分解為四個(gè)環(huán)節(jié)：確立目標(biāo)、探索實(shí)踐、作品分享、項(xiàng)目評(píng)分。

第一，確立目標(biāo)。首先，由學(xué)生根據(jù)自身需求與興趣，自行確定總體目標(biāo)，設(shè)計(jì)并建立某一類型的電子商務(wù)網(wǎng)站；其次，引導(dǎo)學(xué)生按照軟件工程的思想進(jìn)行項(xiàng)目分析與項(xiàng)目設(shè)計(jì)，完成提出問(wèn)題和分析問(wèn)題的過(guò)程，即指導(dǎo)學(xué)生確定自己網(wǎng)站的主題。在這一階段，學(xué)生初步確立自己網(wǎng)站即將實(shí)現(xiàn)的功能、內(nèi)容、設(shè)計(jì)風(fēng)格等，為后續(xù)的網(wǎng)站建設(shè)畫好藍(lán)圖、打下基礎(chǔ)。這樣，后期學(xué)生可以根據(jù)項(xiàng)目需求來(lái)學(xué)習(xí)所需要的知識(shí)點(diǎn)，由被動(dòng)地接受知識(shí)轉(zhuǎn)變?yōu)橹鲃?dòng)地尋求知識(shí)。

第二，探索實(shí)踐。從提出問(wèn)題到分析問(wèn)題，接下來(lái)就是解決問(wèn)題，完成任務(wù)。首先，在組織課堂教學(xué)中，教師先將網(wǎng)頁(yè)設(shè)計(jì)與制作各個(gè)階段的基礎(chǔ)知識(shí)點(diǎn)傳授給學(xué)生，繼而幫助學(xué)生對(duì)問(wèn)題進(jìn)行細(xì)化和深化，為學(xué)生提供解決問(wèn)題的方案，指引完成項(xiàng)目的具體途徑。其次，采用以學(xué)生為主體的實(shí)踐學(xué)習(xí)，學(xué)生獨(dú)立思索課堂上所學(xué)到的知識(shí)點(diǎn)可以怎樣用、用在哪里，并逐步實(shí)現(xiàn)自己的項(xiàng)目，解決自己的問(wèn)題。其間，教師所承擔(dān)的角色轉(zhuǎn)變?yōu)榻饣笳?。學(xué)生也可以不依賴教師，依據(jù)自己的項(xiàng)目目標(biāo)，獨(dú)立尋找相關(guān)資料，自主學(xué)習(xí)；也可與同學(xué)分析討論，尋找解決問(wèn)題的最佳答案。

第三，作品分享。學(xué)生完成項(xiàng)目后，要進(jìn)行作品展示及成果匯報(bào)，每名同學(xué)要分別將自己的網(wǎng)站作品在班級(jí)進(jìn)行公開(kāi)展示，并匯報(bào)項(xiàng)目的完成情況、及完成任務(wù)的過(guò)程中所遇到的問(wèn)題和困難、所謀求的解決方法、項(xiàng)目完成后的心得體會(huì)等。在這一過(guò)程中，學(xué)生們不僅可以互相學(xué)習(xí)、共同進(jìn)步，而且可以充分體驗(yàn)到自己作品展示時(shí)所獲得的喜悅感。

第四，項(xiàng)目評(píng)分。接下來(lái)進(jìn)行項(xiàng)目作品的分析點(diǎn)評(píng)，評(píng)價(jià)由兩部分組成，一是教師根據(jù)學(xué)生的學(xué)習(xí)態(tài)度和成果進(jìn)行評(píng)價(jià)；二是學(xué)生之間的互評(píng)，這樣不僅讓學(xué)生更有成就感，而且學(xué)生之間可以相互學(xué)習(xí)、取長(zhǎng)補(bǔ)短。評(píng)分也將從多角度進(jìn)行，不僅要檢驗(yàn)學(xué)生網(wǎng)站的美觀性、可靠性、操作性等，還要考察學(xué)生的創(chuàng)新性。這也意味著，在項(xiàng)目完成的過(guò)程中，不僅要求學(xué)生能掌握網(wǎng)頁(yè)設(shè)計(jì)與制作的知識(shí)、獨(dú)立開(kāi)發(fā)靜態(tài)網(wǎng)站的技能，同時(shí)要具備主動(dòng)學(xué)習(xí)與自主學(xué)習(xí)的能力。

通過(guò)這樣一種“學(xué)習(xí)—實(shí)踐—分享—評(píng)分”的過(guò)程，學(xué)生不僅可以更快、更深入地理解和掌握課程的內(nèi)容，在面對(duì)自己的網(wǎng)站成果時(shí)更有自信和成就感，而且自己獨(dú)立解決實(shí)際問(wèn)題的能力也將就此得到培養(yǎng)，才能真正達(dá)到應(yīng)用型本科人才的培養(yǎng)目標(biāo)。

3.3項(xiàng)目設(shè)計(jì)與實(shí)施中的關(guān)鍵問(wèn)題

（1）準(zhǔn)確設(shè)計(jì)項(xiàng)目。項(xiàng)目設(shè)計(jì)是藍(lán)圖，也是地基，是項(xiàng)目成敗的關(guān)鍵。所以，項(xiàng)目驅(qū)動(dòng)方法的第一步就是要引導(dǎo)學(xué)生較好地設(shè)計(jì)自己的項(xiàng)目。首先，要求學(xué)生先確定自己感興趣的行業(yè)、領(lǐng)域或者商品品類；其次，要求學(xué)生大量地瀏覽此類網(wǎng)站，并總結(jié)每個(gè)網(wǎng)站的優(yōu)缺點(diǎn)、成功與不足之處；最后，根據(jù)之前瀏覽網(wǎng)站總結(jié)的經(jīng)驗(yàn)，從功能、內(nèi)容、架構(gòu)、設(shè)計(jì)風(fēng)格等多個(gè)方面來(lái)設(shè)計(jì)自己的網(wǎng)站。

（2）教師角色轉(zhuǎn)變。本研究是在“網(wǎng)頁(yè)設(shè)計(jì)與制作”教學(xué)過(guò)程中，以一個(gè)項(xiàng)目案例貫穿整個(gè)理論教學(xué)過(guò)程，每個(gè)知識(shí)點(diǎn)講授完，學(xué)生即帶著自己項(xiàng)目中的問(wèn)題去理解、思考教師所講授的內(nèi)容。學(xué)生的每次作業(yè)主要體現(xiàn)為項(xiàng)目的階段性的設(shè)計(jì)與實(shí)現(xiàn)成果。在這個(gè)過(guò)程中，教師的角色也要進(jìn)行轉(zhuǎn)變，教師的職責(zé)不僅是傳授，還要有引導(dǎo)、答疑和監(jiān)控。

第一，引導(dǎo)者和答疑者。教師在講授完基礎(chǔ)知識(shí)點(diǎn)后，主要角色即轉(zhuǎn)變?yōu)橐龑?dǎo)者和答疑者。在學(xué)生有想法卻沒(méi)方向時(shí)要為其指導(dǎo)可選擇使用的知識(shí)，然后引導(dǎo)學(xué)生自己去學(xué)習(xí)和摸索實(shí)踐，找尋問(wèn)題的答案；在學(xué)生面對(duì)問(wèn)題遲遲不能解決時(shí)，要參與討論，指出問(wèn)題所在，糾正所犯的錯(cuò)誤。

第二，監(jiān)控者。項(xiàng)目歷時(shí)時(shí)間較長(zhǎng)，至少為一個(gè)學(xué)期，中途部分學(xué)生可能會(huì)出現(xiàn)倦怠的心理，主動(dòng)探索的創(chuàng)造精神會(huì)慢慢減退，所以，在實(shí)施項(xiàng)目的過(guò)程中，教師要給予引導(dǎo)和監(jiān)督，保證同學(xué)的參與熱情，并杜絕偷懶現(xiàn)象。

（3）授課地點(diǎn)、學(xué)習(xí)形式的改變。將授課的地點(diǎn)從教室轉(zhuǎn)換到機(jī)房。在機(jī)房上課時(shí)學(xué)生理論學(xué)習(xí)與實(shí)際操作相隔時(shí)間短，學(xué)生能夠及時(shí)的實(shí)踐，知識(shí)點(diǎn)得到鞏固，便不容易遺忘。在機(jī)房授課，方式更加直觀，學(xué)生掌握更快。

在項(xiàng)目實(shí)施過(guò)程中，可以根據(jù)實(shí)際情況，選擇兩種學(xué)習(xí)形式：學(xué)生獨(dú)立完成項(xiàng)目、學(xué)生合作完成項(xiàng)目。學(xué)生獨(dú)立完成項(xiàng)目，可以保證每個(gè)學(xué)生的工作量，不會(huì)出現(xiàn)渾水摸魚(yú)的情況，而且每個(gè)學(xué)生各個(gè)方面的能力都得到了鍛煉；學(xué)生合作完成項(xiàng)目，同一小組的成員可以相互合作，互相激勵(lì)，共同提高。但要注意分組的方法，在編組時(shí)要注意搭配合理。

（4）實(shí)行過(guò)程評(píng)價(jià)激勵(lì)機(jī)制。在“網(wǎng)頁(yè)設(shè)計(jì)與制作”的教學(xué)過(guò)程中采用過(guò)程性考核方式，也就是對(duì)學(xué)生每個(gè)階段完成的內(nèi)容都要進(jìn)行考核，并且記錄成績(jī)，將其作為總成績(jī)的一部分。通過(guò)這種方式，一是讓學(xué)生們及時(shí)發(fā)現(xiàn)自己的不足，學(xué)習(xí)別人的長(zhǎng)處，教師也能隨時(shí)掌握學(xué)生們的學(xué)習(xí)情況及學(xué)習(xí)效果；二是杜絕了部分學(xué)生的偷懶現(xiàn)象，教師可以及時(shí)地對(duì)進(jìn)度慢、效果差的學(xué)生進(jìn)行督促和幫助，確保全體學(xué)生的學(xué)習(xí)效果。

最終成果的評(píng)價(jià)方式采用多元評(píng)價(jià)方式，應(yīng)包括成果的美觀性、可靠性、創(chuàng)新性等多個(gè)角度進(jìn)行評(píng)價(jià)，鼓勵(lì)學(xué)生自學(xué)并多學(xué)。

4結(jié)論

在“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程中引入項(xiàng)目驅(qū)動(dòng)的教學(xué)理念，以企業(yè)實(shí)際需求為導(dǎo)向，為學(xué)生創(chuàng)設(shè)真實(shí)環(huán)境和真實(shí)項(xiàng)目，改變傳統(tǒng)的灌輸式教學(xué)模式，讓學(xué)生帶著任務(wù)在實(shí)踐中學(xué)習(xí)，既激發(fā)了學(xué)生的求知欲，又滿足了學(xué)生的成就感；既完成了教學(xué)知識(shí)點(diǎn)的學(xué)習(xí)，又實(shí)現(xiàn)了實(shí)踐技能的提高，最終縮短了學(xué)生與企業(yè)之間的距離。

參考文獻(xiàn)：

[1]中國(guó)互聯(lián)網(wǎng)絡(luò)信息中心.CNNIC第37次中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告[EB/OL].（2016-01-22）.http：//www.cnnic.net.cn/gywm/xwz/xrdxw/2015/201601/t20160122_53283.htm.

[2]楊森，劉瀟瀟.《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)改革的研究與探索[J].辦公自動(dòng)化，2010（6）： 63-64.

[3]張哲，陳桂生.在Java語(yǔ)言教學(xué)中實(shí)施“項(xiàng)目驅(qū)動(dòng)”教學(xué)法的實(shí)踐探索[J].教育與職業(yè)，2007，6（18）：160-161.