對(duì)中職網(wǎng)頁設(shè)計(jì)綜合實(shí)訓(xùn)課程的項(xiàng)目解析

張麗娜

(四川省成都市蜀興職業(yè)中學(xué) 四川成都 610051)

一、課程分析

《網(wǎng)頁設(shè)計(jì)綜合實(shí)訓(xùn)》課程是我校計(jì)算機(jī)應(yīng)用專業(yè)的實(shí)訓(xùn)課程，本課程是基于photoshop、flash、dreamweaver三門課程已經(jīng)開設(shè)過的基礎(chǔ)上的一門綜合實(shí)踐課程，綜合性、實(shí)操性都很強(qiáng)。學(xué)生在該門課程學(xué)習(xí)完成之后，就具備了網(wǎng)站前端設(shè)計(jì)師的專業(yè)技能，能夠在網(wǎng)站前端設(shè)計(jì)這一崗位上頂崗工作。

我校計(jì)算機(jī)應(yīng)用專業(yè)開設(shè)此門課程已有六七年時(shí)間，無論是針對(duì)中職學(xué)生還是高職學(xué)生，這門課程始終保留。究其原因，根據(jù)我們對(duì)畢業(yè)生的調(diào)查發(fā)現(xiàn)，我校計(jì)算機(jī)應(yīng)用專業(yè)的畢業(yè)生每一屆都有從事網(wǎng)頁設(shè)計(jì)崗位的學(xué)生，而他們也表示，很大原因得益于我校開設(shè)的這一門實(shí)訓(xùn)課程。

總結(jié)該門課程多年的教學(xué)經(jīng)驗(yàn)，在工學(xué)結(jié)合的教學(xué)思想指導(dǎo)下，采用行動(dòng)為導(dǎo)向的教學(xué)方式是必須的。在《網(wǎng)頁設(shè)計(jì)綜合實(shí)訓(xùn)》課程中，有效運(yùn)用項(xiàng)目教學(xué)法，將項(xiàng)目教學(xué)法真正實(shí)踐于課程，適用于學(xué)生。

二、項(xiàng)目教學(xué)法理論引導(dǎo)

項(xiàng)目教學(xué)法是在構(gòu)建主義的指導(dǎo)下，以實(shí)際的工程項(xiàng)目為對(duì)象，先由教師對(duì)項(xiàng)目進(jìn)行分解，并作適當(dāng)示范，然后讓學(xué)生分組圍繞各自的工程項(xiàng)目進(jìn)行討論、協(xié)作學(xué)習(xí)，最后以共同完成項(xiàng)目的情況來評(píng)價(jià)學(xué)生是否達(dá)到教學(xué)目的的一種新的教學(xué)方法。

項(xiàng)目教學(xué)法有效建立了課堂與生活的聯(lián)系，整個(gè)過程活動(dòng)都是真實(shí)的，是現(xiàn)實(shí)生產(chǎn)生活的一種反映，從而使學(xué)生的學(xué)習(xí)更有針對(duì)性和實(shí)用性。在項(xiàng)目實(shí)施過程中，項(xiàng)目設(shè)計(jì)是重點(diǎn)。怎樣的項(xiàng)目才能既滿足現(xiàn)階段學(xué)生的實(shí)際情況，又能引發(fā)學(xué)生的參與興趣，提高學(xué)生的專業(yè)實(shí)訓(xùn)能力和職業(yè)綜合能力是需要教師探討的問題。在數(shù)年的網(wǎng)頁設(shè)計(jì)綜合實(shí)訓(xùn)課程的教學(xué)中，我們積累了一定的實(shí)際經(jīng)驗(yàn)。

三、項(xiàng)目設(shè)計(jì)

綜合實(shí)訓(xùn)課的教學(xué)不同于基礎(chǔ)技能課。由于學(xué)生已經(jīng)具備了專業(yè)知識(shí)和相應(yīng)軟件的操作技能，綜合實(shí)訓(xùn)課要在專業(yè)技能課的基礎(chǔ)上重點(diǎn)訓(xùn)練學(xué)生的專業(yè)綜合技能，提升學(xué)生的職業(yè)綜合能力。因此，項(xiàng)目的設(shè)計(jì)要求更能體現(xiàn)實(shí)際工作環(huán)境的特點(diǎn)，學(xué)生通過項(xiàng)目能更好地應(yīng)用學(xué)過的知識(shí)解決實(shí)際問題，鍛煉自己的實(shí)際工作能力。

綜合實(shí)訓(xùn)對(duì)學(xué)生在動(dòng)手實(shí)踐能力上提出了較高的要求。學(xué)生需要按照網(wǎng)頁制作的流程，完成一個(gè)相對(duì)具體、綜合的網(wǎng)頁作品。學(xué)生需要綜合運(yùn)用網(wǎng)頁設(shè)計(jì)，圖片處理，動(dòng)畫制作等專業(yè)技能，實(shí)現(xiàn)完整的網(wǎng)頁效果。

在實(shí)訓(xùn)項(xiàng)目的設(shè)計(jì)上，根據(jù)學(xué)時(shí)安排和學(xué)生的實(shí)際情況，主要分為兩個(gè)階段。

（一）固定題材類網(wǎng)頁設(shè)計(jì)

學(xué)生在高三剛接觸這門綜合實(shí)訓(xùn)課時(shí)，還較為陌生，對(duì)于要完成一個(gè)綜合性的網(wǎng)頁，并不知從何入手。這時(shí)需要老師一步步引領(lǐng)，讓學(xué)生從模仿成型的優(yōu)秀網(wǎng)頁開始，熟悉網(wǎng)頁設(shè)計(jì)的操作流程，再由老師漸漸放手，讓學(xué)生自主創(chuàng)作。

在項(xiàng)目的題材選擇和實(shí)施方式上，我根據(jù)市場對(duì)網(wǎng)頁設(shè)計(jì)的一般需求，從四大類的題材入手，包括教育類網(wǎng)頁，電商類網(wǎng)頁，旅游類網(wǎng)頁，健身類網(wǎng)頁。并根據(jù)學(xué)生對(duì)知識(shí)的掌握規(guī)律，在項(xiàng)目的實(shí)施方式上對(duì)學(xué)生提出了不同的要求。

學(xué)生通過不同題材網(wǎng)頁項(xiàng)目的設(shè)計(jì)制作，對(duì)網(wǎng)頁設(shè)計(jì)的流程從不熟悉到熟練，網(wǎng)頁的設(shè)計(jì)要求從模仿到半設(shè)計(jì)再到絕大部分自主設(shè)計(jì)，層層遞進(jìn)，使學(xué)生在課程前期沒有太大的學(xué)習(xí)壓力，后期也能發(fā)揮學(xué)生的主觀能動(dòng)性，保證每一個(gè)學(xué)生都能熟悉網(wǎng)頁設(shè)計(jì)的整套流程，并深知自己的長處和不足，在后期的創(chuàng)意設(shè)計(jì)項(xiàng)目部分，能更好地組建團(tuán)隊(duì)，科學(xué)分工，將每一位隊(duì)員的優(yōu)勢發(fā)揮到最大[1]。

（二）自主創(chuàng)意類網(wǎng)頁設(shè)計(jì)

在自主創(chuàng)意制作網(wǎng)頁階段，教師要求學(xué)生以項(xiàng)目小組的形式開展教學(xué)活動(dòng)，用完整的實(shí)際工作流程訓(xùn)練學(xué)生綜合設(shè)計(jì)制作能力，即按照實(shí)際工作“調(diào)研→策劃→設(shè)計(jì)→制作→測試→驗(yàn)收”的流程進(jìn)行項(xiàng)目設(shè)計(jì)。

通過實(shí)訓(xùn)項(xiàng)目訓(xùn)練，培養(yǎng)學(xué)生的創(chuàng)新精神和團(tuán)隊(duì)精神，使學(xué)生能夠綜合運(yùn)用平面設(shè)計(jì)的基本原理和設(shè)計(jì)規(guī)律，網(wǎng)頁制作規(guī)范，動(dòng)畫設(shè)計(jì)制作流程及網(wǎng)頁設(shè)計(jì)的相關(guān)軟件，完成符合實(shí)際要求的網(wǎng)頁作品。項(xiàng)目設(shè)計(jì)以培養(yǎng)學(xué)生完成實(shí)際工作任務(wù)的職業(yè)能力為目標(biāo)，但設(shè)計(jì)的項(xiàng)目不一定非要源于企業(yè)，可根據(jù)學(xué)生對(duì)市場的調(diào)研，生活實(shí)際的需求以及自己的興趣愛好，選擇網(wǎng)頁項(xiàng)目題材，完成完整網(wǎng)頁的設(shè)計(jì)制作。

1.第一階段：調(diào)研階段

商業(yè)網(wǎng)頁設(shè)計(jì)的工作程序必須經(jīng)過市場調(diào)研，了解市場和客戶的需求。但是學(xué)生在校期間，沒有辦法實(shí)現(xiàn)企業(yè)化的操作管理，因此，我們模擬市場調(diào)研階段，根據(jù)學(xué)生和學(xué)校實(shí)際情況靈活處理。我將此階段的任務(wù)下發(fā)給學(xué)生，學(xué)生經(jīng)過自由組合形成項(xiàng)目工作團(tuán)隊(duì)。選題的確立，需求的調(diào)研可采用多種途徑，如自己的學(xué)習(xí)生活需要、團(tuán)隊(duì)的興趣愛好、身邊朋友的需求等。曾經(jīng)有一個(gè)設(shè)計(jì)團(tuán)隊(duì)完成的是“Nike運(yùn)動(dòng)鞋網(wǎng)頁”項(xiàng)目，究其原因，是團(tuán)隊(duì)中的一個(gè)女生一放假就會(huì)在Nike專賣店打工，她想通過此機(jī)會(huì)建立自己需要的品牌商品網(wǎng)頁。

2.第二階段：策劃階段

網(wǎng)頁策劃是網(wǎng)頁設(shè)計(jì)的關(guān)鍵步驟，只有真正策劃好了，才有可能制作出令人滿意的網(wǎng)頁作品。如果把一個(gè)網(wǎng)頁比喻為一座房子，那么，沒有經(jīng)過事先規(guī)劃建造起來的房子是不會(huì)牢固的。本階段的目的就是要搞清楚要建一座什么樣的“房子”。網(wǎng)頁策劃是了解客戶需求，進(jìn)行信息收集與分析，對(duì)網(wǎng)頁設(shè)計(jì)等方面的問題進(jìn)行整體規(guī)劃并提供解決方案，撰寫《網(wǎng)頁設(shè)計(jì)規(guī)劃書》的過程。

在項(xiàng)目實(shí)訓(xùn)過程中，不同的項(xiàng)目團(tuán)隊(duì)在此階段會(huì)有不同的表現(xiàn)。有的團(tuán)隊(duì)不重視網(wǎng)頁的策劃，就算寫了《網(wǎng)頁設(shè)計(jì)規(guī)劃書》，在后期的設(shè)計(jì)制作過程中也仍舊不斷地變化修改，導(dǎo)致網(wǎng)頁完成用了大量的時(shí)間，甚至有的改得面目全非。而有的團(tuán)隊(duì)聽取老師的意見，明白網(wǎng)頁策劃的重要性。在前期策劃階段，用了不少時(shí)間確定網(wǎng)頁的定位、內(nèi)容、風(fēng)格，但是一旦規(guī)劃書敲定下來，就不再修改，后期的設(shè)計(jì)制作完全按照策劃來做，事半功倍。由此可見，網(wǎng)頁的策劃在整個(gè)項(xiàng)目流程中起著十分關(guān)鍵的作用。

3.第三階段：設(shè)計(jì)階段

設(shè)計(jì)階段是運(yùn)用photoshop、illustrator等平面設(shè)計(jì)軟件進(jìn)行網(wǎng)頁界面設(shè)計(jì)的過程，這直接決定了最終呈現(xiàn)的網(wǎng)頁效果是否具有視覺沖擊力，是否具有和諧美感。具體設(shè)計(jì)的內(nèi)容包括有標(biāo)準(zhǔn)字確定、LOGO設(shè)計(jì)、標(biāo)準(zhǔn)色彩、圖標(biāo)設(shè)計(jì)、網(wǎng)頁平面設(shè)計(jì)等。

（1）網(wǎng)頁圖標(biāo)設(shè)計(jì)。圖標(biāo)是具有明確指代含義的具有標(biāo)識(shí)性質(zhì)的圖形，不僅是一種圖形，更是一種標(biāo)識(shí)。精美的網(wǎng)頁設(shè)計(jì)圖標(biāo)往往能起到畫龍點(diǎn)睛的作用，從而提升軟件的視覺效果。

（2）導(dǎo)航欄設(shè)計(jì)。導(dǎo)航欄是網(wǎng)頁中用來裝飾和展示網(wǎng)頁的，功能豐富的導(dǎo)航欄可以引導(dǎo)閱覽者獲取多方面的信息。導(dǎo)航欄的設(shè)計(jì)應(yīng)遵循明確、清晰、醒目等原則。

（3）網(wǎng)頁色彩設(shè)計(jì)。網(wǎng)頁的色彩是網(wǎng)頁最重要的部分，是給訪問者登錄頁面時(shí)的第一印象，好的頁面色彩能給人帶來很強(qiáng)的視覺沖擊力，可以使瀏覽者對(duì)整個(gè)網(wǎng)頁產(chǎn)生深刻印象。在配色時(shí)應(yīng)注意綜合考慮多方面的因素，設(shè)計(jì)出能產(chǎn)生視覺停留意愿的效果。

4.第四階段：制作階段

制作階段是運(yùn)用photoshop、flash、dreamweaver等軟件進(jìn)行網(wǎng)頁制作的過程。具體包括建立站點(diǎn)、網(wǎng)頁模板、首頁制作、子頁制作、特效實(shí)現(xiàn)、頁面鏈接等內(nèi)容。

此階段主要是提升學(xué)生對(duì)軟件的熟練操作能力和綜合應(yīng)用能力，學(xué)生能將幾款軟件熟練轉(zhuǎn)換，應(yīng)用自如；同時(shí)培養(yǎng)學(xué)生的自主學(xué)習(xí)能力，通過網(wǎng)絡(luò)資源學(xué)習(xí)新的腳本代碼，并能在自己的網(wǎng)頁中應(yīng)用；更離不開的是同學(xué)之間的協(xié)作溝通，團(tuán)隊(duì)合作，只有群策群力，才能完成一個(gè)精美的網(wǎng)頁作品。

5.第五階段：測試階段

在此階段，我們采用組內(nèi)測試，組間測試，教師測試等各種手段相結(jié)合的方式，只有確保網(wǎng)頁中的每一個(gè)頁面顯示，每一處鏈接，每一點(diǎn)特效都準(zhǔn)確無誤的情況下，才能進(jìn)行對(duì)外交付。大多數(shù)團(tuán)隊(duì)在此階段都會(huì)進(jìn)行反復(fù)修改和測試，這是一項(xiàng)細(xì)致繁瑣的工作，極大地考驗(yàn)學(xué)生的細(xì)膩、耐心程度。

6.第六階段：驗(yàn)收階段

驗(yàn)收階段是由展示和評(píng)價(jià)兩大環(huán)節(jié)構(gòu)成。項(xiàng)目完成后，各項(xiàng)目組要向本專業(yè)的所有師生展示項(xiàng)目作品，以作品答辯展示會(huì)的形式進(jìn)行，并且我們會(huì)請到行業(yè)專家和高校教師蒞臨展示會(huì)現(xiàn)場，給予學(xué)生專業(yè)的意見和建議。

在此階段，項(xiàng)目團(tuán)隊(duì)分組上臺(tái)匯報(bào)、展示、交流本組設(shè)計(jì)的最終作品。在介紹過程中要求配合演示文稿，向大家展示網(wǎng)頁效果，說明網(wǎng)頁設(shè)計(jì)思路，效果特色，制作過程，問題解決等多方面的內(nèi)容。現(xiàn)場老師和行業(yè)專家會(huì)針對(duì)其項(xiàng)目進(jìn)行提問，由學(xué)生現(xiàn)場解答。項(xiàng)目考核評(píng)價(jià)應(yīng)主要評(píng)價(jià)學(xué)生是否達(dá)到了項(xiàng)目教學(xué)的目標(biāo)，對(duì)學(xué)生在執(zhí)行項(xiàng)目中所表現(xiàn)出來的綜合運(yùn)用知識(shí)與技能解決實(shí)際問題的能力進(jìn)行考核。教師需要關(guān)注學(xué)生在完成項(xiàng)目后學(xué)習(xí)到的知識(shí)、技能和提高的職業(yè)能力，這樣有利于培養(yǎng)學(xué)生的自信心和創(chuàng)新能力[2]。

隨著職業(yè)教育理論研究與實(shí)踐的不斷深入，中職學(xué)校的教師深刻地認(rèn)識(shí)到，職業(yè)教育最主要的任務(wù)是培養(yǎng)學(xué)生獲得職業(yè)崗位工作所需要的各種能力。項(xiàng)目教學(xué)是一種在職業(yè)教育廣泛應(yīng)用的教學(xué)模式，很好地體現(xiàn)了在構(gòu)建主義理論指導(dǎo)下的以行動(dòng)為導(dǎo)向的教學(xué)思想。實(shí)踐證明，在網(wǎng)頁設(shè)計(jì)綜合實(shí)訓(xùn)課程中采用項(xiàng)目教學(xué)法是一種行之有效的教學(xué)方法。它通過解決學(xué)生身邊的一些實(shí)際問題來實(shí)現(xiàn)學(xué)生對(duì)專業(yè)知識(shí)的靈活運(yùn)用，大大提高了學(xué)生的學(xué)習(xí)積極性和主動(dòng)性，也提高了學(xué)生諸如創(chuàng)新精神、團(tuán)隊(duì)協(xié)作、溝通交流、口頭表達(dá)等職業(yè)綜合能力。教師應(yīng)在不斷的實(shí)踐中總結(jié)經(jīng)驗(yàn)，創(chuàng)造出更多、更好的實(shí)訓(xùn)項(xiàng)目，更好地培養(yǎng)學(xué)生的能力。