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

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

據(jù)中國(guó)互聯(lián)網(wǎng)絡(luò)信息中心發(fā)布的第37次?中國(guó)互聯(lián)網(wǎng)絡(luò)開(kāi)展?fàn)顩r統(tǒng)計(jì)報(bào)告》顯示，截至2022年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ì)與制作〞課程也成為很多專(zhuān)業(yè)的必修課程，如何提高該課程的教學(xué)效果，讓學(xué)生更好地掌握技能，提高教學(xué)質(zhì)量，這是擺在教師面前的一個(gè)重要課題。

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

“網(wǎng)頁(yè)設(shè)計(jì)與制作〞不僅是一門(mén)理論與實(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(wǎng)頁(yè)設(shè)計(jì)與制作〞也是一門(mén)對(duì)綜合能力要求較高的學(xué)科，它不僅對(duì)學(xué)生的動(dòng)手能力有較高要求，同時(shí)它對(duì)學(xué)生的策動(dòng)、設(shè)計(jì)、制作能力都有要求。綜上，“網(wǎng)頁(yè)設(shè)計(jì)與制作〞需要激發(fā)學(xué)生學(xué)習(xí)的興趣，發(fā)揮主動(dòng)學(xué)習(xí)的精神，才能學(xué)好這門(mén)課程。

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ū)，其講授的知識(shí)點(diǎn)及課后練習(xí)比擬根底，與實(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)注工具軟件的使用

還有局部教科書(shū)將焦點(diǎn)集中于如何使用網(wǎng)頁(yè)工具軟件，這樣做存在兩個(gè)弊端：一是學(xué)生對(duì)根底代碼掌握不夠扎實(shí)；二是使學(xué)生不足大局規(guī)劃的能力。根底代碼不熟悉，在出現(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ò)去，只掌握了根底的皮毛知識(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í)，該門(mén)課程的教學(xué)效果注定會(huì)打折。

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

3.1工程驅(qū)動(dòng)式教學(xué)模式概述

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

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

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

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

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

第一，確立目標(biāo)。首先，由學(xué)生根據(jù)自身需求與興趣，自行確定總體目標(biāo)，設(shè)計(jì)并建立某一類(lèi)型的電子商務(wù)網(wǎng)站；其次，引導(dǎo)學(xué)生按照軟件項(xiàng)目的思想進(jìn)行工程分析與工程設(shè)計(jì)，完成提出問(wèn)題和分析問(wèn)題的過(guò)程，即指導(dǎo)學(xué)生確定自己網(wǎng)站的主題。在這一階段，學(xué)生初步確立自己網(wǎng)站即將實(shí)現(xiàn)的功能、內(nèi)容、設(shè)計(jì)格調(diào)等，為后續(xù)的網(wǎng)站建設(shè)畫(huà)好藍(lán)圖、打下根底。這樣，后期學(xué)生可以根據(jù)工程需求來(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è)階段的根底知識(shí)點(diǎn)傳授給學(xué)生，繼而幫忙學(xué)生對(duì)問(wèn)題進(jìn)行細(xì)化和深化，為學(xué)生提供解決問(wèn)題的計(jì)劃，指引完成工程的具體途徑。其次，采用以學(xué)生為主體的實(shí)踐學(xué)習(xí)，學(xué)生獨(dú)立思索課堂上所學(xué)到的知識(shí)點(diǎn)可以怎樣用、用在哪里，并逐步實(shí)現(xiàn)自己的工程，解決自己的問(wèn)題。其間，教師所承當(dāng)?shù)慕巧D(zhuǎn)變?yōu)榻饣笳?。學(xué)生也可以不依賴(lài)教師，依據(jù)自己的工程目標(biāo)，獨(dú)立尋找相關(guān)資料，自主學(xué)習(xí)；也可與同學(xué)分析討論，尋找解決問(wèn)題的最正確答案。

第三，作品分享。學(xué)生完成工程后，要進(jìn)行作品展示及成果匯報(bào)，每名同學(xué)要分別將自己的網(wǎng)站作品在班級(jí)進(jìn)行公發(fā)展示，并匯報(bào)工程的完成情況、及完成任務(wù)的過(guò)程中所遇到的問(wèn)題和困難、所謀求的解決辦法、工程完成后的心得體會(huì)等。在這一過(guò)程中，學(xué)生們不僅可以互相學(xué)習(xí)、共同進(jìn)步，而且可以充沛體驗(yàn)到自己作品展示時(shí)所獲得的喜悅感。第四，工程評(píng)分。接下來(lái)進(jìn)行工程作品的分析點(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)新性。這也意味著，在工程完成的過(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工程設(shè)計(jì)與實(shí)施中的關(guān)鍵問(wèn)題

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

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

第一，引導(dǎo)者和答疑者。教師在講授完根底知識(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)控者。工程歷時(shí)時(shí)間較長(zhǎng)，至少為一個(gè)學(xué)期，中途局部學(xué)生可能會(huì)出現(xiàn)倦怠的心理，主動(dòng)探索的發(fā)明精神會(huì)慢慢減退，所以，在實(shí)施工程的過(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)得到穩(wěn)固，便不容易遺忘。在機(jī)房授課，方式更加直觀，學(xué)生掌握更快。

在工程實(shí)施過(guò)程中，可以根據(jù)實(shí)際情況，選擇兩種學(xué)習(xí)形式：學(xué)生獨(dú)立完成工程、學(xué)生合作完成工程。學(xué)生獨(dú)立完成工程，可以保證每個(gè)學(xué)生的工作量，不會(huì)出現(xiàn)渾水摸魚(yú)的情況，而且每個(gè)學(xué)生各個(gè)方面的能力都得到了鍛煉；學(xué)生合作完成工程，同一小組的成員可以相互合作，互相鼓勵(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à)方式采用多元