張麗娜

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

一、課程分析

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

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

總結該門課程多年的教學經驗，在工學結合的教學思想指導下，采用行動為導向的教學方式是必須的。在《網頁設計綜合實訓》課程中，有效運用項目教學法，將項目教學法真正實踐于課程，適用于學生。

二、項目教學法理論引導

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

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

三、項目設計

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

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

在實訓項目的設計上，根據學時安排和學生的實際情況，主要分為兩個階段。

（一）固定題材類網頁設計

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

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

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

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

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

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

1.第一階段：調研階段

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

2.第二階段：策劃階段

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

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

3.第三階段：設計階段

設計階段是運用photoshop、illustrator等平面設計軟件進行網頁界面設計的過程，這直接決定了最終呈現的網頁效果是否具有視覺沖擊力，是否具有和諧美感。具體設計的內容包括有標準字確定、LOGO設計、標準色彩、圖標設計、網頁平面設計等。

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

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

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

4.第四階段：制作階段

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

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

5.第五階段：測試階段

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

6.第六階段：驗收階段

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

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

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