武海艷，王倩，李林超

（1.黃河科技學(xué)院信息工程學(xué)院，鄭州 450063；2.黃河科技學(xué)院現(xiàn)代教育中心，鄭州 450063）

0 引言

《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程是一門(mén)兼具設(shè)計(jì)性、綜合性的網(wǎng)絡(luò)技術(shù)入門(mén)課程。在教學(xué)中一般基于某個(gè)軟件進(jìn)行各個(gè)知識(shí)點(diǎn)介紹，重視軟件的使用和知識(shí)點(diǎn)的操作，采用這種方法不利于學(xué)生形成整體網(wǎng)站建設(shè)的概念。如何改進(jìn)教學(xué)方法，在課堂教學(xué)中讓學(xué)生面對(duì)一個(gè)實(shí)際的網(wǎng)頁(yè)制作項(xiàng)目，開(kāi)始不知從何處下手，到課程結(jié)束時(shí)能形成一個(gè)建設(shè)網(wǎng)站的整體概念。教學(xué)團(tuán)隊(duì)總結(jié)以往教學(xué)經(jīng)驗(yàn)，借鑒實(shí)際網(wǎng)站開(kāi)發(fā)思想，確立了在《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程中引入“項(xiàng)目驅(qū)動(dòng)教學(xué)法”[1]的思路。

1 項(xiàng)目驅(qū)動(dòng)教學(xué)方案設(shè)計(jì)

《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程實(shí)踐性要求較強(qiáng)，教學(xué)團(tuán)隊(duì)以一個(gè)典型的購(gòu)物范例網(wǎng)站的搭建作為教學(xué)項(xiàng)目案例，在課堂中主要介紹其開(kāi)發(fā)過(guò)程。學(xué)生跟隨課堂教學(xué)學(xué)習(xí)網(wǎng)站搭建的一般流程和開(kāi)發(fā)技巧。同時(shí)在教師的指導(dǎo)下，開(kāi)展實(shí)驗(yàn)課程，以工作小組為團(tuán)隊(duì)，選擇并完成自己的網(wǎng)站開(kāi)發(fā)項(xiàng)目。這兩個(gè)過(guò)程保持進(jìn)度一致，相輔相成，實(shí)現(xiàn)教與學(xué)的最佳效果[2]。具體實(shí)施方法如下：

（1）課堂教學(xué)

通過(guò)所選購(gòu)物網(wǎng)站范例，講解網(wǎng)站建設(shè)流程，把選擇網(wǎng)站表現(xiàn)主題原則，網(wǎng)頁(yè)版式、風(fēng)格設(shè)計(jì)，頁(yè)面整體布局、頁(yè)面特效處理等大綱知識(shí)點(diǎn)分散在案例分解的子任務(wù)中[4]。課堂講授和操作，伴隨著范例網(wǎng)站的逐步搭建。在這個(gè)過(guò)程中，幫助學(xué)生構(gòu)建一個(gè)眾多知識(shí)點(diǎn)相聯(lián)系的有機(jī)整體。課程知識(shí)點(diǎn)劃分如下表：

（2）實(shí)驗(yàn)教學(xué)

在進(jìn)行購(gòu)物網(wǎng)站范例講解的同時(shí)，給學(xué)生布置設(shè)計(jì)自己網(wǎng)站的實(shí)驗(yàn)任務(wù)，該實(shí)驗(yàn)任務(wù)由學(xué)生自主完成，網(wǎng)站搭建的過(guò)程貫穿整個(gè)課程學(xué)習(xí)。學(xué)生在學(xué)習(xí)范例網(wǎng)站，實(shí)現(xiàn)各子任務(wù)時(shí)，同步進(jìn)行自己實(shí)驗(yàn)項(xiàng)目的搭建，把所學(xué)的知識(shí)點(diǎn)遷移到新的項(xiàng)目中進(jìn)行應(yīng)用。鞏固所學(xué)知識(shí)，激發(fā)學(xué)習(xí)興趣。

2 教學(xué)過(guò)程實(shí)施

在2013級(jí)網(wǎng)絡(luò)工程普通本科和專(zhuān)科的《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)中，教學(xué)團(tuán)隊(duì)開(kāi)始采用基于項(xiàng)目驅(qū)動(dòng)的教學(xué)方法。具體實(shí)施過(guò)程：教學(xué)團(tuán)隊(duì)分析吃透大綱，設(shè)計(jì)購(gòu)物范例網(wǎng)站，把大綱知識(shí)點(diǎn)分解，分散到設(shè)計(jì)的各個(gè)子任務(wù)中，例如：頁(yè)面布局、導(dǎo)航菜單設(shè)計(jì)、和用戶(hù)交互時(shí)表單的使用等。讓學(xué)生在范例網(wǎng)站搭建的過(guò)程中，了解并掌握各知識(shí)點(diǎn)及其聯(lián)系。

實(shí)踐教學(xué)與課堂教學(xué)同步，將學(xué)生按2-4人劃分為項(xiàng)目小組，布置的實(shí)驗(yàn)項(xiàng)目由小組成員分工合作共同完成[3]。實(shí)驗(yàn)項(xiàng)目的進(jìn)行按照主題選擇，項(xiàng)目目標(biāo)分析，需求分析，細(xì)節(jié)設(shè)計(jì)，實(shí)操活動(dòng)等步驟，跟隨課堂教學(xué)進(jìn)度進(jìn)行。為激勵(lì)和監(jiān)督實(shí)驗(yàn)項(xiàng)目進(jìn)展，各項(xiàng)目小組定期匯報(bào)自己網(wǎng)站項(xiàng)目的進(jìn)展，進(jìn)行階段性成果展示，通過(guò)小組間成果的比較、討論，促進(jìn)問(wèn)題交流和任務(wù)推動(dòng)。

學(xué)期結(jié)束，隨著購(gòu)物范例網(wǎng)站的講解完成，實(shí)驗(yàn)項(xiàng)目也搭建完成。學(xué)生在學(xué)中做，做中學(xué)，既掌握了知識(shí)點(diǎn)及其聯(lián)系，也對(duì)網(wǎng)站的搭建的流程有完整的概念。

3 評(píng)價(jià)體系及教學(xué)效果

課程采用多元項(xiàng)目評(píng)價(jià)標(biāo)準(zhǔn)。學(xué)生成績(jī)的評(píng)定注重參與過(guò)程，對(duì)小組設(shè)計(jì)完成網(wǎng)站作品的過(guò)程及最后作品展示按比例進(jìn)行評(píng)價(jià)[5]?？紤]到項(xiàng)目評(píng)價(jià)的可信度和激勵(lì)學(xué)生積極承擔(dān)項(xiàng)目任務(wù)的因素，教學(xué)團(tuán)隊(duì)設(shè)計(jì)了成績(jī)?cè)u(píng)定多元因素表，包括四個(gè)因素表：小組成員任務(wù)分配表，明確各成員承擔(dān)任務(wù)，避免出現(xiàn)分工不均情況；項(xiàng)目階段進(jìn)程表，小組成員互評(píng)階段性任務(wù)的完成情況，互相激勵(lì)和監(jiān)督；項(xiàng)目階段性評(píng)議表，項(xiàng)目小組定期匯報(bào)項(xiàng)目進(jìn)展，小組間互評(píng)；項(xiàng)目公開(kāi)評(píng)議表，項(xiàng)目完成后各項(xiàng)目小組公開(kāi)展示設(shè)計(jì)作品，回答疑問(wèn)，小組間互評(píng)；項(xiàng)目專(zhuān)家意見(jiàn)表，由教學(xué)團(tuán)隊(duì)教師組織評(píng)議，結(jié)合其他評(píng)價(jià)表給出最終成績(jī)。

通過(guò)在2013-2016級(jí)學(xué)生《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程中采用項(xiàng)目驅(qū)動(dòng)的教學(xué)方法，提高了學(xué)生學(xué)習(xí)網(wǎng)站建設(shè)的興趣，學(xué)生到課率達(dá)98%以上，團(tuán)隊(duì)合作的意識(shí)增強(qiáng)，網(wǎng)站建設(shè)的能力顯著提高。針對(duì)歷年優(yōu)秀學(xué)生作品，教學(xué)團(tuán)隊(duì)建立了課程資源庫(kù)，為課程提供教學(xué)范例。同時(shí)總結(jié)教學(xué)實(shí)踐成果，編寫(xiě)了教材《網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)例教程》，已交付西安電子科技大學(xué)出版社審稿，將在2018年2月出版。

4 結(jié)語(yǔ)

在《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程中開(kāi)展項(xiàng)目驅(qū)動(dòng)教學(xué)，通過(guò)教學(xué)和實(shí)驗(yàn)項(xiàng)目雙管齊下的互動(dòng)過(guò)程，幫助學(xué)生迅速掌握構(gòu)建網(wǎng)站的知識(shí)點(diǎn)，清楚把握知識(shí)點(diǎn)間的聯(lián)系，形成構(gòu)建實(shí)際網(wǎng)站流程、建設(shè)過(guò)程的整體概念。通過(guò)在四屆學(xué)生中的教學(xué)實(shí)踐，取得了較好的教學(xué)效果。

[1]吳越.基于興趣驅(qū)動(dòng)與項(xiàng)目驅(qū)動(dòng)融合的教改探討——以《網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)》課程教學(xué)為例[J].電子世界,2016(09):22+26.

[2]郭鋰,葉惠文.TPBIM在“廣東省高校計(jì)算機(jī)公共課教學(xué)改革”試點(diǎn)課程中的構(gòu)建與應(yīng)用——以“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程為例[J].中國(guó)電化教育,2012(12):111-114+135.

[3]項(xiàng)榮健,李建軍,伍秀娟.基于任務(wù)的引領(lǐng)式協(xié)作學(xué)習(xí)環(huán)境的構(gòu)建與實(shí)踐[J].中國(guó)電化教育,2013(04):60-64.

[4]姜惠娟,郭文龍.項(xiàng)目背景下“情景——達(dá)標(biāo)”式教學(xué)模式的研究與實(shí)踐——以我?！熬W(wǎng)絡(luò)技術(shù)專(zhuān)業(yè)”為例[J].中央民族大學(xué)學(xué)報(bào)(自然科學(xué)版),2017(02):65-70.

[5]趙麗敏.體驗(yàn)式教學(xué)在高職網(wǎng)頁(yè)設(shè)計(jì)課堂的探索與實(shí)踐[J].淮南職業(yè)技術(shù)學(xué)院學(xué)報(bào),2016,16(05):136-140.