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

郭文龍 (福建江夏學院電子信息科學系，福建 福州 350108)

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

郭文龍 (福建江夏學院電子信息科學系，福建 福州 350108)

《網頁設計與制作》課程是一門實踐性強的課程，如何在較少的學時內使學生熟練掌握網頁設計的技能，是教學改革的重點。結合教學實踐，提出了優化教學內容、完善教學方法、加強實驗教學和改革考核方式等基本措施。實踐結果表明，采用上述措施能夠提高學生學習的積極性和自主性，該課程的教學質量得到明顯改善。

網頁設計與制作；教學方法；考核方式

《網頁設計與制作》是高校計算機專業或非計算機專業的必修課，其教學課時一般為每周4學時，若作為非計算機專業或計算機專業的選修課，則該課程的課時一般為每周2學時。如何在較少的學時內使學生熟練掌握網頁設計的技能，是教學改革的重點。下面，筆者結合教學實踐，對該課程的教學改革進行了探討。

1 優化教學內容

該課程涉及的知識點多而雜，目前主要以《網頁三劍客》作為教材，其內容包括網頁設計軟件Dreamweaver、圖片處理軟件Fireworks和動畫制作軟件Flash[1]，如果按部就班的按照教材設置的順序分別講解，所需課時遠遠不夠，許多教學內容只能點到為止。針對上述情況，根據教材特點，以知識點為突破口，以綜合的案例為主線，按照模塊設計的原則，從點到線進行知識點的整合，具體內容如下。Dreamweaver部分包括以下單元：①基礎知識部分，介紹網頁設計的歷史、工具軟件、網頁和網站的區別等；②創建站點、頁面編輯(文字、圖像、段落的排版)、超鏈接；③頁面布局(表格布局、DIV+CSS布局)；④頁面美化(CSS樣式表設置)；⑤模版和框架(模版的使用、框架的使用)；⑥網頁行為(彈出窗口、鼠標經過圖像、層的顯示與隱藏等)。Fireworks部分主要包括Fireworks工具介紹、位圖和矢量圖形的區別以及利用Fireworks制作網頁LOGO。Flash部分主要包括以下單元：①Flash工具介紹，圖層概念；②Flash動畫的分類(逐幀動畫、形狀補間動畫、移動補間動畫)；③Flash動畫的分類(引導線動畫、遮罩動畫)；④利用Flash制作網頁廣告[2]。

圖1 案例網站框架圖

2 完善教學方法

2.1案例教學法

案例教學法是《網頁設計與制作》課程的一種常用教學方法。為此，在開課之前，教師應根據課程安排下載素材并制作一個完整的網站(見圖1)，且每個頁面都有教學內容側重點，這樣教師在教學過程中能夠以案例網站為目標進行教學。實踐表明，采用案例教學法可以很好地激發學生學習的積極性和自主性。

2.2任務驅動教學法

依據案例網站，對相關知識點可以采用任務驅動法進行教學。教師將傳統的以傳授知識為主線的教學理念轉變為以解決問題、完成任務為主線的教學理念，學生則在聽課過程中按照任務的要求進行積極探索思考。這樣在輕松、互動的課堂氣氛中伴隨著一個個學習任務的完成，學生從中獲得了極大的成就感，從而進一步激發其學習熱情。

3 加強實驗教學

實驗教學是《網頁設計與制作》教學中不可缺少的組成部分。教師應圍繞課程的相關知識點設計相關學生實驗，包含實驗目的和實驗步驟等，同時在課程實驗設計中必須注重前后實驗的聯系，使學生在完成相應實驗后能夠順利進行下一個實驗。教師在課堂上應明確要求學生必須獨立完成相關實驗，若學生在課堂上完成不了可以在課后繼續完成。此外，在實驗題目的后面可以加上必要的思考題和推薦讀物或網站。思考題包括對已學知識的思考題和后繼單元新知識的思考題，這樣可以達到“溫故知新”的目的；推薦的讀物和網站則可以讓學有余力的同學進行自主學習，促使其綜合能力進一步提高。

4 改革考核方式

由于網頁設計與制作所涉及的知識點多，利用傳統的期末集中考試方式進行考核顯然無法體現學生的真實掌握情況，所以該課程應摒棄傳統的考核方式。具體方法是教師擬定若干個實訓題目，每個實訓題目都有具體要求，學生在教師提供的實訓題目中選擇其一，然后利用2周或者3周的時間進行綜合網站的制作，最后教師結合學生的實訓情況和提交的作品情況進行成績評定。在具體實施過程中，有些學生的作品通過網上下載或直接拷貝同學的作品(僅僅換了一些圖片和文字)，如果僅僅依靠實訓作品來評定成績，顯然不能反映學生的真實情況，對學習好的同學也有失公平。為解決上述問題，可以利用答辯的方式，即要求學生在規定的時間內提交作品后，教師先認真審閱學生的作品，然后逐個與學生交流，在交流的過程中提出相關問題讓學生回答，這種方式有2個好處，一是為學生成績評定提供客觀、可靠的依據，二是可以指出學生的不足，從而為學生的學習指明方向。

學生總評成績由平時成績和期末實訓成績組成，其中平時成績又包括學習態度和實驗情況的考察評定(見表1)。

表1 考核成績占比表

注：平時成績和實訓成績均按百分制計算，綜合成績=平時成績×40%+期末成績×60%。

5 結 語

針對《網頁設計與制作》課程知識點多、實踐性強的特點，進行了相應教學改革，即優化教學內容、完善教學方法、加強實驗教學和改革考核方式。教學實踐證明，采取上述措施取得了良好的效果，提高了學生的學習積極性和綜合能力，教學質量得到提高。此外，在如何銜接后繼動態網頁設計課程的教改方面應繼續進行研究，從而使該課程改革進一步完善。

[1]孫膺,郝軍啟,劉治國，等. 網頁設計三劍客(CS4中文版)標準教程[M].北京：清華大學出版社,2010.

[2]王曉紅,周立.《網頁設計與制作》課程教學改革[J].北京聯合大學學報(自然科學版),2006,20(4):90-92.

10.3969/j.issn.1673-1409(N).2012.09.053

N4

A

1673-1409(2012)09-N152-02

2012-06-12

郭文龍(1980-)，男，2002年大學畢業，碩士，講師，現主要從事數據庫技術、數據清洗技術及計算機方法方面的教學與研究工作。

[編輯] 李啟棟