田玉昆

(廣東培正學(xué)院數(shù)據(jù)科學(xué)與計(jì)算機(jī)學(xué)院，廣東 廣州 510830)

0 引言

網(wǎng)頁(yè)設(shè)計(jì)技術(shù)課程主要學(xué)習(xí)DreamWeaver 的安裝與使用、網(wǎng)頁(yè)的組成、網(wǎng)頁(yè)各元素的添加、表格與表單的創(chuàng)建與使用、網(wǎng)頁(yè)整體布局、超鏈接、模板、CSS樣式等內(nèi)容，讓學(xué)生學(xué)校與上機(jī)實(shí)操同步進(jìn)行[1]。它是一門(mén)開(kāi)闊視野、增長(zhǎng)知識(shí)、提高實(shí)際工作能力的計(jì)算機(jī)課程，也是PHP、JSP與Java Web等動(dòng)態(tài)Web應(yīng)用程序設(shè)計(jì)的基礎(chǔ)課程。通過(guò)本課程的學(xué)習(xí)，使學(xué)生能夠?qū)W會(huì)基本的網(wǎng)頁(yè)制作，熟悉網(wǎng)頁(yè)的基本布局，掌握開(kāi)發(fā)靜態(tài)網(wǎng)頁(yè)的過(guò)程。本課程的設(shè)計(jì)性比較強(qiáng)，主要側(cè)重于從代碼方面讓學(xué)生掌握基本的網(wǎng)頁(yè)設(shè)計(jì)方法，比較適合案例驅(qū)動(dòng)的項(xiàng)目教學(xué)法，以用帶學(xué)，把知識(shí)點(diǎn)應(yīng)用于具體網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目過(guò)程中，既訓(xùn)練了學(xué)生的實(shí)際動(dòng)手與應(yīng)用能力，又加深了理論知識(shí)的掌握程度，理論與實(shí)踐相輔相成。

1 項(xiàng)目教學(xué)法簡(jiǎn)介

1.1 項(xiàng)目教學(xué)法概念與特點(diǎn)

項(xiàng)目教學(xué)法(Project-based Learning)又叫基于項(xiàng)目的學(xué)習(xí)方法，是對(duì)探究式教學(xué)法、任務(wù)驅(qū)動(dòng)教學(xué)法與案例教學(xué)法進(jìn)行融合的一種新的教學(xué)方法[2]。它是用項(xiàng)目作為任務(wù)點(diǎn)，在老師的指導(dǎo)下，讓學(xué)生負(fù)責(zé)完成項(xiàng)目的需求分析、資料收集、方案設(shè)計(jì)、項(xiàng)目實(shí)施與項(xiàng)目評(píng)價(jià)等一系列過(guò)程的教學(xué)活動(dòng)。教師在整個(gè)項(xiàng)目中起輔助和引導(dǎo)作用，主體完成人是學(xué)生。老師在設(shè)計(jì)此項(xiàng)目時(shí)，把授課知識(shí)點(diǎn)滲透到項(xiàng)目中去，讓學(xué)生在具體的應(yīng)用中進(jìn)行學(xué)習(xí)，用理論指導(dǎo)實(shí)踐，以實(shí)踐印證理論并加深認(rèn)識(shí)，從而促使項(xiàng)目的順序完成。

項(xiàng)目教學(xué)法的優(yōu)點(diǎn)在于：目標(biāo)指向的多重性、訓(xùn)練周期短且見(jiàn)效快、可控性好、注重理論與實(shí)踐相結(jié)合[3]。

1.2 項(xiàng)目教學(xué)法在網(wǎng)頁(yè)設(shè)計(jì)技術(shù)課程中的優(yōu)勢(shì)

1）由傳統(tǒng)教學(xué)改為實(shí)踐教學(xué)

網(wǎng)頁(yè)設(shè)計(jì)技術(shù)課程的操作性強(qiáng)，由理論指導(dǎo)實(shí)踐。傳統(tǒng)的教學(xué)方式重理論輕實(shí)踐，導(dǎo)致學(xué)生的實(shí)操能力與理論出現(xiàn)很大偏差[4]。而項(xiàng)目教學(xué)法就是要彌補(bǔ)這種教學(xué)的偏差，在授課過(guò)程中，以項(xiàng)目作為任務(wù)驅(qū)動(dòng)，用理論指導(dǎo)實(shí)踐，訓(xùn)練學(xué)生的實(shí)際設(shè)計(jì)能力。最終，學(xué)生的理論知識(shí)以作品的形式呈現(xiàn)出來(lái)，真正地學(xué)會(huì)網(wǎng)頁(yè)設(shè)計(jì)。

2）提高教學(xué)效率，激發(fā)學(xué)生的學(xué)習(xí)興趣

項(xiàng)目教學(xué)法能讓每個(gè)學(xué)生都參與到課程的學(xué)習(xí)任務(wù)中去，學(xué)期初就先明確知識(shí)點(diǎn)、項(xiàng)目任務(wù)與分工，并以項(xiàng)目設(shè)計(jì)的質(zhì)量作為衡量標(biāo)準(zhǔn)，這在很大程度上能夠激發(fā)學(xué)生的學(xué)習(xí)興趣。由項(xiàng)目為主線，牽引著學(xué)生進(jìn)行學(xué)習(xí)、實(shí)踐，可以活躍課堂氣氛，從而提高教學(xué)效率。

3）激勵(lì)學(xué)生自主學(xué)習(xí)，充分發(fā)揮學(xué)生的主觀能動(dòng)性

在項(xiàng)目教學(xué)法的教學(xué)方式下，每個(gè)學(xué)生基本上每節(jié)課都有設(shè)計(jì)任務(wù)，通過(guò)任務(wù)促使他們要主動(dòng)學(xué)習(xí)，邊學(xué)邊做。有些能力強(qiáng)的學(xué)生在完成設(shè)計(jì)任務(wù)的過(guò)程中，會(huì)把自己的創(chuàng)意體現(xiàn)出來(lái)，能充分發(fā)揮他們的主觀能動(dòng)性。

1.3 項(xiàng)目教學(xué)法的步驟

項(xiàng)目教學(xué)法在此課程的教學(xué)過(guò)程中，主要通過(guò)以下幾個(gè)步驟進(jìn)行實(shí)施：①確定項(xiàng)目；②制定計(jì)劃；③項(xiàng)目的實(shí)施；④項(xiàng)目評(píng)價(jià)；⑤項(xiàng)目總結(jié)。

2 項(xiàng)目教學(xué)法在網(wǎng)頁(yè)設(shè)計(jì)技術(shù)課程教學(xué)中的具體應(yīng)用

2.1 項(xiàng)目的確定

由于網(wǎng)頁(yè)設(shè)計(jì)技術(shù)課程涉及的知識(shí)面廣、寬，并融合了其他學(xué)科知識(shí)[5]。因此，在項(xiàng)目教學(xué)法實(shí)施過(guò)程中，既要教會(huì)學(xué)生對(duì)零散的知識(shí)點(diǎn)的應(yīng)用及多種軟件的使用，又要注重學(xué)生綜合能力的培養(yǎng)。教師作為項(xiàng)目總指導(dǎo)與項(xiàng)目負(fù)責(zé)人，設(shè)計(jì)的項(xiàng)目既要容易理解，又要在難度上適應(yīng)于學(xué)生現(xiàn)有的能力與知識(shí)水平，還要覆蓋所學(xué)的知識(shí)點(diǎn)。

根據(jù)教學(xué)內(nèi)容的不同，網(wǎng)頁(yè)設(shè)計(jì)技術(shù)這門(mén)課程可分為10個(gè)由淺深不一、難度不同的項(xiàng)目：項(xiàng)目1：在線購(gòu)物網(wǎng)站產(chǎn)品展示。項(xiàng)目2：使用錨鏈接制作電子書(shū)閱讀網(wǎng)頁(yè)。項(xiàng)目3：制作商品報(bào)價(jià)單。項(xiàng)目4：制作學(xué)生信息統(tǒng)計(jì)表。項(xiàng)目5：制作新聞頁(yè)面。項(xiàng)目6：制作簡(jiǎn)單圖文混排網(wǎng)頁(yè)。項(xiàng)目7：制作簡(jiǎn)單生活資訊主頁(yè)。項(xiàng)目8：制作用戶(hù)登錄頁(yè)面。項(xiàng)目9：將段落轉(zhuǎn)變成列表。項(xiàng)目10：制作在線購(gòu)物類(lèi)網(wǎng)頁(yè)。

2.2 制定計(jì)劃

1）確定好分組。在教學(xué)項(xiàng)目實(shí)施過(guò)程中，為了項(xiàng)目完成的需要，教師須對(duì)班級(jí)里的學(xué)生進(jìn)行分組。分組時(shí)，教師要綜合考慮學(xué)生的平時(shí)表現(xiàn)與專(zhuān)業(yè)水平、內(nèi)因與外因等綜合素質(zhì)，把學(xué)生分為“優(yōu)—良—普通”三個(gè)層次。教師可依此對(duì)學(xué)生進(jìn)行異質(zhì)分組，均衡每組人員的能力，做到優(yōu)帶差，優(yōu)生得到鍛煉，差生得到提高。

以本人所帶的2020級(jí)軟件工程3班的53人為例，可分為11個(gè)組，其中有一組為3名同學(xué)，其余10組每組有5名同學(xué)，每組成員都有“優(yōu)—良—普通”的學(xué)生，且指定優(yōu)秀的學(xué)生擔(dān)任項(xiàng)目組長(zhǎng)。

2）小組內(nèi)分工。小組組長(zhǎng)按組員的能力進(jìn)行任務(wù)分工，教師指導(dǎo)每組學(xué)生進(jìn)行項(xiàng)目需求分析、可行性分析。教師再根據(jù)每組上交的需求分析文件，指導(dǎo)他們劃分項(xiàng)目的功能模塊，并進(jìn)行項(xiàng)目的概要設(shè)計(jì)，設(shè)計(jì)項(xiàng)目的功能結(jié)構(gòu)圖，制定項(xiàng)目完成計(jì)劃書(shū)。

本例中項(xiàng)目10是一個(gè)綜合項(xiàng)目，內(nèi)容豐富，應(yīng)用性強(qiáng)，能吸引學(xué)生的學(xué)習(xí)興趣。以此為例，闡明項(xiàng)目教學(xué)法的應(yīng)用。圖1 為項(xiàng)目10 在線購(gòu)物類(lèi)網(wǎng)頁(yè)的功能模塊圖。

圖1 在線購(gòu)物類(lèi)網(wǎng)頁(yè)功能結(jié)構(gòu)圖

3）確定項(xiàng)目進(jìn)度

按每組的項(xiàng)目計(jì)劃書(shū)，組長(zhǎng)根據(jù)組員的分工，隨時(shí)監(jiān)督他們的任務(wù)進(jìn)度情況，并對(duì)有困難的成員進(jìn)行技術(shù)指導(dǎo)或幫助，以保證項(xiàng)目如期完成。并把每個(gè)步驟中所遇到的困難或問(wèn)題與解決方式等都記錄下來(lái)，項(xiàng)目結(jié)束時(shí)連同項(xiàng)目書(shū)一起上交給教師，方便教師對(duì)項(xiàng)目進(jìn)行總結(jié)與評(píng)價(jià)。

2.3 項(xiàng)目的實(shí)施

項(xiàng)目實(shí)施是項(xiàng)目教學(xué)法在教學(xué)過(guò)程中的具體應(yīng)用。此過(guò)程需要教師適時(shí)地對(duì)學(xué)生進(jìn)行引導(dǎo)，根據(jù)項(xiàng)目計(jì)劃書(shū)，按進(jìn)度完成分模塊設(shè)計(jì)，確保項(xiàng)目順利完成，實(shí)現(xiàn)課程教學(xué)目標(biāo)。由于本人所授課班級(jí)的學(xué)生之前未接觸過(guò)網(wǎng)頁(yè)制作，不會(huì)使用DreamWeaver 等相關(guān)軟件，所以此課程前幾節(jié)課要先給學(xué)生講解軟件使用方法，等熟悉了軟件操作后，再實(shí)施項(xiàng)目教學(xué)內(nèi)容。具體實(shí)施過(guò)程大致可分為以下三個(gè)階段。

2.3.1 網(wǎng)頁(yè)設(shè)計(jì)技術(shù)基礎(chǔ)知識(shí)及軟件操作學(xué)習(xí)

本課程所授課的教室為機(jī)房，方便學(xué)生在課堂上隨時(shí)練習(xí)。項(xiàng)目實(shí)施前，利用三周時(shí)間先給學(xué)生講授網(wǎng)頁(yè)設(shè)計(jì)的基本知識(shí)。在初期的教學(xué)過(guò)程中，教師起主導(dǎo)作用。教師主要采用講練相結(jié)合的方式進(jìn)行授課，用專(zhuān)項(xiàng)習(xí)題引導(dǎo)學(xué)生在軟件上熟練操做網(wǎng)頁(yè)設(shè)計(jì)的各個(gè)知識(shí)點(diǎn)。

在此階段，讓學(xué)生在熟練軟件操作的同時(shí)，完成項(xiàng)目運(yùn)行平臺(tái)的搭建，為后期項(xiàng)目設(shè)計(jì)做準(zhǔn)備。對(duì)于基礎(chǔ)薄弱或是無(wú)基礎(chǔ)的同學(xué)，可在教師或是同組中能力強(qiáng)的同學(xué)的引導(dǎo)下完成這一環(huán)節(jié)。

2.3.2 項(xiàng)目開(kāi)發(fā)

在此階段，學(xué)生要按照項(xiàng)目分組及同組成員的分工，結(jié)合項(xiàng)目計(jì)劃書(shū)進(jìn)行設(shè)計(jì)各個(gè)功能模塊。這個(gè)階段是項(xiàng)目實(shí)施的關(guān)鍵點(diǎn)，因此，教師在這個(gè)階段中針對(duì)每組學(xué)生所遇到的不同問(wèn)題或困難，要給予相對(duì)應(yīng)的指導(dǎo)，讓學(xué)生把前期的基礎(chǔ)知識(shí)消化并應(yīng)用到此階段的項(xiàng)目中去，是學(xué)以致用的關(guān)鍵階段，并督促每組學(xué)生按進(jìn)度完成項(xiàng)目設(shè)計(jì)工作。

組長(zhǎng)在此過(guò)程中起總指揮與調(diào)度的作用，既要對(duì)每個(gè)組員的作品進(jìn)行把關(guān)，又要在最后階段對(duì)每個(gè)組員提交上來(lái)的功能模塊進(jìn)行最后的整合、調(diào)試工作，做好最后的收尾工作。

2.3.3 撰寫(xiě)項(xiàng)目設(shè)計(jì)書(shū)和總結(jié)報(bào)告書(shū)

在此階段，項(xiàng)目設(shè)計(jì)工作已完成，教師要求每組成員對(duì)自己所負(fù)責(zé)的設(shè)計(jì)任務(wù)及過(guò)程中遇到的問(wèn)題與解決方法等進(jìn)行文件整理，上交給組長(zhǎng)，由組長(zhǎng)匯總并撰寫(xiě)項(xiàng)目設(shè)計(jì)書(shū)與總結(jié)報(bào)告書(shū)，以組為單位上交給教師，教師以每組的作品、項(xiàng)目設(shè)計(jì)書(shū)與總結(jié)報(bào)告書(shū)作為他們項(xiàng)目的主要考核標(biāo)準(zhǔn)。

2.4 項(xiàng)目評(píng)價(jià)

2.4.1 作品展示性評(píng)價(jià)

每個(gè)組在課堂上對(duì)自己的項(xiàng)目進(jìn)行演示與講解，并解答老師和其他組學(xué)生的提問(wèn)，接受他們的打分與評(píng)價(jià)。由此可讓學(xué)生欣賞到每一組的項(xiàng)目成果，而且在組與組之間能形成相互學(xué)習(xí)、相互借鑒、相互促進(jìn)的良好學(xué)習(xí)氛圍。

2.4.2 調(diào)查問(wèn)卷式評(píng)價(jià)

在項(xiàng)目完成后，為了讓老師更好地了解學(xué)生在項(xiàng)目實(shí)施過(guò)程中的具體情況與想法，老師采用下發(fā)調(diào)查問(wèn)卷[6]的形式來(lái)收集信息。此調(diào)查問(wèn)卷主要從學(xué)生對(duì)此課程是否感興趣、感興趣的原因、學(xué)習(xí)此課程的收獲這三大方面進(jìn)行調(diào)查統(tǒng)計(jì)。

2.5 項(xiàng)目總結(jié)

2.5.1 從項(xiàng)目成果來(lái)總結(jié)

每組的項(xiàng)目作品、打分情況與小結(jié)由老師收集上來(lái)并進(jìn)行整理，既能為老師后期的教學(xué)內(nèi)容與教學(xué)方式等起到指引作用，也能讓后屆的學(xué)生借鑒或參考，同時(shí)也為學(xué)院的專(zhuān)業(yè)學(xué)科建設(shè)提供豐富的資料。

2.5.2 從調(diào)卷問(wèn)卷結(jié)果來(lái)總結(jié)

根據(jù)最近學(xué)期的教學(xué)安排，對(duì)2020級(jí)軟件工程3班的53人的問(wèn)卷調(diào)查中，可進(jìn)行如下分析。

1）對(duì)此課程是否感興趣

此調(diào)查問(wèn)卷第一項(xiàng)內(nèi)容主要調(diào)查了學(xué)生對(duì)此課程感興趣的程度，分為非常感興趣、感興趣、一般、不感興趣四個(gè)等級(jí)。對(duì)全班53個(gè)人的調(diào)查統(tǒng)計(jì)結(jié)果具體如圖2所示。

圖2 學(xué)生對(duì)此課程感興趣比例圖

2）對(duì)課程產(chǎn)生興趣的原因

此調(diào)查問(wèn)卷第二項(xiàng)內(nèi)容主要調(diào)查了學(xué)生對(duì)此課程感興趣的原因，具體原因分為參與評(píng)優(yōu)、學(xué)到技術(shù)、完成項(xiàng)目有成就感、畢業(yè)壓力與其他等五項(xiàng)內(nèi)容。對(duì)全班53個(gè)人的調(diào)查統(tǒng)計(jì)結(jié)果具體如圖3所示。

圖3 學(xué)生對(duì)此課程感興趣原因分析圖

3）此課程的收獲

此調(diào)查問(wèn)卷第三項(xiàng)內(nèi)容主要調(diào)查了學(xué)生學(xué)習(xí)后的收獲，具體收獲分為網(wǎng)頁(yè)設(shè)計(jì)能力、解決問(wèn)題的能力、自學(xué)能力、創(chuàng)新能力、團(tuán)隊(duì)協(xié)作能力、寫(xiě)作水平、調(diào)查/搜集素材能力與其他等八項(xiàng)內(nèi)容。對(duì)全班53個(gè)人的調(diào)查統(tǒng)計(jì)結(jié)果具體如圖4所示。

圖4 學(xué)生學(xué)習(xí)此課程的收獲總結(jié)圖

3 總結(jié)

網(wǎng)頁(yè)設(shè)計(jì)技術(shù)是一門(mén)操作性較強(qiáng)的課程，采用傳統(tǒng)的教學(xué)模式已不能達(dá)到預(yù)期的教學(xué)效果，而項(xiàng)目教學(xué)法有項(xiàng)目、教師和學(xué)生三個(gè)角色，以教師為指導(dǎo)，以項(xiàng)目為驅(qū)動(dòng)，以學(xué)生為主導(dǎo)來(lái)實(shí)現(xiàn)一系列教學(xué)活動(dòng)，比較符合網(wǎng)頁(yè)設(shè)計(jì)技術(shù)課程的教學(xué)要求。項(xiàng)目教學(xué)法具有實(shí)踐性、自主性、探究性、綜合性等顯著特點(diǎn)，以項(xiàng)目促進(jìn)教學(xué)，能調(diào)動(dòng)學(xué)生自主學(xué)習(xí)的積極性，同時(shí)也培養(yǎng)了學(xué)生的動(dòng)手能力、團(tuán)隊(duì)意識(shí)、創(chuàng)新意識(shí)與合作精神，以做帶學(xué)，使學(xué)生能真正地掌握一門(mén)技能，從而更好地適應(yīng)社會(huì)的發(fā)展。