《網頁設計與制作》課程教學探討

摘要 《網頁設計與制作》是一門實踐性很強的課程，在教學過程中如何整合教學內容，運用有效的教學方法，使學生在課程中激發學習興趣，提高自主學習的能力，學到更多的相關知識，是這門課程的關鍵所在。筆者主要從課程特點、教學內容和教學方法三個方面進行探討。

關鍵詞 網頁設計 教學內容 任務驅動

《網頁設計與制作》課程是高等院校計算機及相關專業的一門核心職業課程。隨著網絡的日益普及和推廣，當今社會對掌握計算機網頁設計與制作的應用型人才的需求不斷增大。對人才質量的要求也越來越高。面對競爭日趨激烈的就業環境，如何上好《網頁設計與制作》課程，提高教學質量和學生素質來適應社會需求，是需要積極思考的一個問題。筆者根據這幾年的教學實踐經驗，從以下方面談一談自己在授課過程中的一些體會，與大家探討。

一、課程特點

《網頁設計與制作》是一門操作性和實踐性很強的課程，而且涉及個人審美觀、圖像處理、文字版面排版等綜合技能。其一方面要求學生具備基本的頁面分析和設計能力，另一方面要求學生熟練掌握網頁制作軟件的基本操作，同時還要學生具有解決具體問題的實踐能力，能夠將基本操作綜合運用到具體項目中去。網頁設計與制作作為一種專業技能，而不是作為一門孤立的課程而存在的，它要靠多門學科知識給予支撐，比如圖形圖像的處理、FLASH動畫的制作等。通過對我院電子商務專業課程體系的認真分析，本課程是深入學習《網絡編程》、《電子商務網站運營》等后續課程的基礎課程，故而將課程定位在客戶端靜態網頁制作技術，根據課程“基于能力培養、強調動手實踐、偏重美工設計”的特點提煉出課程定位的三個層次：了解網頁制作的基本流程、掌握網頁設計的基本技術、培養開拓創新思維。在授課過程中首先應以欣賞和分析為主，主要是對國內外的一些知名網站進行整體賞析，介紹這些站點在版面設計方面如何做到布局、色彩搭配方面的合理統一，如何通過圖片來使得網站更加錦上添花，如何在做到與眾不同的同時，又被廣大瀏覽者所認可。

二、教學內容

教學內容的選取應能適應行業技術發展，體現技術的先進性、前瞻性和延續性。教學內容應以就業為導向，以能力為本位，將學生日后就業可能遇到的問題納入到教學內容中，提高教育與培訓的針對性和適應性，突出學以致用。按照網頁設計與制作的教學大綱以及培養目標，本課程的教學內容主要包含以下幾個模塊：

1 網頁制作軟件

一般的網頁制作課程都可分為Dreamweaver、Flash和Fireworks三大部分，通常稱之為“網頁制作三劍客”。由于課時的關系，教師講課不可能面面俱到；按照傳統的教學安排，首先講解Dreamweaver，然后是FLASH，最后是Fireworks，但是網頁的制作是多軟件共同協作的過程，因此，按照傳統的教學方式會導致學生跨越太長時間學習某一軟件而無法真正做出一個成品網頁來，進而打擊學生的學習積極性。筆者認為，在教學的過程中，可以對教學內容作適當的調整：在重點概括講授Dreamweaver之后，可先穿插學習利用Fireworks來制作圖片、處理圖片，以及學習用Flash來制作簡單Flash動畫，最后依然回到Dreamweaver的學習上，此時可以游刃有余地將三大部分的知識相結合，綜合前面所學的圖片、動畫知識制作出預想的網頁來。在這個學習過程中，學生心中始終有一個自己理想的網頁目標，通過學習，將這個目標一步步實現。如此，可大大增加學生學習的信心，更使之對網頁設計與制作課程始終保有濃厚的興趣。

2 HTML語言基礎

《網頁制作》雖是一門技術性和實踐性很強的課程，但HTML語言是構成網頁最基本的要素。雖然現在很多網頁制作軟件如Dreamweaver等功能非常強大，可以在“所見即所得”的環境下實現網頁的設計，不需要用HTML語言來直接編寫網頁，但是在網頁調整和修改過程中有的時候需要通過對HTML源代碼進行操作，才能達到預期的效果，并且將來學生學習后續課程——動態網頁制作的開發都是把腳本語言嵌入到HTML文檔中。所以，筆者認為有必要在每一章節結束時花一定的時間讓學生了解相關元素HTML語言的規則及使用。當然，學生在開始學習HTML語言的時候可能會感覺到枯燥，沒有成就感，但通過慢慢的學習滲透，他們就會發現用普通記事本就能編寫出精美的網頁，其樂無窮，從而會促進他們從“被動學”轉化為“主動學”。

3 CSS樣式表

制作網頁，除了需掌握上面提到的HTML語言和工具軟件之外，還需要掌握CSS設置頁面元素的格式，美化頁面。CSS(層疊樣式表)可以精確進行網頁布局，設置特定的格式，實現HTML標記本身無法實現的格式，而且使用CSS可提高網頁制作的效率，使網頁代碼簡練，網頁風格統一，這在網頁設計中是必不可少的。

三、教學方法

傳統的教學方法是老師按照課本的章節，依次給學生進行講授，導致的結果就是到課程結束的時候，學生可能會完成每一個知識點的操作，但是卻無法制作出一個真正意義的網站來。而任務驅動教學是建立在一定理論基礎上的一種教學模式，它強調學生的學習活動必須與任務相結合，以問題的探索來引導和維持學習者的學習興趣及動機。教師應創建真實的教學情境，讓學生帶著真實的任務去學習，以使學生擁有學習的主動權，掌握網站設計與網頁制作的知識與技能，培養學生的計算機綜合應用能力和解決實際問題的能力。

如，在做《網頁設計與制作》這門課程的第一次實驗時，教師可以推薦一些富有特色的網站供學生欣賞，將學生帶人真實的學習情境中去，激發他們學習的熱情，同時引導他們去思考如何建設網站、設計網頁，由此確定課程的總體任務——建設一個完整的網站；然后針對課程中每一部分的知識點，將總體任務細分為若干大任務(如文本、圖像、鏈接、表格、框架、css樣式、層時間軸、模板和庫等)；再將這些大任務進一步細分為一些小任務，讓學生了解建設網站的一般程序和方法；而后，通過布置一個學習任務(網站作品)，使學生迫切感受到課程要求與自己現有認知結構的關系和差異，進而明確學習活動的方向和要達到的目標。這樣，當對所有知識點的學習完成時，一個完整的網站作品也隨之完成。這種教學方法能極大地激發學生學習的興趣，當然，也就讓學生更好地掌握所學知識。