王龍娟?。ㄎ鞅惫I(yè)大學(xué)明德學(xué)院　　710124）

?

網(wǎng)頁設(shè)計與制作課程中的教學(xué)模式探究

王龍娟（西北工業(yè)大學(xué)明德學(xué)院710124）

摘要：在科技發(fā)展迅速，快節(jié)奏的生活狀態(tài)下，網(wǎng)絡(luò)已經(jīng)成為人們信息普及的主要來源，手機(jī)網(wǎng)絡(luò)尤其受歡迎，造就了今天的低頭族。網(wǎng)頁設(shè)計師已經(jīng)在歷史的潮流中占據(jù)了重要角色。根據(jù)多年的網(wǎng)頁設(shè)計教學(xué)經(jīng)驗，認(rèn)為建立一個網(wǎng)頁設(shè)計與制作課程的先進(jìn)教學(xué)模式，以在較短時間內(nèi)培養(yǎng)優(yōu)秀的網(wǎng)頁設(shè)計畢業(yè)生為目的的研究很有必要。

關(guān)鍵詞：網(wǎng)頁設(shè)計；教學(xué)模式；師生互動

一、當(dāng)下網(wǎng)頁設(shè)計課堂的不足

1.網(wǎng)頁雖然是個簡單的名詞，但是涉及到的知識種類繁多，不僅包含文字、圖形、色彩、版式設(shè)計、還有動畫、音視頻以及編程等，對于藝術(shù)專業(yè)學(xué)生來講，基本的平面設(shè)計能力和審美素養(yǎng)是具備的，能夠利用所學(xué)知識設(shè)計出創(chuàng)意的平面廣告。但是設(shè)計出一套優(yōu)秀的網(wǎng)頁還是不容易的。

網(wǎng)頁設(shè)計需要運(yùn)用到photo Shop、flash、以及Dream Weaver等設(shè)計軟件，而專業(yè)老師需要具備熟練運(yùn)用這三個軟件的能力，并具有較好的設(shè)計能力，才能指導(dǎo)學(xué)生的網(wǎng)頁作業(yè)和學(xué)習(xí)過程。因為學(xué)生在作業(yè)途中會遇到很多意想不到的問題，只有教師熟練掌握軟件操作才能找到病因，除掉病根。無論課堂還是課下，學(xué)生都會在設(shè)計中遇到各種各樣的問題而煩惱，教師稍微指點(diǎn)迷津，學(xué)生便豁然開朗。

2.如今的軟件教學(xué)課堂大部分是案例教學(xué)，老師做一個案例，每個步驟學(xué)生跟著做，雖然學(xué)生能比著葫蘆畫瓢，但是他們不知道為什么用這些工具做，不出課堂就忘記了如何塑造自己想要的作品，對于這種教授方法不僅不能讓學(xué)生完全掌握設(shè)計方法和能力，也不能熟練軟件工具，并且在未來長時間學(xué)習(xí)中，學(xué)生的學(xué)習(xí)興趣會慢慢降低，面對編程等問題更加懈怠，這樣也會讓學(xué)生的創(chuàng)意設(shè)計能力慢慢喪失。導(dǎo)致了學(xué)生累，教師累，讓學(xué)生做設(shè)計根本無從下手不會做的狀態(tài)，所以必須要有一個能提高學(xué)生學(xué)習(xí)積極性，又能提高教學(xué)質(zhì)量的課堂教學(xué)模式。

二、教學(xué)模式的改進(jìn)

1.加強(qiáng)師生互動。在課程的開始部分需要教師來引導(dǎo)，必須選擇適合的教材和實(shí)訓(xùn)內(nèi)容，通過演示軟件的菜單和工具使用，讓學(xué)生對軟件使用進(jìn)行初步的了解。第一步，教師需要案例演示，在演示中積極互動調(diào)動學(xué)生思維，如提問，接下來怎么做呢，用什么工具呢，引發(fā)學(xué)生主動思考，會有很多優(yōu)秀同學(xué)回答問題，也會帶動全班的學(xué)習(xí)積極性。同時提醒學(xué)生把所學(xué)的版式設(shè)計和色彩搭配以及構(gòu)圖的知識運(yùn)用到網(wǎng)頁設(shè)計中。第二步，講解部分內(nèi)容后，觀察一下學(xué)生學(xué)習(xí)程度和能力，根據(jù)學(xué)生狀況調(diào)整學(xué)習(xí)進(jìn)度，講解速度等。第三步，加強(qiáng)和學(xué)生溝通，了解學(xué)生的心里動向，對學(xué)生的學(xué)習(xí)興趣點(diǎn)和當(dāng)下流行趨勢透析，教師與學(xué)生之間的心靈溝通極為重要。

2.循循善誘，由淺入深。在案例講解的第一課，教師提問學(xué)生知道哪些網(wǎng)站類型，然后做一個關(guān)于校園首頁、專業(yè)介紹、校園景色、訪問留言等幾個頁面，頁面內(nèi)容簡單大氣，包含導(dǎo)航、字體版式、圖片、動畫、音樂等。學(xué)生初次完成第一張頁面后，教師再舉一反三，拿出剛才制作過程中的重點(diǎn)，比如表單的多種應(yīng)用，列舉文字字段使用后，讓學(xué)生自己嘗試使用復(fù)選框、單選按鈕和按鈕組、添加列表和跳轉(zhuǎn)菜單、添加按鈕等等。再如鏈接的幾種方式，講解完比較難的錨點(diǎn)鏈接后，讓學(xué)生自己嘗試使用空連接、文本和圖像鏈接、電子郵件鏈接等。開始就學(xué)習(xí)這些比較簡單的網(wǎng)頁元素，不能學(xué)生在開始就啃骨頭，不然就知難而退了。

第二個案例講解制作一些具有版式創(chuàng)意和內(nèi)容豐富的頁面，增加頁面的Flash媒體元素，比如Flash按鈕、視頻等。在講解第二個案例前必須重新復(fù)習(xí)網(wǎng)站開發(fā)流程，收集資料素材草圖——規(guī)劃站點(diǎn)——網(wǎng)頁制作——測試發(fā)布。對于藝術(shù)專業(yè)學(xué)生學(xué)習(xí)的網(wǎng)頁基本以靜態(tài)網(wǎng)頁為主。

3.任務(wù)導(dǎo)向，團(tuán)隊出擊。在課程后期課堂給學(xué)生留出兩節(jié)課時間，將學(xué)生分組，并布置關(guān)于手機(jī)界面設(shè)計的任務(wù)，給學(xué)生打印三至四份手機(jī)界面設(shè)計樣稿，讓學(xué)生傳閱了解設(shè)計規(guī)范和說明。這次任務(wù)結(jié)果將是結(jié)課成績，得出的最高分是獲勝的團(tuán)隊。

在制作過程中遇到問題，專業(yè)教師負(fù)責(zé)答疑解惑，幫助學(xué)生完善。

作品展示：在規(guī)定時間內(nèi)學(xué)生完成了網(wǎng)頁設(shè)計任務(wù)后，將自己的設(shè)計思想和過程演示給大家，其它組的同學(xué)們可以根據(jù)設(shè)計的不足提出問題，要求設(shè)計組根據(jù)問題給予解答或更正不足。教師最后根據(jù)學(xué)生的作品評出優(yōu)秀，并給較差的團(tuán)隊鼓勵并指正問題，爭取各團(tuán)隊在以后的設(shè)計比賽中得到提升。

4.現(xiàn)在的學(xué)生大多是嬌生慣養(yǎng)比較懶惰，獨(dú)立自主能力差，更缺乏刻苦鉆研的精神。對于學(xué)生來說自己多做練習(xí)才有助于提高專業(yè)能力，網(wǎng)頁設(shè)計需要更多的設(shè)計思路，并付諸實(shí)踐才能學(xué)到真本領(lǐng)。

加強(qiáng)作業(yè)布置的具體要求，并設(shè)定主題，嚴(yán)格要求作業(yè)的設(shè)計稿，不斷的讓學(xué)生思考修改，只有在不斷的修改中才能得到提升。

改變老師講課為主變學(xué)生練習(xí)為主，讓學(xué)生主動找老師輔導(dǎo)作業(yè)，積極鼓勵學(xué)生參加一些設(shè)計比賽，如果老師講的很多，不但老師累，學(xué)生也學(xué)不到東西，學(xué)習(xí)網(wǎng)頁設(shè)計重在練習(xí)，在輔導(dǎo)作業(yè)的同時學(xué)生才能記住并領(lǐng)會到老師講的知識點(diǎn)。總之一句話，授人以魚不如授人以漁。

5.舉一反三，與時俱進(jìn)。同樣對于圖形圖像處理等類似的課程，學(xué)生希望的是能夠?qū)W完這門課程后真正的做出作品，甚至在全國性的比賽中獲獎。所以在授課中應(yīng)該多以典型的案例講解，并提煉案例中的知識點(diǎn)來讓學(xué)生舉一反三的學(xué)習(xí)其它相關(guān)知識點(diǎn)。

建議在整個授課過程中，教師需要靈活運(yùn)用知識，使用多元化的教學(xué)手法，以便吸引學(xué)生的注意力。通常的黑板教學(xué)和PPT多媒體是常用的，加上CAI課件、教案與網(wǎng)頁文件、視頻動畫等形式，可以說種類非常豐富，教師可以兩種或者多種相互穿插的手法進(jìn)行立體化教學(xué)。不僅豐富了教學(xué)內(nèi)容，提高學(xué)生的熱情，教師的應(yīng)變能力也會得到提升。條理性、疑難性、重點(diǎn)性是教師授課的三大法寶，做一名“受學(xué)生歡迎”的教師而不僅是“優(yōu)秀”這兩個字所能代替的。在高科技發(fā)展的今天，教師只有不斷學(xué)習(xí)，不斷完善自己，不斷的進(jìn)步，才能與時俱進(jìn)跟上時代的步伐。

三、總結(jié)

在課堂上學(xué)生是抱著很大的期望學(xué)習(xí)的，如果一個教師讓學(xué)生失望了，估計再重新提起學(xué)習(xí)的熱情是很難的。能夠讓學(xué)生喜愛自己的課才是真正的成功，而不是強(qiáng)迫學(xué)生上課學(xué)習(xí)，一個人性化的課堂是充滿很高的熱情氛圍的。希望在未來的教學(xué)路上，筆者能夠不斷地提升自己，并尋找先進(jìn)的教學(xué)方式。

參考文獻(xiàn)：

[1]陳小燕，謝強(qiáng)，丁秋林.淺談項目式教學(xué)在網(wǎng)頁設(shè)計與制作中的應(yīng)用[J].電腦學(xué)習(xí)第1期，2010（2）.

[2]吳俊榮.基于行動導(dǎo)向的網(wǎng)頁設(shè)計與制作課程教學(xué)設(shè)計研究[D].吉林：東北師范大學(xué)，2012（3）.

[3]周改云、高敬禮.DreamWeaver網(wǎng)頁設(shè)計與制作教學(xué)模式研究[J].電腦知識與技術(shù)，2011.