網頁制作課程的教學探討

摘要：首先對網頁制作課程的特點進行了介紹，進而介紹了如何提高學生學習網頁制作課程的興趣、多媒體網絡教室在網頁制作課程中的使用以及如何選擇合理的教學內容等，其目的是提高網頁制作課程的教學效果。

關鍵詞：網頁制作；多媒體網絡教室；教學方法；教學效果

中圖分類號：TP393文獻標識碼：A文章編號：1009-3044(2008)25-1492-03

New Exploration in Teaching Web Page Designing Course

WANG Yin

(Department of Computer Science and Technology， Suzhou College， Suzhou 234000， China)

Abstract: This article firstly introduces the characteristics of the Web Page Designing Course， then narrates how to improve student's interests in studying the Web Page Designing Course， the use of Multimedia Network Classroom in the lessons and how to choose the reasonable teaching contents， etc. Its purpose is to improve the teaching effects of the Web Page Designing Course.

Key words: Web Page Designing Course; Multimdia Network Classroom; teaching method; teaching effect

1 引言

網頁制作課程是計算機相關專業必開的專業技能課，有些高校還把網頁制作課程作為計算機的基礎課程在非計算機專業開設。如何利用有限的課堂與上機時間教授好網頁制作課程，是教授網頁制作課程的教師在教學過程中始終在思考和研究的問題。

網頁制作課程具有它自身的特點：

(1)網頁制作是一門實踐性極強的實用型技術。課程的實踐性強，要想很好的掌握網頁制作技術，要求學生對網頁制作有興趣，在掌握網頁制作相關基礎知識的基礎上，多上機實際操作制作網頁和網站。

(2)與網頁制作有關的技術在不斷的更新，這就要求教學要跟上新技術的發展，這樣才能使培養出來的學生，不會落后于社會對網頁制作人才的實際需要。

(3)網頁制作是一門技術與藝術相結合的技術，網頁制作課程所教授的只是網頁制作工具的使用、HTML語言和CSS等，要想制作出符合發布要求的、界面美觀的網站，要求網頁的制作者有一定的美術基礎，設計出來的網頁才能既實用又美觀。

如何在有限的幾十課時內教授好網頁制作課程，讓學生更好的掌握網頁制作技術，提高網頁制作課程的教學效果，我認為應從以下幾方面入手。

2 激發學生的學習興趣

教師第一次上課時要向學生介紹學習網頁制作課程的意義和重要性，激發學生的學習興趣。

隨著計算機技術、通信技術和多媒體技術的快速發展，計算機網絡也得到了迅速的發展。互聯網已經進入家庭、學校，甚至進入了學生宿舍。網絡已經成為學生學習和生活中不可分割的一部分。對于計算機相關專業的學生來說，能夠制作網頁和網站，應該是一個感興趣而且必須掌握的技能。

教師還要向學生介紹網頁制作課程在專業體系中的地位和作用。網頁制作課程是計算機相關專業學生的必修課，對于非計算機專業的學生來說，掌握網頁制作這門技術不僅使學生獲得了一技之長，也為學生畢業時找工作增加了一項工作技能。就多年畢業生反饋情況來看，學好這門課程對畢業生拓展就業崗位有著積極的意義。

讓學生深入了解學好網頁制作課程的意義和作用，目的是激發學生的學習興趣，調動學生的學習熱情。學生對課程有了學習的熱情，就會在學習過程中不斷鉆研、刻苦學習，掌握好網頁制作課程的相關知識和技能。教師應首先從激發學生的興趣入手，調動學生的求知欲望，使學生刻苦學習，從而達到良好的教學效果。

3 網頁制作課程的教學形式

網頁制作課程由理論課程、實驗課程、課程設計組成，每個環節緊密聯系，都離不開計算機的實際操作。理論課程講授網頁制作的基礎知識和實踐操作，是實驗課程和課程設計的基礎。實驗課程中學生上機練習，是理論課程所學知識的練習和鞏固。網頁制作課程的課程設計是在課程的所有知識學習完畢后，通過網站案例的介紹和學生具體的設計制作，達到學生對所學的網頁制作知識和技術的融會貫通和掌握。

3.1 理論課程的教學形式

理論課程的教學，對學生學好該門課程至關重要。目前各學校理論課程的教學主要采用的是多媒體的教學形式。教師通過多媒體設備在上面邊講邊演示，學生在下面聽。不管是設計方法還是操作步驟，學生上課都容易聽懂并且能夠理解，知其然也知其所以然。但由于網頁制作課程的內容，是由一步一步的操作步驟所組成的，而且操作步驟較多，課后容易遺忘，更不要說幾天以后的實驗課程時的操作了。這就是本課程多媒體教學形式的最大特點：易學易忘性。這樣就極大地降低了理論課的教學效果，也降低了學生學習該門課程的興趣。如何應對這個問題，是擺在每位教師面前，必須解決的問題。

多媒體網絡教室是一種多媒體教學設備與網絡機房相結合的教室。在學生機房的前面放入多媒體教學設備，教師在學生機房給學生上課。有條件的學校可以利用多媒體網絡教室給學生講授網頁制作課程。教師在教學中可采用任務驅動教學法和案例教學法相結合的教學方法，教師通過多媒體教學設備在前面講解網頁制作的知識和操作步驟，學生一人一機，在下面跟著教師的操作，同步練習。這樣即學即練的教學方式，加深了學生的學習印象，提高了理論課的教學效果。多媒體網絡教室的教學方式，提高了課堂教學質量，但會造成教學進度減慢、課堂教學容量減少等問題。要解決這個問題，教師可以通過提高實驗課程要求的方式，延伸課堂教學內容，使學生掌握更多的知識。

3.2 實驗課程的教學

多媒體網絡教室的理論課教學方式，雖然可以使學生當時就進行實際操作練習，但也還不能達到完全掌握的程度，需要通過實驗課對所學知識進行鞏固和加深理解，才能達到真正掌握。網絡教室的教學形式，實驗效果較好，課堂上操作步驟都能完成，但容易導致學生對教師示范操作的依賴性。為了避免這個問題，理論課后教師應從理論課實例中引申出更多的問題，留下啟發性的題目，要求學生制作相似的設計或是獨立思考需要完善的地方，供學生實驗課時完成，這樣既鞏固了課堂教學內容又啟發了學生對網頁制作技術的思考，這也是理論課教學的延伸。網頁制作是一項創造性很強的工作，通過這種方式可以鍛練學生的主動性和創造性。

3.3 課后學習

隨著學校教學設備的改善和學生生活水平的提高，學生個人電腦的擁有量已經很高。以我所教授的一個計算機網絡班級為例，全班49個學生，有31個學生擁有個人電腦。這為學生在課余更好地學習網頁制作提供了條件。網頁制作是一項實踐性、操作性很強的課程，每周一次的上機課，并不能達到熟練掌握網頁制作這項技能的要求。“會”的定義是把操作步驟做過一遍，而課后的練習則可以達到理解實驗步驟，進而掌握相應的操作技能，甚至掌握成為網頁設計師所需的技能。這就要求學生在課余時間利用個人電腦多加練習。對于沒有個人電腦的學生應鼓勵他們在課余時間到學校機房去練習。從而完成課程設計階段的網站的設計，即提高了技能，又為考試做了必要的準備。

4 精心安排教學內容

教授網頁制作課程的教師應按不同的學生班級選用教材、制定教學計劃，合理安排教學內容。因材施教，是教師在授課過程中首先要考慮的問題。高職班、專科班甚至本科班的教學內容、教學進度都是不同的；計算機相關專業的網頁制作課程的內容與非計算機專業的網頁制作課程的內容也是不同的。

4.1 教材的選擇

教材是教師教學和學生學習的主要依據，教師應根據不同的學生班級選用不同的教材。有些教師不注重教材的選擇，專科班與本科班、計算機專業與非計算機專業都使用相同的教材，這樣的做法是不合適的，不利于教師的授課和學生的學習。教師的授課內容應以教材為基礎，這樣使學生的課堂學習和實驗課練習都有所依據，即利于教也利于學。現在網頁制作的教材很多，教師在準備為某個學生班級授課前，應根據學生的情況，精心選擇合適的教材。比如我為非計算機專業的學生講網頁制作時選用的教材是：由清華大學出版社出版的趙豐年主編的《網頁制作技術》。該書主要講解了Dreamweaver、Fireworks、Flash三款網頁制作常用軟件的基本使用。通過該教材的學習可以掌握網頁制作的基本知識和技能，適合于非計算機專業的學生學習網頁制作。

4.2 合理安排教學內容

即使教師選擇了與學生程度相貼近的教材，也沒有哪一本教材能夠全面涵蓋網頁制作的所有知識。每一本教材都有它的側重點，教學是要全面介紹網頁制作知識，教學的內容比教材的內容更豐富、更全面。這就要求教師，根據自己的教學經驗，多收集教學素材，對教學內容和教學案例進行精心的選擇和設計，使學生在有限的課堂教學時間內能夠學習和掌握更多的知識，使課堂的教學效果達到最好。

對于知識講授的順序和內容，可以依據不同的授課對象有所不同。比如，對于學過圖象處理的計算機應用專業的學生，可以首先講Fireworks，制作網頁用圖、網頁草圖，進而講Dreamweaver和Flash。現在的網頁制作的教學書很多，可以根據不同的教學順序選用不同的教材，以教材為依據進行授課。比如，可以將Dreamweaver、Fireworks、Flash穿插在一起講。一般的網頁制作課都會把Dreamweaver放在最前面來講，然后是Fireworks，最后是Flash。這個順序會使學生在學習Dreamweaver時感到枯燥。我們對教學內容可以作適當的調整，在重點概括介紹Dreamweaver之后，可以穿插Fireworks來制作圖片、處理圖片。以及學習用Flash來制作簡單動畫，最后依然回到Dreamweaver的學習上，這樣可以游刃有余地將三大部分的知識相結合，綜合前面學習的圖片、動畫制作知識設計出預想的網頁來。如此可以大大增加學生學習的信心，增加對課程學習的興趣。我所選擇的一本教材：由趙豐年主編的《網頁制作技術》一書就是以這樣的順序編排內容的。

4.3 運用網絡促進教學

網頁制作技術的更新很快，教師的教學內容應該跟上軟件的發展和網頁制作技術的發展，這樣才能使培養出來的學生不落后于技術，不落后于社會的實際需要。互聯網上有很多網頁制作教學網站，提供了豐富的網頁制作的教學資源。利用互聯網豐富的資源，讓學生自主探究學習。應鼓勵學生多上互聯網上去尋找和使用網頁制作教學資源，以促進網頁制作的學習和技能的提高。網站的使用不僅方便學生的學，還方便教師的教。教師也應該到互聯網上去了解最新的網頁制作知識和發展動態，使自己的知識體系和教學內容跟上發展。教師要充分利用網絡教學資源滿足不同層次學生學習的需求。在網頁制作課程的學習中，還可以在校園網上發布網絡教學課件，內容可以包括課程教學大綱、電子教案、視頻教學、實踐教學、知識拓展、網上答疑等模塊，不但能引導學生有效利用網絡資源，而且網上教學不受上課時間的限制，可以滿足不同層次學生的學習要求，是課堂教學的有效補充。

5 設計合理的考試形式

對于網頁制作課程的考試，我主張采用理論考試加上機操作考試相結合的考試形式。只考操作不考理論，不利于學生扎實地掌握網頁制作的相關基礎知識；只考理論不考操作，不能考核學生實際的操作水平。理論課程的考試可采用筆試的形式，也可由教師制作考試系統，學生以上機答題的形式完成考試。操作內容的考試，要求全班學生每人制作一個小網站，要求網站的內容不能相同，避免雷同現象。考核要求和評分標準提前公布。考生考前準備好各種素材（除了網頁），考試時斷開網絡，考生單人單機制作，在規定的時間內完成考試要求的內容。因為考試時間較短，一般為兩小時，設計和制作一個完整的小網站不可能完成，這就要求學生在考前做大量工作，包括設計主頁規劃圖、預先處理圖象、討論網站合理布局等，這樣才能在考試中取得較好的成績。有位學生在考前主頁布局就進行了3次嘗試，可想而知整個考前準備對學生的促進有多大。實踐證明：這種作品考核方式+指定機房+時間段考試的形式，對于考核學生的網頁制作技術的實際掌握程度是相當成功的。這樣的考試形式，即考核了學生的水平又達到了督促學生學好網頁制作的目的。

6 結束語

單純的課堂教學，教出來的學生，還不能達到網站從業人員或者網頁設計師的水平。在有條件的情況下可以增加社會實踐的教學環節。社會實踐教學就是走出校門，了解市場，了解社會的需求，把所學的知識用于社會實踐。相對于課堂的教學效果來說，社會的實際應用的要求要高于學校的教學。例如可以把建立企業網站當作學生主要實習的課題。從域名的申請、模板的創建、各模塊的設計到各個網頁的制作，從對企業的了解、組織材料、到各種圖片的攝影、取舍、處理都是學生自己動手完成。社會實踐是學生更進一步學習網頁制作的延伸，更加訓練了技能，培養了能力。

希望通過以上的教學方法，可以增加學生的學習興趣，提高教師的教學效果，從而使學生更好的掌握網頁制作這項實用技術。

參考文獻：

[1] 徐禮豐，陸曉梅.《網頁設計與制作》教學探索[J]. 河北職業技術學院學報，2007，4:47-48.

[2] 史科蕾，高詠欣. 《網頁設計與制作》教學探索[J]. 信息技術與信息化，2007，2:129-131.

[3] 蘇凱英.《網頁設計技術》課程的教學探討[J]. 學術平臺，2007，2:174.

[4] 李建慧. 網頁制作課程的教學研究與實踐[J]. 科學教育研究，2007，4:124.

[5] 馬紅玲. 高職《網頁設計與制作》課程的教學研究與實驗[J]. 計算機教育，2007，9:27-28.