網頁設計教學方法探索

李陸燕 王瑀

摘 要：隨著網絡的廣泛應用，社會對網頁設計人員的需求也越來越大。作為中職院校教師，要勇于探索，多多思考教學方法，從實際應用出發，培養更適合工作崗位要求的學生。

關鍵詞：網頁設計 教學方法 課程

隨著互聯網的發展，網站的應用越來越廣泛，對網站的設計制作及維護人員的需求也就不斷增加。作為中職院校教師，筆者在充分進行市場調研的基礎上，以就業為導向，開設了網絡設計與開發專業，網頁設計是該專業的主要課程，特別是靜態網頁的設計制作。經過多年的教學經驗積累，進行的以職業針對性為核心理念的課程改革和建設，從課程結構、課程內容、教學方法、教學資源、考核模式及學生創新能力培養等方面做了大膽嘗試，教學效果明顯改善。這對改變現有教學模式、增強學生學習興趣、提高學生操作技能、增強學生職業能力等有積極意義。

一、教學分析

在現有的中職院校中，開設網頁設計的課程很普遍，主要是靜態網頁的制作。目前網頁設計課程涉及的軟件主要有三個：Photoshop、Flash和Dreamweaver。基本制作過程是：使用Photoshop設計網站效果圖，詳細設計網頁的圖形圖像、背景、圖片及簡單的動畫；Flash軟件主要設計Banne、二級菜單等，提高網站觀賞性；最后在Dreamweaver將設計的網頁效果用代碼全部實現。與傳統的理論教學相比，網頁設計課程有著鮮明的特點。

1.培養學生的綜合能力

一個網站從用戶需求分析到設計、制作、上傳網絡的整個過程中，對學生的溝通能力、理解能力、學習能力等都是一個考驗。

2.具有很強的可操作性

每個網頁都需要學生盡心去完成，而不是空談，所以對學生的技能要有很高的要求。

3.創新空間很大

現在的網頁各種各樣，每個學生都有自己的想法，無論是在色調還是布局上，都有很大的發揮空間。代碼設計也有很多方法實現，靈活的學習內容能激發學生興趣，培養創新能力。

4.與藝術美感聯系緊密

網頁最先傳達給人們的信息是一個整體的感覺，這在教學過程中很容易忽略，僅僅開設美術課程是不夠的，還要多看多分析經典網頁，著重培養美感。

二、教學內容

在網頁設計教學過程中，以前更注重Dreamweaver的應用，而忽略了真正的設計階段。其實對于中職的學生來說，設計效果圖是做好一個網頁的基礎。

1.Photoshop在網頁設計中的應用

（1）網站的LOGO。LOGO是一個網站的形象，一個好的LOGO給用戶的印象很深，能提高網站的知名度。可以通過PS軟件的鋼筆工具及路徑、選取等操作，設計出簡潔、有意義的LOGO。

（2）色調。色調的選擇很重要，它是網頁給人的第一感覺，選擇好色調能使用很快喜歡上這個網頁。首先要掌握關于美術的一些知識，例如對比色、暖色、冷色等。每個色調都有它的意義，科技類網站一般使用藍色或者灰色，食品類網站一般使用暖色或綠色，環保類網站一般使用綠色，產品類網站一般使用和產品類似的顏色，如安卓綠等。網站的前景色和背景色的搭配要合理。

（3）網頁中的細節。在網頁設計中，除了大量的使用圖片外，還有一些小的圖標及按鈕等細節需要設計。這些是點睛之筆，不能忽視，在設計風格和顏色上與整個網頁主題一致。

（4）布局設計。網頁布局方法有很多，上下結構、上中下結構、上左右結構、上左中右結構等，要根據內容選擇合適的結構。

2.Flash在網頁設計中的應用

（1）Banner的設計。在整個網頁中，動畫給人印象深刻，給網頁添色。在設計Banner時，要注意圖片的選擇與整個網頁一致，文字要突出，表現出該企業的精神。

（2）細節設計。在按鈕、圖片、超級鏈接等方面也可以使用動畫，這樣網頁看上去會更有動感。

3.代碼

在代碼實現階段，我們主要使用了CSS+DIV技術。在學習過程中，要強調代碼的書寫規則、書寫格式規范、書寫技巧，良好的書寫習慣是成為一個成功網頁設計人員的基礎。

4.課時分配

以上三個軟件建議學習兩個學期，第一學期三個軟件并重，第二學期著重講解代碼實現部分。

三、教學方法

中職學校主要培養的是學生的動手能力和解決實際問題的能力。讓學生在學習中養成良好的習慣，能更快地適應企業的崗位需求。在教學過程中要采用多種教學方法，如任務驅動法、項目教學法、案例教學等，變被動學習為主動學習，使學生不僅僅是“學會”，更主要的是“會學”，這就要求我們要改變傳統的教學方法。

1.課程內容

在教學過程中，對每個軟件的學習要模塊化，再把每個軟件細分模塊化。例如在學習photoshop時，首先臨摹經典網站，掌握每類網站的設計特點，如科技類、產品類、學校類等，把相關知識進行總結講解，使學生有一個整體的感知。再通過實例進行設計練習，使學生牢牢掌握每個軟件的核心。

2.實例教學

不管是采用案例、項目還是任務，在教學內容的選取上要更貼切實際，以實際應用為主線，切身體會整個案例完成的過程，使每次學習都變成一次實戰。學生分析實例的過程和自己的經歷及環境相結合，可以激發學生的求知欲，讓他們主動去周圍的生活中找素材，分析內容，最后完成任務。

3.課堂形式

課堂講解主要分成兩部分：知識講解和案例實訓。以前的教學是90分鐘一堂課，課時短、內容少，往往學生剛開始進入狀態就下課了，第二次課時又用大量的時間復習第一次課內容，很影響授課進度和效果。那么我們就采用大課堂的形式，如一個案例講解180分鐘，有的甚至要一到兩天的時間，特別是在綜合練習階段，可以在學期中或者學期末安排一到兩周的時間，拿出一個較大的案例實踐，并充分利用課余時間，讓學生的學習一氣呵成，提高學習效率。

4.教學手段

在教學過程中，還可以采用更靈活的教學手段，如師生互動、生生互動，活躍課堂氣氛，提高學生分析與解決問題的能力，達到輕松學習、自主學習的目的。還可以采用多種教學形式，如競賽方法、分小組教學、學生講解等，讓學生充分感受到這個行業的真實職責。并利用大量多媒體課件、課程錄像、習題庫、試題庫等手段，滿足不同基礎的學生進行自主學習。

四、教學考核

課程設計的考核必須充分重視學生的創新能力和實踐能力的培養，全面提高學生的工作能力和綜合素質。考核方法如下。

1.教師考核

教師在每個階段都要對學生完成的任務進行考核。如完成一個網站要5天的時間，教師要把這5天分成幾個階段：搜集素材、用Photoshop完成效果圖1天，代碼實現2天，自查互評1天，完善1天。教師對每個階段都進行評分，這樣可以督促學生按時完成任務。

2.學生自評

在每個同學都完成任務后，同學之間進行互評，這樣可以取長補短，還可以讓每個同學復習以前學過的知識，會找錯、會改錯，讓學生進行討論交流。還可以把優秀的網站選出來進行評比，讓學生自己介紹，把自己設計的網站推銷出去。

3.考核成績等級

課程設計實際成績一般分五個等級：優秀、良好、中等、及格、不及格。

網頁設計是一門實踐性很強的課程，課程定位要明確，并與相關崗位技能全面接軌。作為從事網頁教學的教育工作者，一定要勇于學習、勤于探索，只有這樣，我們培養出來的學生才能適應社會需求，更好地走向工作崗位。

（作者單位：秦皇島技師學院）