楊蓉

（湖南商務職業(yè)技術(shù)學院，湖南 長沙 410205）

1 引言

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

2 網(wǎng)頁設計與制作實訓課程教學現(xiàn)狀

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

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

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

3 網(wǎng)頁設計與制作實訓課程的改革

教學實訓作為專業(yè)人才培養(yǎng)的關(guān)鍵環(huán)節(jié)，對提升人才培養(yǎng)的質(zhì)量起到非常重要的作用。下面以湖南商務職業(yè)技術(shù)學院電子商務專業(yè)的網(wǎng)頁設計與制作實訓為例，從教學目標、實訓任務與實施建議、考核評價三個方面闡述網(wǎng)頁設計與制作實訓的改革。

3.1 教學目標

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

表1 教學目標

3.2 實訓任務與實施建議

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

⑴ 網(wǎng)站需求分析

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

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

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

⑵ 網(wǎng)頁布局構(gòu)建

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

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

⑶ 網(wǎng)頁效果圖繪制

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

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

⑷ 網(wǎng)站實現(xiàn)

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

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

⑸ 作品展示與總結(jié)

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

3.3 考核評價

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

圖1 多元化考核方式

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

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

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

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

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

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

5 結(jié)語

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

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