項目驅動網頁設計與制作實踐教學

前言：本站為你精心整理了項目驅動網頁設計與制作實踐教學范文，希望能為你的創作提供參考價值，我們的客服老師可以幫助你提供個性化的參考范文，歡迎咨詢。

傳統的網頁設計課程偏重于學生的操作技能的培養，而對以用戶為中心的設計思維教學流于表面。本文通過實施基于項目驅動的網頁設計與制作實踐教學，來探討網頁設計課程教學改革的思路。通過項目驅動的網頁設計與制作實現學生實踐知識和應用能力的自我構建。作為一門置于諸多基礎課程之后的核心專業課，網頁設計是基于版式設計能力、交互設計、軟件操作能力的綜合運用課程，更是培養學生以用戶為中心的設計思維的課程。傳統的網頁設計課程偏重學生的操作技能的培養，而對適應當下網頁設計需求所強調的實用性與藝術性未做教法上的平衡。如何設計教學內容及方法，讓學生能綜合運用到所學的知識來設計符合市場需求的網頁，是目前網頁設計課程需要解決的問題。

一、項目驅動的網頁設計與制作教學的意義

項目驅動教學方法是一種建立在具體項目的教學方法，它以項目完成作為教學目標，以師生共同參與為教學模式。項目驅動教學方法的整個教學過程以學生為中心。教師作為項目的組織者和指導者，在必要的時候為學生提供意見并引導方向；學生作為項目的實踐者，在理論知識為依據的情況下進行方案呈現。網頁設計的本質是對網站的圖形界面進行設計，也被稱為WUI。高校中的網頁設計課程多依托于Dreamweaver的操作教學，以教師理論講授、上機演示操作步驟，學生通過觀看被動接受為主。傳統的網頁設計教學中存在著一些短板，未能系統地將規劃網站功能與設計用戶交互流程相結合；學生對于設計的網站圖形界面過于主觀化，與真實的市場需求有一定的差距。網頁設計課程中中引入項目作為教學驅動能縮小這一差距，對教學有著積極的意義。第一，學生通過項目化教學能夠初識相對完整的商業流程，可以讓培養的新型人才更好的適應未來就業相關崗位。第二，相對于傳統教學，能設計出更功能更完善，交互流程更流暢，視覺效果更個性與統一的網頁項目。第三，教學過程轉變為探索式教學，培養以用戶為主的設計思維，或可助力于創新型人才的培養，提升教學質量。第四，以具體的教學項目對應教學任務來驅動教學，可以提升學生的學習積極性，學生可以根據自身的知識基礎和理解問題的方式來制定完成項目任務的方式。

二、基于項目驅動的網頁設計與制作的教學實施

教師在實施教學前應該著手評估甄選具體的項目用作教學，要根據學生的能力選擇的項目難度要適中，且甄選的項目本身最好具備一定的落地可能。傳統的網頁設計課程教學內容涵蓋了兩個部分，一部分是網頁的理論知識教學，一部分是Dreamweaver軟件的操作教學。此兩部分內容在項目驅動的網頁設計與制作實踐教學中不宜與具體的項目作割裂，應盡量融入在項目中作闡釋。實施項目驅動的網頁設計與制作教學在傳統的網頁設計課程的基礎上，增加了與市場接軌的內容，即網站設計與制作之前的內容，用戶研究等工作。整個教學內容具體被拆分為項目規劃、內容組織、頁面設計、測試發布、站點推廣、反饋評估六個步驟。教師將學生分成小組來進行項目展開。第一，項目規劃是前期與市場接軌的重要步驟。首先需要對網頁設計的項目需求進行分析，明確項目的網頁性質，針對用戶人群的使用習慣研究，以及這一部分人群所期待網頁能夠提供的服務和產品，形成產品需求文檔、市場文檔、競品調研文檔。此部分需要配合做大量的問卷調查和市場調查。最后再根據調研結果以用戶畫像的方式確定目標用戶群體，再確定項目的產品和服務。第二，內容組織是將收集和篩選的網頁內容進行組織整理。以樹形圖或者是遞進結構來表現各個頁面之間的交叉鏈接、從屬關系。根據反復組織推敲合理的界面關系，可用AxureRP進行原型圖階段的設計呈現。通過AxureRP設計出原型圖有助于學生對網頁鏈接的合理性以及交互體驗的流暢感進行自查。第三，頁面設計即需要根據原型圖確定內容和大體版式完成網站的界面設計。在具體的項目中，除了收集素材之外，可以讓學生根據項目主體設計一個情緒板（MoodBoard）。情緒板是由諸多與主題相關的資料和素材拼貼在一起的視覺概念，有助于指引學生掌握項目的整個需求的設計主題和設計感受。在確立項目的具體風格后，引入Photoshop的圖像處理。在處理網頁界面設計的時候，應引導學生建立一定的設計規范，例如字體規范、主題色規范、圖標規范、圖片規范等不同分類。設計規范能夠確保同一個項目的學生小組能夠輸出統一風格的設計第四，通過Dreamweaver等網頁設計軟件進行項目化驅動的呈現設計。學生在使用Dreamweaver構建網頁的時候為了達到項目規劃的視覺效果必然會自主地去學習一些初階的代碼，這就激發了學生學習的積極性第五，測試發布。這個過程是為了確保網頁的技術卜的完整性，確保頁面內容的可用性第六，反饋評估。根據用戶使用網站的反饋評估，反復改進網頁在被拆解的這六個教學步驟中，教師需要積極地響應小組成員的問題，提供及時、有效地指導和幫助。在教學的過程中，要根據具體的項目進度，來安排及時的教學，實現“教，學，做”三位一體的教學方法。項目初步完成后，教師應組織學生就項目進行分享交流，各小組就各自的作品進行演示呈現，并由小組長進行初期策劃到最終呈現的過程展示。學生在此交流中達到了自評的目的。及時的總結與交流不僅能為之前的學習打下基礎，學生還可以從中探討經驗與心得，得到一定的成就感。教師參與交流過程，可以結合作品和小組設計闡述形成定性和定量的評價

三、結語

基于項目驅動的網頁設計與制作實踐教學是非常有效的，學生可以在具體的項目語境下主動帶入目的去進行學習，能夠充分調動學生學習的積極性，也能鍛煉學生分析解決實際問題的能力。同時，學生在整個過程中詳細了解了一個網頁界面設計從前期策劃到最后呈現的完整步驟，這種以用戶為主的設計思維的培養，有利于其獲得相關崗位的職業技能若要將項目驅動的網頁設計與制作實踐教學落到實處，首先，在項目甄選方面院校必須加強與社會各方的合作力度，這樣才能夠篩選出適宜教學的項目案例為教學所用。其次，院校需要對實訓室的硬件設施進行優化和完善，讓學生能夠在接近工作環境的場所里進行設計，進而能夠保證學生能夠快速的接受未來的工作環境。最后，教師作為項目驅動的網頁設計與制作實踐課程的實施者，需要不斷學習新的技術知識，同市場的大需求接軌。

【參考文獻】

[1]王雅婷吳慧林.基于項目驅動的《網頁設計與制作》一體化教學模式應用研究口].科技信息2012,000(019):182-182

[2]吳獻文陳承歡.“項目驅動+案例教學”模式在高職教學的探索與應用田.電腦知識與技術:學術交流200鄧)6):282-283

[3]馮林，鄭薇薇.”任務驅動”與”項目驅動”相結合的創新教育研究田.黑龍江教育(高教研究與評估)2010(04):63-65

[4]種子儒.項目教學法在網頁制作教學中的應用田.職業2018,000(004):72-73

作者:葉琪 單位:四川文理學院美術學院