基于企業(yè)真實(shí)項(xiàng)目的網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)訓(xùn)課程的改革與實(shí)踐*

楊蓉

（湖南商務(wù)職業(yè)技術(shù)學(xué)院，湖南 長(zhǎng)沙 410205）

1 引言

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

2 網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)訓(xùn)課程教學(xué)現(xiàn)狀

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

⑵ 傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)訓(xùn)沒(méi)有對(duì)接網(wǎng)頁(yè)設(shè)計(jì)崗位的工作流程，實(shí)訓(xùn)具體任務(wù)主要是圍繞網(wǎng)頁(yè)設(shè)計(jì)的知識(shí)技能點(diǎn)進(jìn)行開展，通過(guò)實(shí)訓(xùn)學(xué)生雖然在知識(shí)與技能方面得到了提升，但對(duì)于將來(lái)從事網(wǎng)頁(yè)設(shè)計(jì)崗位工作不了解，信心不足。

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

3 網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)訓(xùn)課程的改革

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

3.1 教學(xué)目標(biāo)

網(wǎng)頁(yè)設(shè)計(jì)與制作是一門實(shí)踐性非常強(qiáng)的課程，通過(guò)實(shí)踐課程有利于學(xué)生鞏固對(duì)網(wǎng)頁(yè)設(shè)計(jì)的理論知識(shí)，提高動(dòng)手能力和知識(shí)綜合運(yùn)用能力，進(jìn)而達(dá)到網(wǎng)頁(yè)設(shè)計(jì)師崗位能力目標(biāo)，教學(xué)目標(biāo)見表1。

表1 教學(xué)目標(biāo)

3.2 實(shí)訓(xùn)任務(wù)與實(shí)施建議

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

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

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

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

此任務(wù)可利用思維導(dǎo)圖軟件梳理需求，形成需求分析文檔。

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

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

此任務(wù)可以利用Photoshop完成頁(yè)面版式設(shè)計(jì)。

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

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

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

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

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

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

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

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

3.3 考核評(píng)價(jià)

實(shí)訓(xùn)考核采用基于過(guò)程與結(jié)果的考核方式，考核指標(biāo)和考核主體多元化，每個(gè)考核指標(biāo)都是由組長(zhǎng)評(píng)分、組內(nèi)評(píng)分、組間評(píng)分和教師評(píng)分組成，同時(shí)邀請(qǐng)企業(yè)方也參與進(jìn)來(lái)，具體如圖1。

圖1 多元化考核方式

4 網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)訓(xùn)課程教學(xué)改革的實(shí)踐效果

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

從學(xué)生實(shí)訓(xùn)的最終的考核情況來(lái)看，4個(gè)班級(jí)的優(yōu)良率達(dá)到了72%，相對(duì)2019級(jí)提升了12%（圖2）。

圖2 2019級(jí)和2020級(jí)實(shí)訓(xùn)成績(jī)對(duì)照?qǐng)D

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

實(shí)訓(xùn)結(jié)束后，學(xué)生參加了網(wǎng)頁(yè)設(shè)計(jì)與制作課程的期末考試，從課程期末考試的成績(jī)來(lái)看，4個(gè)班級(jí)的80分以上的學(xué)生達(dá)到了71%，相對(duì)2019級(jí)提升了10%，說(shuō)明課程的教學(xué)效果得到提升。

5 結(jié)語(yǔ)

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

圖3 2019級(jí)和2020級(jí)課程考試成績(jī)對(duì)照分析圖