基于項目教學的網頁設計與制作課程改革與實踐

【摘 要】運用先進的教學理念，以行動體系為依托，以校企合作為切入點，以培養職業能力為核心，以項目教學為主要手段，對網頁設計與制作課程進行改革。

【關鍵詞】項目教學 網頁設計與制作 教學改革

【文獻編碼】doi:10.3969/j.issn.0450-

9889(C).2011.10.019

高職高專院校的目的是培養生產、服務、管理第一線所需要的高等技術應用型專門人才。高職教育理念是“以就業為導向，以學生為中心，以能力為本位”，將學生培養成為既掌握一定科學技術，具有很強的專業技能和職業技能，能把先進的科學技術轉化為現實生產力的技術型、應用型的管理人員和操作人員。因此，在高等職業教育中，應構建以能力培養為本位的高職教育體系。

一、教學改革背景

網頁設計與制作是高職院校計算機應用技術專業的一門專業主干課程，在課程體系中起到承上啟下的作用，可以服務于后續課程。該課程是一門操作性和實踐性很強的課程，用于培養學生具有網站制作崗位需求的綜合職業素質和職業技能。學生通過學習后可具備職業崗位需求的網頁制作能力、基本設計能力、分析能力、寫作能力、職業素養、繼續學習能力，成為能夠勝任網頁制作崗位需求的高素質職業技術人才。

傳統的網頁設計與制作課程教學方法以教學大綱為基準，以教材為基礎，以教師為主體，學生在學習過程中比較被動。在教學過程中，教學進度按教材章節順序編排，先學習網頁制作基本理論、DW軟件應用，后學習一些制作技巧、網頁設計基本工作流程，最后列舉幾個綜合性實例。一開始學生比較感興趣，但由于只是不斷地重現教師的操作步驟，學生常常是學過之后，不能獨立規劃和設計制作，達不到應有的動作效果和視覺效果。且學生理解知識、掌握知識和創新思維能力都較低。可見，傳統教學模式顯然不能很好達到能力培養要求。

目前，盛行于西方發達國家的基于項目的學習是針對傳統教學方式存在的弊端進行改革的一種嘗試。我們可以借鑒并根據我國高校教育的實情進行變通，這能夠推進我國高等教育教學質量與教學改革向縱深發展以及新的教育教學理念的實施。因為學生通過開展基于項目的學習學會了如何學習，他們將成為嫻熟的信息收集者和組織者，將學會對信息的分析、加工與使用，發展相互間交流、協作的能力，學會如何評價自己的工作并積極尋求改進的方法等。同時，學生也會從基于項目的學習的結果（作品）中發現學習的樂趣，從而逐步養成敢于冒險、勇于探索、大膽質疑、合作分享的積極的個性心理特征。而所有這一切正是當前教育改革中所特別強調的主題思想，因此，基于項目的學習對于轉變教與學的方式、培養學生的綜合素質起著重要的作用，可以真正地實現“以學習者為中心”。

二、教學改革的理念與設計思路

針對網頁設計與制作課程教學中存在的問題，以適應社會需求為目標，以培養技術應用能力為主線設計學生培養方案及構建課程、教學內容體系。對課程的教學內容、教學方法、教學手段和實踐環節進行改革。

（一）設計理念

網頁設計與制作課程的教學總體目標是通過真實網站項目的開發教學，使學生掌握網站開發的過程及網頁的設計制作方法，能根據需要制作處理簡單的網頁圖像和自動生成的動態網頁，從而強化網頁制作技能，積累網頁制作經驗，激發學生學習興趣并形成持久的學習動力，提升學生自主學習能力，滿足職業崗位需求。因此，該課程的設計應體現以下理念：一是突出專業課程的職業性、實踐性和開放性。注重與企業合作，按照“職業崗位→崗位需求能力→確立教學項目”的項目導向式的運行機制來組織教學。二是學以致用，以“用”促學，邊“用”邊學，突出“教、學、做”一體化的教育理念。三是學生是學習主體，鼓勵學生職業能力發展，加強創新能力和意識培養的理念。在設計中，既要考慮學生職業技能的訓練，又要關注綜合職業素質的養成，為學生的可持續發展奠定良好的基礎。

（二）設計思路

應以校企合作為切入點，以培養職業能力為核心，以項目教學為主要手段，積極探索教學方法與成績評價方法的創新，保證課程目標的實現。

1.以校企合作為切入點的課程開發。通過邀請行業企業專家來校指導，從企業一線網站開發人員了解工作任務與工作流程、畢業生反饋交流等形式，進行崗位職業分析與課程內容選取，通過企業老總來校舉辦講座或行業企業骨干直接參與課程教學、教材編寫，教師服務企業、學生頂崗實習等形式深度合作開發課程，以充分體現課程的職業性、實踐性和開放性。

2.以職業能力培養為核心的課程設計。在重視學生專業能力培養的同時，重視方法能力與社會能力的培養。學生通過課程學習掌握網頁設計與制作、網站建設、網絡推廣等全方面網站開發和市場開拓能力。由課堂學習發展到網絡學習，使課程學習具有開放性，通過合作學習以及對企業實際問題的討論提升學生的團隊合作能力與創新能力。

3.以項目教學為中心的課程實施。一是教學組織項目化，把課程內容設計為8大模塊共19個實踐項目，教學要求具體并可操作；二是教學方法的運用上強調啟發引導法、合作學習法、真實體驗法、循序漸進法等多種方法的靈活運用；三是考核體系是由教師、學生、企業共同參與的多元考核、鼓勵學生不斷追求完善的動態考核、重視平時學習過程的隨機考核構成。

4.以企業真實的工作過程開展教學設計。本課程以安慶職業技術學院主站、二級網站、精品課程及大量社會網站建設項目為課程載體，以真實的網站建設過程開展教學模塊和教學方案設計，充分運用工學交替、任務驅動、項目導向、校內定崗實習等多種教學模式。

三、教學方法的改革

為了讓學生更好地掌握網頁設計的方法和技巧，提高學生的動手能力，可借助多媒體手段、電子教室、教學網站、電子郵箱和QQ群交流等手段， 在教學方法上進行一系列的改革：

（一）課程內容模塊化，化解難點，循序漸進

將整個課程內容分成8個模塊19個項目，模塊間既相互獨立，又相互關聯，將課程難點分解到各個不同的模塊中，以克服學生的畏難情緒。每個模塊自成體系，能獨立完成某一方面的教學任務，具有鮮明的獨立性；每個模塊間的知識層層遞進，相互關聯，前面的模塊是后面模塊的基礎，后面的模塊又加強了前面模塊的知識內容。這樣可以讓學生循序漸進地掌握網頁設計與制作的精髓。

（二）精心準備案例項目，從宏觀上進行教學設計

從網頁設計與制作的實際問題出發，精心準備各種典型案例，構建課程的宏觀教學設計。如學院主站及系部二級網站、學院精品課程學習網站、學生考勤系統等。以這些案例為載體，形成循序漸進、種類多樣的項目群，構建完整的教學設計布局。

（三）微觀教學采用“四階段教學法”，將“教、學、練、做”融為一體

教學體現“教師為主導，學生為主體，訓練為主線”的原則，課堂上可以采用“四階段教學法”。第一階段：案例引入，提出問題。通過案例演示，提出問題，講解案例應用背景，給學生一個切入點，建立感性認識。目的是激發學生的學習興趣、讓學生感到學有所用，從而明確本次課的教學目標。第二階段：分析案例，解決問題。對案例進行分析，找到解決問題的方法和操作技能。具體實施的過程是將案例分解為若干個可行的任務，然后在一個個任務的驅動下，逐步完成案例的制作。學生在制作過程中，發現問題，提出問題，在問題的引導下學習相關的知識和操作技能。第三階段：歸納總結，引申提高。在每次課結束前，引導學生進行歸納總結，即對本次課的實際意義、重點、難點、容易出錯處等及時進行總結，并針對案例的不足之處，進行引申和提高。在這個階段，強調的是“引導”。第四階段：舉一反三，學以致用。案例源于實際，最終要應用于實際。為了使學生能學以致用、舉一反三、觸類旁通，每次教學結束時及時布置相關的課后練習，使學生在課后進一步復習鞏固，并且將課后作業作為形成性考核的內容之一，同時給出下一次課的學習內容，提示學生預習。

（四）注重師生互動，營造課堂氣氛

為營造課堂氛圍，教學中注重師生互動。針對不同內容、不同難易程度、不同教學對象，靈活采用多種教學方法。例如，設置問題情景、組織討論以及啟發式、演示法、練習法、發現法、自學輔導法等方法。實踐證明，充分的師生互動，活躍了課堂，教學效果顯著。但必須注意把握課堂秩序，使師生互動在有序中有效進行。

（五）充分利用現代化教學手段，提高教學效果

教學中采用電子演示文稿、大屏幕多媒體聯機演示、網絡教學等各種先進的教學手段，使課堂教學生動活潑、引人入勝，提高了教學效果，同時提高了教學效率。

（六）舉辦學生作品大賽，展示成果、促進交流

定期舉行“學生網頁設計大賽”，給學生搭建交流學習的平臺。通過組織這種活動，可以調動學生的學習熱情，對學生的學習主動性有極大的促進作用，對學生的學習方法和努力方向有明確的引導作用，對學生的實際動手能力有明顯的強化作用，對學生的求知欲和上進心有強烈的激勵作用。

四、考核方式的改革

傳統的課程考核方式采取筆試或期末提交個人作品的方式進行，這種考核方法只重結果、不看過程，很難真正對項目教學法進行有效的考核。為此，應制定新的課程考核評價體系，通過現場匯報、本人自評、學生互評等多種評價方式多層次多角度來考核學生口頭表達、與人溝通等多方面能力。項目驗收分階段驗收和綜合驗收；階段驗收用來跟蹤學生的學習動態，了解學生對各項技能的掌握情況，真實評價學生的技能水平；綜合驗收用來評價學生的綜合應用能力。課程考核評價體系如表1所示（見后）。

終結性項目評分采取百分制，最后按40％的比例計入課程總評成績。具體驗收要求如表2所示（見后）。

經過一年的教學改革及實踐，學生非常喜歡項目教學法，并普遍反映掌握的知識和技能更牢固了，能夠運用這些知識和技能開發網站。該教學改革能充分調動他們的學習積極性，也能開拓他們的思維，更提高了他們的自信心和成就感，培養了他們分析解決問題的能力；通過小組內的協作、交流、討論、學習，能夠取長補短，培養了團隊精神。但教學改革是一個動態的過程，要根據實施過程中的具體情況靈活運用，并不斷加以充實完善，取得更好的教學效果。

【參考文獻】

［1］肖離離，任國慶.高職網頁設計與制作專業課程設置的探討［J］.職業教育研究，2007（10）

［2］王曉紅，周立.《網頁設計與制作》課程教學改革［J］.北京聯合大學學報(自然科學版)，2006（12）

［3］班蕾.《網頁設計與制作》教學方法探究［J］.教育縱橫，2010（6）

【作者簡介】賈衛華（1969- ），女，河南周口人，廣西電力職業技術學院計算機應用技術專業講師，碩士，研究方向：計算機技術應用。

（責編 吳 筱）