《網頁設計》課程教學研究與探討

隨著網絡技術的發展，網頁設計已經成為一門比較熱門的技術，它應用范圍非常廣、實踐性要求非常強、包含內容非常豐富，是高職院校計算機專業領域普遍開設的一門課程。教育行業對該課程的教學方法也進行了大量的研究與探討。本文中，筆者根據自己在學校的教學經驗，對《網頁設計》的教學體系和教學方法進行探討和研究。

一、課程教學現狀

目前，在福建工程學院軟件學院，《網頁設計》是作為一門認證課程，所有學生都參與ADOBE Dreamweaver認證。在以往的該課程的教學中，多采用傳統教學方法，教師往往花很多精力介紹工具軟件的使用方法，忽視了在整個知識體系下配套教學和實踐能力鍛煉;其結果是很多學生只會機械的操作工具軟件，但無法獨立進行網站規劃和頁面設計。這顯然無法滿足企業的專業人才需求，也與我們的教學宗旨相違背。為此我們試圖找出一條解決傳統教學方法中的弊端、能更好實現就業導向型高職院校的教學宗旨的教學方法。

二、教學體系研究

《網頁設計》是一門實踐性較強的課程，與其他課程關聯密切;因此本課程教學應該在課程教學體系下進行。教學體系主要包含以下幾點:根據就業導向型的教學宗旨制定專業培養計劃;研究行之有效的教學手段;制定激勵機制，激發學生主動學習的熱情;改進課程考核方法;建立教學質量保障體系。具體如圖1所示。

1.課程體系分析

《網頁設計》所涉及的范圍很廣，它包含工具軟件的使用，如Dreamweaver頁面布局軟件、Photoshop圖像處理軟件、FLASH動畫設計、客戶端腳本、動態編程、色彩構成和平面構成等相關知識，如圖2所示?！禗reamweaver網頁設計》是整個課程體系的中心。教學中應在充分了解課程體系的前提下制定專業培養計劃，把本課程的教學置于培養計劃中，在制定培養計劃的時候還應注意各知識點之間的相互關系開課順序。另外針對不同的專業講解應有所偏重，如圖形圖像和多媒體專業，主要以設計靜態頁面為主，所以教學的內容偏重網頁設計與圖像處理和動畫制作的結合;Web專業則要兼顧動態編程知識。

2.教學方法研究

針對該課程的教學方法，目前教育界已經做了很多探討，如案例教學法、項目驅動教學法、問題教學法、興趣教學法等。在實際教學中，我們認為采用案例教學法教學能讓學生更容易理解教學內容，起到觸類旁通的效果。因此以案例貫穿整個教學過程，根據教學目標和教學內容選用典型案例，通過對案例的講解分析，講授案例中所用到的理論知識，融會枯燥的理論學習于生動的案例中。這樣有助于培養學生分析問題、解決問題的能力。

(1)案例設計。在《網頁設計》教學過程中，案例的選取是至關重要的，它直接影響教學效果，在案例設計上要注意以下幾個問題:

一是依據專業培養目標、教學目的選取既能融合相關網頁知識，又提高學生感性認識、提高其分析問題、解決問題能力的網頁案例。

二是網頁制作所涉及的范圍很廣，而案例的選取應該結合各個專業的培養計劃和教學進度，如圖形圖像和多媒體專業的學生主要定位在網頁美工方面，網頁美工重點在于頁面設計、網頁布局及CSS應用，所以應該把photoshop和Illustrator兩門課程結合起來，因此案例的選取必須以能夠提高學生網頁布局和頁面設計來進行。

三是選擇的案例須從簡單到難，循序漸進的原則，不能過于簡單也不能過于難，要保證80%以上的學生能夠順利完成，另外選擇的網頁要以社會上普遍存在的為代表，如學校，公司，個人等，例如筆者選擇了“個人網頁”、“中國電信”、“溫州新星學?！比齻€案例來進行。

(2)案例教學。選好案例后就是要讓案例成功的進行。所以一開始要將案例化整為零，從最基礎的部分開始，但是每一次課所講的內容都得圍繞著整體案例進行拓展，上課前先展示案例，告訴學生今天我們所要學的是案例的哪一部分內容，這樣使課程結束后學生能夠獨立完成案例的內容，并能夠以案例為基礎完成其他網頁制作。

同時要善于利用案例引導學生的學習，提出一些啟發性的問題，讓學生自己去思考、上網查資料、或自己買書，使學生掌握基本知識的基礎上進一步引申到相關的問題上，同時也提高了學生的自學能力。

2.調動學生積極性，提高學生實踐技能

教學中我們發現經常是上理論課學生都聽得懂，上試驗課不知從何入手，課程上完后只能做一個十分簡單的網頁，無法投入實用。為提高學生的實際動手能力，就要加強學生的作品、課程設計。這就要多鼓勵學生，提高他們的積極性和興趣，如參加各級部門舉辦的各種比賽。

(1)加大平時成績比例，提高學生積極主動性。對于在校的學生來講，成績與榮譽是他們十分看重的。因此提高平時成績比例，學生就有按時完成作業的積極性和壓迫性。同時還可以經常表揚做得好的同學，激發他們的學習熱情，并鼓勵他們組成團隊帶動班級學習氣氛、幫助其他同學一起進步。

(2)布置任務，創造場景，調動學生學習熱情。完成課堂試驗僅能幫助學生鞏固上節課知識點，無法讓學生融會貫通整個知識體系，通過布置“期中課程設計”和“期末課程設計”能幫助學生做到這點。它類似于大三學生的實訓，這是檢驗學生學習成果的方法，而這兩次設計也是占平時成績比例子也是最高的，告訴學生這兩次課程設計可以直接影響到期末成績。還有這兩次的作品完成后，每位學生都必須上臺演示作品，這既是學生自我展示的過程，也是清楚自己的技術水平。同學間相互進行點評，這樣能相互啟發，取長補短，加深對課程知識的理解。實踐證明這往往比教師授課更能激發學生的學習欲望。

(3)鼓勵參各種比賽，提高學生動手技能。學生參與各種比賽既能為集體爭取榮譽，也能極大提升自己的動手技能。因此應該鼓勵對網頁制作感興趣的同學多參加由各種級別的比賽，如國家、省、市和學校舉辦的各種比賽。這樣他們才能充分表現自己， 鍛煉自己的思想方法、分析問題和解決問題的能力。通過學生組成團比賽能起到互補的作用，同時也加強他們團隊精神。如由于圖形圖像和多媒體專業學生對“網頁編程”技術欠缺，可以鼓勵圖形圖像和多媒體學生與web和數據專業的學生組成團隊。為提高學生參賽積極性，可以設立相應的獎勵措施。例如，參賽作平可以當其中作品和期末作品;另參賽獲一等獎的學生，平時分加10分，二等將加8分，三等獎加6分，參賽者加2分等。

(4)改進課程考核方法。網頁設計是一門實踐性課程，因此不僅要考核學生的理論水平，還要考核學生動手技能和網頁設計的理念，因此不能簡單的依靠卷面考核方式，應該建立一套行之有效的考核體系。在教學實踐中，我們采用如下方案:課程期末成績應由卷面成績(A)、課程實訓成績(B)、平實出勤成績(C)、獎勵成績(D)組成，具體比例構成如圖3。

總之，《網頁設計》是涵蓋知識面較廣的一門課程。我們必須明確高職院校學生的培養目標，在整個知識體系的下進行設置合理的培養計劃，使學生能夠真正學以致用。在課程教學中運用案例教學法等多種教學方法，充分激發學生的學習熱情，只有這樣才能真正提高課堂教學效果，提高教學質量，培養符合時代發展要求的新型高素質應用型人才。

(作者單位:福建工程學院軟件學院，湖南大學軟件學院)