項目驅動式教學法在“網頁設計與制作”中的研究與應用

劉冰

[摘要]文章研究分析了目前“網頁設計與制作”課程中存在的問題之后，將“項目驅動式”教學法引入該課程中，即把建設一個網站作為項目并展開貫穿于整個教學，使學生在項目研發的過程中逐步掌握所學知識，激發學生興趣，培養學生獨立思考的能力與主動學習的動力。文章從“項目設計”與“項目實施”兩個角度探討項目驅動式教學法在課程中的應用，并分析了項目設計與實施中的關鍵性問題。

[關鍵詞]項目驅動式；項目設計；項目實施；網頁設計與制作

據中國互聯網絡信息中心發布的第37次《中國互聯網絡發展狀況統計報告》顯示，截至2015年12月底，中國網民數達6.88億，互聯網普及率達到50.3%，半數中國人已接入互聯網，互聯網對于整體社會的影響已進入到新的階段，瀏覽網頁已經成為網民生活中重要的一部分。[1] 由此“網頁設計與制作”課程也成為很多專業的必修課程，如何提高該課程的教學效果，讓學生更好地掌握技能，提高教學質量，這是擺在教師面前的一個重要課題。

1“網頁設計與制作”課程特點

“網頁設計與制作”不僅是一門理論與實踐關聯性很強的課程，而且所包含的實踐性、技能性、創新性也相當強。它要求學生不但要扎實地掌握好理論知識、熟練地掌握實踐技能，而且要有學習的主動性和創新性。“網頁設計與制作”也是一門對綜合能力要求較高的學科，它不僅對學生的動手能力有較高要求，同時它對學生的策劃、設計、制作能力都有要求。綜上，“網頁設計與制作”需要激發學生學習的興趣，發揮主動學習的精神，才能學好這門課程。

2“網頁設計與制作”教學存在的問題

2.1練習與現實應用脫節

多數《網頁設計與制作》教科書，其講授的知識點及課后練習比較基礎，與實踐相割裂，學生學習并動手實踐之后只能掌握零散的知識點，卻不知道這個知識點在具體的網頁設計中，可以怎么用、用在哪里。由此，會出現大部分學生在獨立制作網頁時茫然、不知從哪里下手的情況。

2.2過于關注工具軟件的使用

還有部分教科書將焦點集中于如何使用網頁工具軟件，這樣做存在兩個弊端：一是學生對基礎代碼掌握不夠扎實；二是使學生缺乏大局規劃的能力。基礎代碼不熟悉，在出現錯誤時，學生們往往不知所措，且在后續學習中不能很好地與一些高級程序設計語言對接，難以實現動態網站的制作。有些網頁設計教學往往將80%的教學時間都放在工具軟件的使用方法上，結果是雖然學生學會操作設計工具，而且用得很熟練，但是就是不能獨立地進行網站規劃和頁面設計。即使是完成的作品也達不到應有的功能效果和視覺效果。課程內容上重“技術”輕“設計”，這樣導致學生不會從全局的角度開發設計，創新意識得不到培養。[2]

2.3學生缺乏主動學習的精神

一部分學生學習只是為應付教師的作業，應付期末考試，所以一學期過去，只掌握了基礎的皮毛知識，而缺乏實踐的技能。在學習的過程中，沒有成就感，缺乏主動探索的動力。縱觀國內外，高校越來越重視教學、強調教學質量，而質量體現在教、學兩方面。缺乏學生的主動學習，該門課程的教學效果注定會打折。

3項目驅動式教學模式在“網頁設計與制作”課程中的構建

3.1項目驅動式教學模式概述

“項目驅動”教學就是按照軟件工程思想把某一網站建設項目展開并貫穿于整個教學，使學生在項目研發的過程中逐步掌握所學知識，明白使用所學知識“可以做什么”和“如何做什么”。與傳統的教學方法相比，“項目驅動”教學法能更好地開發學生潛質、激發學習興趣，培養學生自主學習的能力和創新、探索的精神。[3]

3.2項目驅動式教學法在“網頁設計與制作”中的應用

本研究旨在將“網頁設計與制作”這門課程與項目驅動結合起來，讓學生帶著自己的項目進入課堂，變被動學習為主動學習。“項目驅動法”的關鍵在項目設計與項目實施兩個環節，所以，本研究重點集中于項目設計與項目實施。

（1）項目設計。“網頁設計與制作”課程的“項目驅動”教學模式，是先將整個課程設計成一個大項目，再將大項目分為若干個階段性的小項目。而本門課程的初級目標即是要求每名同學能獨立建設網站，所以，大項目定為建設一個電子商務網站，網站類型與網站主題自擬；再將實現電子商務網站這個大項目細化為：簡單基礎網頁的網站、添加了表格布局網頁的網站、添加了框架布局網頁的網站、添加了CSS+DIV布局網頁的網站等若干小項目，每一階段實驗項目的確立都根據學生現有知識狀況、教學內容的統籌安排而定。

（2）項目實施。本研究的項目實施可以分解為四個環節：確立目標、探索實踐、作品分享、項目評分。

第一，確立目標。首先，由學生根據自身需求與興趣，自行確定總體目標，設計并建立某一類型的電子商務網站；其次，引導學生按照軟件工程的思想進行項目分析與項目設計，完成提出問題和分析問題的過程，即指導學生確定自己網站的主題。在這一階段，學生初步確立自己網站即將實現的功能、內容、設計風格等，為后續的網站建設畫好藍圖、打下基礎。這樣，后期學生可以根據項目需求來學習所需要的知識點，由被動地接受知識轉變為主動地尋求知識。

第二，探索實踐。從提出問題到分析問題，接下來就是解決問題，完成任務。首先，在組織課堂教學中，教師先將網頁設計與制作各個階段的基礎知識點傳授給學生，繼而幫助學生對問題進行細化和深化，為學生提供解決問題的方案，指引完成項目的具體途徑。其次，采用以學生為主體的實踐學習，學生獨立思索課堂上所學到的知識點可以怎樣用、用在哪里，并逐步實現自己的項目，解決自己的問題。其間，教師所承擔的角色轉變為解惑者。學生也可以不依賴教師，依據自己的項目目標，獨立尋找相關資料，自主學習；也可與同學分析討論，尋找解決問題的最佳答案。

第三，作品分享。學生完成項目后，要進行作品展示及成果匯報，每名同學要分別將自己的網站作品在班級進行公開展示，并匯報項目的完成情況、及完成任務的過程中所遇到的問題和困難、所謀求的解決方法、項目完成后的心得體會等。在這一過程中，學生們不僅可以互相學習、共同進步，而且可以充分體驗到自己作品展示時所獲得的喜悅感。

第四，項目評分。接下來進行項目作品的分析點評，評價由兩部分組成，一是教師根據學生的學習態度和成果進行評價；二是學生之間的互評，這樣不僅讓學生更有成就感，而且學生之間可以相互學習、取長補短。評分也將從多角度進行，不僅要檢驗學生網站的美觀性、可靠性、操作性等，還要考察學生的創新性。這也意味著，在項目完成的過程中，不僅要求學生能掌握網頁設計與制作的知識、獨立開發靜態網站的技能，同時要具備主動學習與自主學習的能力。

通過這樣一種“學習—實踐—分享—評分”的過程，學生不僅可以更快、更深入地理解和掌握課程的內容，在面對自己的網站成果時更有自信和成就感，而且自己獨立解決實際問題的能力也將就此得到培養，才能真正達到應用型本科人才的培養目標。

3.3項目設計與實施中的關鍵問題

（1）準確設計項目。項目設計是藍圖，也是地基，是項目成敗的關鍵。所以，項目驅動方法的第一步就是要引導學生較好地設計自己的項目。首先，要求學生先確定自己感興趣的行業、領域或者商品品類；其次，要求學生大量地瀏覽此類網站，并總結每個網站的優缺點、成功與不足之處；最后，根據之前瀏覽網站總結的經驗，從功能、內容、架構、設計風格等多個方面來設計自己的網站。

（2）教師角色轉變。本研究是在“網頁設計與制作”教學過程中，以一個項目案例貫穿整個理論教學過程，每個知識點講授完，學生即帶著自己項目中的問題去理解、思考教師所講授的內容。學生的每次作業主要體現為項目的階段性的設計與實現成果。在這個過程中，教師的角色也要進行轉變，教師的職責不僅是傳授，還要有引導、答疑和監控。

第一，引導者和答疑者。教師在講授完基礎知識點后，主要角色即轉變為引導者和答疑者。在學生有想法卻沒方向時要為其指導可選擇使用的知識，然后引導學生自己去學習和摸索實踐，找尋問題的答案；在學生面對問題遲遲不能解決時，要參與討論，指出問題所在，糾正所犯的錯誤。

第二，監控者。項目歷時時間較長，至少為一個學期，中途部分學生可能會出現倦怠的心理，主動探索的創造精神會慢慢減退，所以，在實施項目的過程中，教師要給予引導和監督，保證同學的參與熱情，并杜絕偷懶現象。

（3）授課地點、學習形式的改變。將授課的地點從教室轉換到機房。在機房上課時學生理論學習與實際操作相隔時間短，學生能夠及時的實踐，知識點得到鞏固，便不容易遺忘。在機房授課，方式更加直觀，學生掌握更快。

在項目實施過程中，可以根據實際情況，選擇兩種學習形式：學生獨立完成項目、學生合作完成項目。學生獨立完成項目，可以保證每個學生的工作量，不會出現渾水摸魚的情況，而且每個學生各個方面的能力都得到了鍛煉；學生合作完成項目，同一小組的成員可以相互合作，互相激勵，共同提高。但要注意分組的方法，在編組時要注意搭配合理。

（4）實行過程評價激勵機制。在“網頁設計與制作”的教學過程中采用過程性考核方式，也就是對學生每個階段完成的內容都要進行考核，并且記錄成績，將其作為總成績的一部分。通過這種方式，一是讓學生們及時發現自己的不足，學習別人的長處，教師也能隨時掌握學生們的學習情況及學習效果；二是杜絕了部分學生的偷懶現象，教師可以及時地對進度慢、效果差的學生進行督促和幫助，確保全體學生的學習效果。

最終成果的評價方式采用多元評價方式，應包括成果的美觀性、可靠性、創新性等多個角度進行評價，鼓勵學生自學并多學。

4結論

在“網頁設計與制作”課程中引入項目驅動的教學理念，以企業實際需求為導向，為學生創設真實環境和真實項目，改變傳統的灌輸式教學模式，讓學生帶著任務在實踐中學習，既激發了學生的求知欲，又滿足了學生的成就感；既完成了教學知識點的學習，又實現了實踐技能的提高，最終縮短了學生與企業之間的距離。

參考文獻：

[1]中國互聯網絡信息中心.CNNIC第37次中國互聯網絡發展狀況統計報告[EB/OL].（2016-01-22）.http：//www.cnnic.net.cn/gywm/xwz/xrdxw/2015/201601/t20160122_53283.htm.

[2]楊森，劉瀟瀟.《網頁設計與制作》課程教學改革的研究與探索[J].辦公自動化，2010（6）： 63-64.

[3]張哲，陳桂生.在Java語言教學中實施“項目驅動”教學法的實踐探索[J].教育與職業，2007，6（18）：160-161.