武海艷，王倩，李林超

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

0 引言

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

1 項目驅(qū)動教學(xué)方案設(shè)計

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

（1）課堂教學(xué)

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

（2）實驗教學(xué)

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

2 教學(xué)過程實施

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

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

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

3 評價體系及教學(xué)效果

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

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

4 結(jié)語

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

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

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

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

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

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