高職院校《網頁設計與網站建設》課程教學改革探析

摘要《網頁設計與網站建設》是一門操作性和實踐性非常強的課程，根據其課程特點，并結合當前社會對網頁設計人才的需求，使得我們在實際教學過程當中要特別注重培養學生學習能力、實踐能力、綜合設計能力以及創新能力，筆者結合自己對《網頁設計與網站建設》課程的教學經驗，分析目前所存在的問題，并從教學內容、教學方法、考核方案、實踐應用等多個方面提出自己的改進意見以期達到更好教學效果。

關鍵詞 網頁設計 網站建設 教學改革

中圖分類號：G420 文獻標識碼：A

Disintegrating of The Teaching Reforming on the Course of \"Web

Design and Website Construction\" in Higher Vocational Schools

REN Dongyan

(Guangxi Economic Management Cadre College， Nanning， Guangxi 530007)

Abstract\"Web Design and Website Construction\" is a very high operational and practical course，. According to the course model， also combined with market demanding capacity of Web designers， we should particularly stress to enhance students learning ability， practical ability， diverse integrated design ability and innovation ability during the teaching process.Author， based on her own teaching experience for the course \"Web design and Website construction\"， analysising of the existed problems， then propose improvements for teaching content， teaching methods， program evaluation and practical application ext. to achieve better teaching effects.

key wordsweb design; website construction; teaching reforming

《網頁設計與網站建設》課程是計算機相關專業的專業基礎課程之一，本課程的教學目的是希望學生能夠熟練掌握網頁設計軟件的使用技巧，獨立設計開發網站項目，但這門課程無論是教學內容還是教學方法以及考核方式等方面都有其特殊之處。這是一門集理論性、實踐性、應用性，創新性等綜合性較強的課程，知識涵蓋圖形圖像處理、Flash動畫、色彩搭配、數據庫等多門課程。因此，在實際的教學過程中存在一定的難度，教學效果也常常不盡人意。筆者結合自身的教學經驗，對該門課程的教學、考核、應用等方面進行了一些研究和探索。

1 課程現狀

（1）教學內容上不夠全面。該門課程常用的教學軟件為Adobe dreamweaver，但在實際的網站制作過程當中，僅此一個軟件無法滿足設計需要，還需要其他的軟件如PHOTOSHOP，FLASH等軟件來制作網站中的一些元素，但同時講多個軟件又受到課時的限制，還要防止課程之間的交叉，而且學生在同一門課程中接觸的軟件多，知識點多，容易產生混亂，反而教學效果不明顯。而且該軟件版本更新太快，使得相應的功能也發生變化，但教材從印刷到出版再到使用需要一定的時間，因此經常出現教材與實際應用軟件的版本不符的現象。

（2）教學方法上相對單一。這門課程在課時安排上一般分為理論教學和實踐教學，教師先進行理論講授，學生再進行上機操作。這種教學方法學生也能夠掌握網頁設計的技巧，但很多內容學生聽過之后就忘了，再加上有些知識點缺乏生動的案例講解，純粹的理解比較難，課堂吸引力不夠，學生學習的積極性有所下降。并且由于這門課程的實際應用領域較廣，社會對網頁設計人員的需求也在不斷提高，學生僅從課堂上獲取的知識是有限的，缺乏實際的網站建設經歷，使得學生綜合應用能力和實踐操作能力較弱，遠遠達不到社會對一個網站建設者的要求。

（3）考核方式不夠靈活。該門課程的考核方式一般使用筆試，學生為了順利通過考試或得到高分，死記硬背一些基本概念，軟件界面及操作流程，而實際的網站制作技巧和設計技能無法體現，忽視了對學生的實踐能力、知識運用能力以及獨立思考能力的培養， 更談不上對學生創新能力的培養。使得學生最終考試成績無法真正體現學生的學習掌握能力，課堂上的教學與社會真實需求嚴重脫節。

（4）實際應用能力無法體現。大部門的課堂時間用于在工具軟件的使用方法和技巧上，由于受到時間以及教學環境等條件的限制，實際的網站綜合開發則無法達到集中的訓練，實際的應用當中去，以致于課程結束大部分學生掌握了軟件的操作方法，但無法全面地掌握一個完整網站建設的整體流程，真正能獨立設計一個整潔美觀、功能齊全的網站的學生較少，學生的綜合運用能力和創新能力無法提升。學生學習完該門課程后真正的實際應用能力沒有體現。

2 改革方案

在《網頁設計與網站建設》課程的教學中，我們要以提高學生綜合應用能力為目標，教學中面向應用，重視實踐，培養學生的操作技能，自主學習意識和創新意識，提高學生的分析問題和解決問題的能力及團隊精神和合作能力。結合目前該課程的教學現狀和培養目標，現提出相應的改革方案如下：

2.1 教學內容改革

教學內容的設置應與目前社會對網頁設計人員的需求相結合，適應市場不斷變化。該課程應以 Dreamweaver 軟件為主線， 內容涉及動畫制作、圖像處理、腳本語言等網頁設計過程中常用的一些知識，讓學生明確各個軟件在網頁設計過程中的作用及常用的操作。強調從實踐應用出發，以項目案例為導向，介紹網頁設計和制作的技術，突出學以致用。通過該課程的學習， 使學生掌握網頁制作的基本知識， 熟悉網站設計的全過程， 并能熟練獨立的制作完整的網站。同時，還要注意課程體系的緊密結合，循序漸進。既是對《計算機應用基礎》等前序課程的鞏固和加強，又為《動態網站開發》等后序課程提供堅實的基礎。但是網頁設計技術一直在不斷的更新和發展， 新技術、 新方法層出不窮， 需要教師在授課過程中要注意知識的更新和儲備，將最新、 最實用的技術引進到課堂中，彌補教材的不足，保持知識的先進性。

2.2 教學方法改革

（1）案例式教學。在教學過程中，靈活運用精彩案例來提高學生學習興趣。互聯網上的每一個網站都是一個案例，但都有各自不同的特點，教師要根據具體課堂需要選擇合適案例，然后針對案例所展示的效果及使用的技術進行分析講解，最終解決問題并知識總結。例如在學習如何插入FLASH動畫時，可以先打開已經使用FLASH動畫的案例，使同學們看到FLASH動畫在網頁當中正常播放所產生的效果，進而激發學生學習的興趣，使得學生在學習案例的過程中能迅速掌握相關的知識點，活躍了課堂氣氛，提高課堂的教學效果。

（2）任務驅動式教學。即根據課程講解的內容，布置相應的任務。任務驅動式教學強調學習內容要與任務結合起來，以任務為主線，合理安排課程結構，引導學生自主學習，保持學習的動力和興趣。在課程教學中，教師根據課程的進度，布置相應的任務給學生，讓學生運用所積累的知識，分析其設計方法并自主完成任務。教師在整個過程中要觀察學生的操作細節，檢查完成狀況，及時給予指導。例如在講到網站超級鏈接的制作方法時，由于涉及到的鏈接方法有很多種，如錨點鏈接、下載鏈接、熱點鏈接等，教師要安排相應的任務給學生練習，熟練掌握每種鏈接在什么情況下使用，怎樣使用等。通過學生親自動手，對所學的知識進行了鞏固，同時也是查漏補缺的過程，提高了學生的積極性和主動性。

（3）項目式教學。在學習完基礎知識和網頁設計技巧之后，需要對所學的知識進行一個系統的練習和綜合運用。教師可根據需要出發，以項目為驅動，將實踐操作貫穿于整個教學過程當中。首先教師要給學生確定一個項目比如制作一個電子商務網站，然后由學生自己去思考，分析該電子商務網站的設計流程，所需素材，涵蓋的知識點，設計技巧等，最終完成網站的設計、制作、測試、發布和維護等過程。也可以帶領學生到一些網站制作公司中去實習鍛煉，參與到網站制作的項目中去，直接面對面的與客戶交流，更有利于學生了解網站建設流程和知識儲備。學生在思考、交流、參與設計的過程中，會遇到各種各樣的問題，使得學生會自主學習，總結經驗，鞏固知識，真正達到學以致用，融會貫通。

2.3 考核方式改革

這門課程應該取消筆試考核，直接上機考試，增強綜合實踐能力考核。可將這門課程的分數比例改為：平時表現（10%）+上機作業（20%）+上機考試（70%）。其中平時表現即為上課考勤情況，學生的學習態度，完成任務情況等。上機考試即為是否完成平時課程任務及完成的程度如何。上機考試指的是組織學生到機房進行考試，每人一臺電腦，監考教師把預先準備好的網頁設計題目放在服務器上并設置共享，學生通過訪問服務器來查看本次上機考試的題目，并根據教師提供的相關素材和資源在規定時間內完成網頁的設計以及美化工作，做完以后保存并上傳至服務器。最終教師要綜合比較網頁設計中多方面的因素，如頁面圖像的處理效果，網站的鏈接結構，配色效果，整體搭配等給出合適成績。這種考核方式比較注重理論與實踐的緊密結合，解決了傳統考試中存在的一些弊端，促使學生轉換學習態度，掌握正確的學生方法，培養個人獨立思考能力以及綜合運用能力。

2.4 實踐應用的改革

學生學習完課程后，要真正達到市場需求還有一定的距離，還需要經歷很多方面的鍛煉及提高，學校可以組織學生參加各種類型職證考試。如CIW認證、ADOBE認證等，也可以組織學生參加各種網頁設計大賽，計算機應用能力比賽等賽事，學生自己也完全可以創造條件，制作博客、個人網站、論壇等各種形式的網站，通過互聯網這個平臺將自己的網站發布出來，供用戶使用。這些既是對學生能力的測試，也使學生積累了網頁設計與網站建設的實戰經驗，畢業后更能適應社會的需求，增強就業競爭力。

3 結束語

綜上所述，在《網頁設計與網站建設》 課程的教學中， 教師應根據課程設置的教學目標，具體的學習環境和社會對人才的需要，改變陳舊的教學模式，更新教學內容，創新教學方法，改革考核方式，加大實踐力度。使這門課程設置更加科學化、規范化、合理化，以培養高素質的應用型、技能型人才。

參考文獻

[1]劉敏娜，葛萌.《網頁設計與制作》課程教學的創新性改革[J].中國新技術新產品，2009(2).

[2]韓陵宜.《網頁制作》課程教學及考核方式的研究與探索[J].電腦知識與技術，2008(14).

[3]楊森，劉瀟瀟.《網頁設計與制作》課程教學改革的研究與探索[J].辦公自動化，2010(3).

[4]尤彩虹.高職《網頁設計與制作》課程建設實踐與探索[J].中國科教創新導刊，2009(2).