《網頁設計與制作》項目驅動教學方法探索

武海艷，王倩，李林超

（1.黃河科技學院信息工程學院，鄭州 450063；2.黃河科技學院現代教育中心，鄭州 450063）

0 引言

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

1 項目驅動教學方案設計

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

（1）課堂教學

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

（2）實驗教學

在進行購物網站范例講解的同時，給學生布置設計自己網站的實驗任務，該實驗任務由學生自主完成，網站搭建的過程貫穿整個課程學習。學生在學習范例網站，實現各子任務時，同步進行自己實驗項目的搭建，把所學的知識點遷移到新的項目中進行應用。鞏固所學知識，激發學習興趣。

2 教學過程實施

在2013級網絡工程普通本科和?？频摹毒W頁設計與制作》課程教學中，教學團隊開始采用基于項目驅動的教學方法。具體實施過程：教學團隊分析吃透大綱，設計購物范例網站，把大綱知識點分解，分散到設計的各個子任務中，例如：頁面布局、導航菜單設計、和用戶交互時表單的使用等。讓學生在范例網站搭建的過程中，了解并掌握各知識點及其聯系。

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

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

3 評價體系及教學效果

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

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

4 結語

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

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

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

[3]項榮健,李建軍,伍秀娟.基于任務的引領式協作學習環境的構建與實踐[J].中國電化教育,2013(04):60-64.

[4]姜惠娟,郭文龍.項目背景下“情景——達標”式教學模式的研究與實踐——以我校“網絡技術專業”為例[J].中央民族大學學報(自然科學版),2017(02):65-70.

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