李陸燕 王瑀

摘 要：隨著網(wǎng)絡(luò)的廣泛應(yīng)用，社會(huì)對(duì)網(wǎng)頁設(shè)計(jì)人員的需求也越來越大。作為中職院校教師，要勇于探索，多多思考教學(xué)方法，從實(shí)際應(yīng)用出發(fā)，培養(yǎng)更適合工作崗位要求的學(xué)生。

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì) 教學(xué)方法 課程

隨著互聯(lián)網(wǎng)的發(fā)展，網(wǎng)站的應(yīng)用越來越廣泛，對(duì)網(wǎng)站的設(shè)計(jì)制作及維護(hù)人員的需求也就不斷增加。作為中職院校教師，筆者在充分進(jìn)行市場(chǎng)調(diào)研的基礎(chǔ)上，以就業(yè)為導(dǎo)向，開設(shè)了網(wǎng)絡(luò)設(shè)計(jì)與開發(fā)專業(yè)，網(wǎng)頁設(shè)計(jì)是該專業(yè)的主要課程，特別是靜態(tài)網(wǎng)頁的設(shè)計(jì)制作。經(jīng)過多年的教學(xué)經(jīng)驗(yàn)積累，進(jìn)行的以職業(yè)針對(duì)性為核心理念的課程改革和建設(shè)，從課程結(jié)構(gòu)、課程內(nèi)容、教學(xué)方法、教學(xué)資源、考核模式及學(xué)生創(chuàng)新能力培養(yǎng)等方面做了大膽嘗試，教學(xué)效果明顯改善。這對(duì)改變現(xiàn)有教學(xué)模式、增強(qiáng)學(xué)生學(xué)習(xí)興趣、提高學(xué)生操作技能、增強(qiáng)學(xué)生職業(yè)能力等有積極意義。

一、教學(xué)分析

在現(xiàn)有的中職院校中，開設(shè)網(wǎng)頁設(shè)計(jì)的課程很普遍，主要是靜態(tài)網(wǎng)頁的制作。目前網(wǎng)頁設(shè)計(jì)課程涉及的軟件主要有三個(gè)：Photoshop、Flash和Dreamweaver?；局谱鬟^程是：使用Photoshop設(shè)計(jì)網(wǎng)站效果圖，詳細(xì)設(shè)計(jì)網(wǎng)頁的圖形圖像、背景、圖片及簡(jiǎn)單的動(dòng)畫；Flash軟件主要設(shè)計(jì)Banne、二級(jí)菜單等，提高網(wǎng)站觀賞性；最后在Dreamweaver將設(shè)計(jì)的網(wǎng)頁效果用代碼全部實(shí)現(xiàn)。與傳統(tǒng)的理論教學(xué)相比，網(wǎng)頁設(shè)計(jì)課程有著鮮明的特點(diǎn)。

1.培養(yǎng)學(xué)生的綜合能力

一個(gè)網(wǎng)站從用戶需求分析到設(shè)計(jì)、制作、上傳網(wǎng)絡(luò)的整個(gè)過程中，對(duì)學(xué)生的溝通能力、理解能力、學(xué)習(xí)能力等都是一個(gè)考驗(yàn)。

2.具有很強(qiáng)的可操作性

每個(gè)網(wǎng)頁都需要學(xué)生盡心去完成，而不是空談，所以對(duì)學(xué)生的技能要有很高的要求。

3.創(chuàng)新空間很大

現(xiàn)在的網(wǎng)頁各種各樣，每個(gè)學(xué)生都有自己的想法，無論是在色調(diào)還是布局上，都有很大的發(fā)揮空間。代碼設(shè)計(jì)也有很多方法實(shí)現(xiàn)，靈活的學(xué)習(xí)內(nèi)容能激發(fā)學(xué)生興趣，培養(yǎng)創(chuàng)新能力。

4.與藝術(shù)美感聯(lián)系緊密

網(wǎng)頁最先傳達(dá)給人們的信息是一個(gè)整體的感覺，這在教學(xué)過程中很容易忽略，僅僅開設(shè)美術(shù)課程是不夠的，還要多看多分析經(jīng)典網(wǎng)頁，著重培養(yǎng)美感。

二、教學(xué)內(nèi)容

在網(wǎng)頁設(shè)計(jì)教學(xué)過程中，以前更注重Dreamweaver的應(yīng)用，而忽略了真正的設(shè)計(jì)階段。其實(shí)對(duì)于中職的學(xué)生來說，設(shè)計(jì)效果圖是做好一個(gè)網(wǎng)頁的基礎(chǔ)。

1.Photoshop在網(wǎng)頁設(shè)計(jì)中的應(yīng)用

（1）網(wǎng)站的LOGO。LOGO是一個(gè)網(wǎng)站的形象，一個(gè)好的LOGO給用戶的印象很深，能提高網(wǎng)站的知名度?？梢酝ㄟ^PS軟件的鋼筆工具及路徑、選取等操作，設(shè)計(jì)出簡(jiǎn)潔、有意義的LOGO。

（2）色調(diào)。色調(diào)的選擇很重要，它是網(wǎng)頁給人的第一感覺，選擇好色調(diào)能使用很快喜歡上這個(gè)網(wǎng)頁。首先要掌握關(guān)于美術(shù)的一些知識(shí)，例如對(duì)比色、暖色、冷色等。每個(gè)色調(diào)都有它的意義，科技類網(wǎng)站一般使用藍(lán)色或者灰色，食品類網(wǎng)站一般使用暖色或綠色，環(huán)保類網(wǎng)站一般使用綠色，產(chǎn)品類網(wǎng)站一般使用和產(chǎn)品類似的顏色，如安卓綠等。網(wǎng)站的前景色和背景色的搭配要合理。

（3）網(wǎng)頁中的細(xì)節(jié)。在網(wǎng)頁設(shè)計(jì)中，除了大量的使用圖片外，還有一些小的圖標(biāo)及按鈕等細(xì)節(jié)需要設(shè)計(jì)。這些是點(diǎn)睛之筆，不能忽視，在設(shè)計(jì)風(fēng)格和顏色上與整個(gè)網(wǎng)頁主題一致。

（4）布局設(shè)計(jì)。網(wǎng)頁布局方法有很多，上下結(jié)構(gòu)、上中下結(jié)構(gòu)、上左右結(jié)構(gòu)、上左中右結(jié)構(gòu)等，要根據(jù)內(nèi)容選擇合適的結(jié)構(gòu)。

2.Flash在網(wǎng)頁設(shè)計(jì)中的應(yīng)用

（1）Banner的設(shè)計(jì)。在整個(gè)網(wǎng)頁中，動(dòng)畫給人印象深刻，給網(wǎng)頁添色。在設(shè)計(jì)Banner時(shí)，要注意圖片的選擇與整個(gè)網(wǎng)頁一致，文字要突出，表現(xiàn)出該企業(yè)的精神。

（2）細(xì)節(jié)設(shè)計(jì)。在按鈕、圖片、超級(jí)鏈接等方面也可以使用動(dòng)畫，這樣網(wǎng)頁看上去會(huì)更有動(dòng)感。

3.代碼

在代碼實(shí)現(xiàn)階段，我們主要使用了CSS+DIV技術(shù)。在學(xué)習(xí)過程中，要強(qiáng)調(diào)代碼的書寫規(guī)則、書寫格式規(guī)范、書寫技巧，良好的書寫習(xí)慣是成為一個(gè)成功網(wǎng)頁設(shè)計(jì)人員的基礎(chǔ)。

4.課時(shí)分配

以上三個(gè)軟件建議學(xué)習(xí)兩個(gè)學(xué)期，第一學(xué)期三個(gè)軟件并重，第二學(xué)期著重講解代碼實(shí)現(xiàn)部分。

三、教學(xué)方法

中職學(xué)校主要培養(yǎng)的是學(xué)生的動(dòng)手能力和解決實(shí)際問題的能力。讓學(xué)生在學(xué)習(xí)中養(yǎng)成良好的習(xí)慣，能更快地適應(yīng)企業(yè)的崗位需求。在教學(xué)過程中要采用多種教學(xué)方法，如任務(wù)驅(qū)動(dòng)法、項(xiàng)目教學(xué)法、案例教學(xué)等，變被動(dòng)學(xué)習(xí)為主動(dòng)學(xué)習(xí)，使學(xué)生不僅僅是“學(xué)會(huì)”，更主要的是“會(huì)學(xué)”，這就要求我們要改變傳統(tǒng)的教學(xué)方法。

1.課程內(nèi)容

在教學(xué)過程中，對(duì)每個(gè)軟件的學(xué)習(xí)要模塊化，再把每個(gè)軟件細(xì)分模塊化。例如在學(xué)習(xí)photoshop時(shí)，首先臨摹經(jīng)典網(wǎng)站，掌握每類網(wǎng)站的設(shè)計(jì)特點(diǎn)，如科技類、產(chǎn)品類、學(xué)校類等，把相關(guān)知識(shí)進(jìn)行總結(jié)講解，使學(xué)生有一個(gè)整體的感知。再通過實(shí)例進(jìn)行設(shè)計(jì)練習(xí)，使學(xué)生牢牢掌握每個(gè)軟件的核心。

2.實(shí)例教學(xué)

不管是采用案例、項(xiàng)目還是任務(wù)，在教學(xué)內(nèi)容的選取上要更貼切實(shí)際，以實(shí)際應(yīng)用為主線，切身體會(huì)整個(gè)案例完成的過程，使每次學(xué)習(xí)都變成一次實(shí)戰(zhàn)。學(xué)生分析實(shí)例的過程和自己的經(jīng)歷及環(huán)境相結(jié)合，可以激發(fā)學(xué)生的求知欲，讓他們主動(dòng)去周圍的生活中找素材，分析內(nèi)容，最后完成任務(wù)。

3.課堂形式

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

4.教學(xué)手段

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

四、教學(xué)考核

課程設(shè)計(jì)的考核必須充分重視學(xué)生的創(chuàng)新能力和實(shí)踐能力的培養(yǎng)，全面提高學(xué)生的工作能力和綜合素質(zhì)?？己朔椒ㄈ缦?。

1.教師考核

教師在每個(gè)階段都要對(duì)學(xué)生完成的任務(wù)進(jìn)行考核。如完成一個(gè)網(wǎng)站要5天的時(shí)間，教師要把這5天分成幾個(gè)階段：搜集素材、用Photoshop完成效果圖1天，代碼實(shí)現(xiàn)2天，自查互評(píng)1天，完善1天。教師對(duì)每個(gè)階段都進(jìn)行評(píng)分，這樣可以督促學(xué)生按時(shí)完成任務(wù)。

2.學(xué)生自評(píng)

在每個(gè)同學(xué)都完成任務(wù)后，同學(xué)之間進(jìn)行互評(píng)，這樣可以取長(zhǎng)補(bǔ)短，還可以讓每個(gè)同學(xué)復(fù)習(xí)以前學(xué)過的知識(shí)，會(huì)找錯(cuò)、會(huì)改錯(cuò)，讓學(xué)生進(jìn)行討論交流。還可以把優(yōu)秀的網(wǎng)站選出來進(jìn)行評(píng)比，讓學(xué)生自己介紹，把自己設(shè)計(jì)的網(wǎng)站推銷出去。

3.考核成績(jī)等級(jí)

課程設(shè)計(jì)實(shí)際成績(jī)一般分五個(gè)等級(jí)：優(yōu)秀、良好、中等、及格、不及格。

網(wǎng)頁設(shè)計(jì)是一門實(shí)踐性很強(qiáng)的課程，課程定位要明確，并與相關(guān)崗位技能全面接軌。作為從事網(wǎng)頁教學(xué)的教育工作者，一定要勇于學(xué)習(xí)、勤于探索，只有這樣，我們培養(yǎng)出來的學(xué)生才能適應(yīng)社會(huì)需求，更好地走向工作崗位。

（作者單位：秦皇島技師學(xué)院）