網頁設計與制作課程中的教學模式探究

王龍娟　（西北工業大學明德學院　　710124）

?

網頁設計與制作課程中的教學模式探究

王龍娟（西北工業大學明德學院710124）

摘要：在科技發展迅速，快節奏的生活狀態下，網絡已經成為人們信息普及的主要來源，手機網絡尤其受歡迎，造就了今天的低頭族。網頁設計師已經在歷史的潮流中占據了重要角色。根據多年的網頁設計教學經驗，認為建立一個網頁設計與制作課程的先進教學模式，以在較短時間內培養優秀的網頁設計畢業生為目的的研究很有必要。

關鍵詞：網頁設計；教學模式；師生互動

一、當下網頁設計課堂的不足

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

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

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

二、教學模式的改進

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

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

第二個案例講解制作一些具有版式創意和內容豐富的頁面，增加頁面的Flash媒體元素，比如Flash按鈕、視頻等。在講解第二個案例前必須重新復習網站開發流程，收集資料素材草圖——規劃站點——網頁制作——測試發布。對于藝術專業學生學習的網頁基本以靜態網頁為主。

3.任務導向，團隊出擊。在課程后期課堂給學生留出兩節課時間，將學生分組，并布置關于手機界面設計的任務，給學生打印三至四份手機界面設計樣稿，讓學生傳閱了解設計規范和說明。這次任務結果將是結課成績，得出的最高分是獲勝的團隊。

在制作過程中遇到問題，專業教師負責答疑解惑，幫助學生完善。

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

4.現在的學生大多是嬌生慣養比較懶惰，獨立自主能力差，更缺乏刻苦鉆研的精神。對于學生來說自己多做練習才有助于提高專業能力，網頁設計需要更多的設計思路，并付諸實踐才能學到真本領。

加強作業布置的具體要求，并設定主題，嚴格要求作業的設計稿，不斷的讓學生思考修改，只有在不斷的修改中才能得到提升。

改變老師講課為主變學生練習為主，讓學生主動找老師輔導作業，積極鼓勵學生參加一些設計比賽，如果老師講的很多，不但老師累，學生也學不到東西，學習網頁設計重在練習，在輔導作業的同時學生才能記住并領會到老師講的知識點。總之一句話，授人以魚不如授人以漁。

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

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

三、總結

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

參考文獻：

[1]陳小燕，謝強，丁秋林.淺談項目式教學在網頁設計與制作中的應用[J].電腦學習第1期，2010（2）.

[2]吳俊榮.基于行動導向的網頁設計與制作課程教學設計研究[D].吉林：東北師范大學，2012（3）.

[3]周改云、高敬禮.DreamWeaver網頁設計與制作教學模式研究[J].電腦知識與技術，2011.