基于企業真實項目的網頁設計與制作實訓課程的改革與實踐*

楊蓉

（湖南商務職業技術學院，湖南 長沙 410205）

1 引言

當前，國家推動創新驅動發展，實施了“一帶一路”倡議以及“中國制造2025”“互聯網+”等重大戰略，以新技術、新業態、新模式、新產業為代表的新經濟蓬勃發展，這對職業院校培養技術型人才提出了更高要求，迫切需要加快高職課程改革和創新[1]。網頁設計與制作是技術與藝術相結合的一門實踐性課程，該課程具有較強的職業性、實踐性與較廣的開放性[2]，而網頁設計與制作實訓項目的教學對于提升整個課程的教學質量起到至關重要的作用。

2 網頁設計與制作實訓課程教學現狀

⑴ 傳統的網頁設計與制作實訓是制作某設定的主題網站，在這種虛擬的學習情境中，學生的積極性無法調動，總是處于一種被動學習的狀態，獲得實訓成績變成了大部分學生完成實訓的目的。

⑵ 傳統的網頁設計與制作實訓沒有對接網頁設計崗位的工作流程，實訓具體任務主要是圍繞網頁設計的知識技能點進行開展，通過實訓學生雖然在知識與技能方面得到了提升，但對于將來從事網頁設計崗位工作不了解，信心不足。

⑶ 傳統的網頁設計與制作實訓考核是以學生最終的網站作品進行評分，缺乏對實訓過程的考核，評價主體也單一，實訓成績不能很好體現學生個體的差異，這導致部分學生依靠小組其他成員的努力，實訓課程蒙混過關。

3 網頁設計與制作實訓課程的改革

教學實訓作為專業人才培養的關鍵環節，對提升人才培養的質量起到非常重要的作用。下面以湖南商務職業技術學院電子商務專業的網頁設計與制作實訓為例，從教學目標、實訓任務與實施建議、考核評價三個方面闡述網頁設計與制作實訓的改革。

3.1 教學目標

網頁設計與制作是一門實踐性非常強的課程，通過實踐課程有利于學生鞏固對網頁設計的理論知識，提高動手能力和知識綜合運用能力，進而達到網頁設計師崗位能力目標，教學目標見表1。

表1 教學目標

3.2 實訓任務與實施建議

實訓項目需引入真實的企業項目，教師按照網頁設計師崗位工作流程將實訓分解成如下5個具體的實訓任務。

⑴ 網站需求分析

網站需求分析首先要進行項目方需求分析和同類型網站的調研分析。項目方需求分析主要通過分析企業提供的項目任務書以及相關素材，梳理企業方的需求；同類型網站的調研分析主要對該網站的頁面版式設計、導航欄設計、網站配色、內容組織以及對該網站的優缺點的分析。通過這兩個方面的調研分析，規劃實訓主題網站的網站定位、網站功能、受眾人群、網站配色、網站各頁面的結構框架以及小組成員的分工。

網站需求分析，是網站建設流程中非常重要的環節，前期的分析直接影響后面的頁面設計，因此教師在實訓開始前可以通過案例分析，讓學生明白需求分析的重要性。在此階段小組成員需要共同討論、分析、總結歸納，教師應巡回指導并及時給予意見，幫助學生打好基礎。

此任務可利用思維導圖軟件梳理需求，形成需求分析文檔。

⑵ 網頁布局構建

網頁布局構建是根據需求分析的結果進行各個頁面的版式設計。如網站首頁包含一些基本的元素，網站logo、導航條、Banner、正文、頁腳，正文又包含了很多圖像、文字等，這些元素的大小、位置都需要進行規劃。

此任務可以利用Photoshop完成頁面版式設計。

⑶ 網頁效果圖繪制

網頁效果圖設計是網站項目開發中非常重要的一環。通過效果圖，可以把想展示的內容以圖像的方式表現出來，因此效果圖設計階段是網站開發中最繁雜、最漫長的階段，往往要占據項目開發時間的三分之一甚至三分之二。此階段任務設計網頁風格打造、配色、網頁內容寫作與組織等，小組成員要充分發揮各自所長協作完成。教師需要不斷鼓勵學生，培養精益求精的工匠精神。

此任務可以利用Photoshop完成頁面效果圖設計，創建各種素材文件夾整理各頁面所需的素材。

⑷ 網站實現

網站實現包括網頁框架搭建、網頁內容編輯、網頁美化三個子任務。網頁框架搭建是根據網頁布局圖，利用Div和CSS搭建網頁框架；網頁內容編輯是根據網頁效果圖的效果將頁面中的圖片、文字等內容放進相應的框架中；網頁美化是根據網頁效果圖、利用CSS樣式對網頁中的各個Html元素進行創意美化。此階段主要培養學生綜合運用所學知識分析，處理網頁制作過程中的實際問題。教師在實訓過程中巡回指導，記錄問題，并及時給予指導。

此任務可以利用Dreamweaver完成頁面的框架搭建、內容編輯與美化。

⑸ 作品展示與總結

學生分組分別進行作品展示，展示完后根據其他小組和教師的建議再對網站作品進行優化，進一步提升網頁設計能力。此階段教師要多引導學生大膽自信地表達、小組之間相互學習，促進良好的學習氛圍。

3.3 考核評價

實訓考核采用基于過程與結果的考核方式，考核指標和考核主體多元化，每個考核指標都是由組長評分、組內評分、組間評分和教師評分組成，同時邀請企業方也參與進來，具體如圖1。

圖1 多元化考核方式

4 網頁設計與制作實訓課程教學改革的實踐效果

實訓受校企合作企業湖南創領電子商務公共服務有限公司委托，在2020級電子商務專業4個班級進行教學實踐，制作以“家鄉的味道”為主題的營銷類網站。實訓前，教師將企業需求任務書以及相關的素材下發給學生，引導學生查看，并組織學生討論各自家鄉的美食以及風土人情，充分激發學生的積極性。組織學生進行分組，推選小組長。將每個實訓任務的具體要求、實訓的考核方式等上傳到學習通。

從學生實訓的最終的考核情況來看，4個班級的優良率達到了72%，相對2019級提升了12%（圖2）。

圖2 2019級和2020級實訓成績對照圖

在實訓總結中，學生普遍反映：⑴ 了解的網站建設與制作整個流程，對將來從事這方面的工作有了更多的自信；⑵ 很多同學表示這種真實項目的實訓更有挑戰性，更能激發他們對網頁設計的學習興趣；⑶ 通過實訓，讓他們對自己家鄉有了更進一步的了解，越發熱愛自己的家鄉，并立志為家鄉的發展貢獻自己的力量；⑷ 充分感受了團隊的重要性；⑸ 深刻體會到要做出優秀的網站，需要具有很好的專業技能，還應該具備工匠精神和創新精神。

實訓結束后，學生參加了網頁設計與制作課程的期末考試，從課程期末考試的成績來看，4個班級的80分以上的學生達到了71%，相對2019級提升了10%，說明課程的教學效果得到提升。

5 結語

目前湖南商務職業技術學院電子商務專業的網頁設計與制作實訓課程的改革主要是從教學內容方面進行改革與實踐，且初見成效，下一步將會從教學方法、教師這些方面進行改革，不斷探索與實踐，不斷提升課程教學效果，從而提高人才培養的質量。

圖3 2019級和2020級課程考試成績對照分析圖