張麗娜

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

一、課程分析

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

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

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

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

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

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

三、項目設(shè)計

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

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

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

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

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

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

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

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

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

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

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

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

2.第二階段：策劃階段

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

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

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

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

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

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

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

4.第四階段：制作階段

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

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

5.第五階段：測試階段

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

6.第六階段：驗收階段

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

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

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