網頁設計與制作課程建設探究

徐 昊,鄒 密,王兆丹

（1.吉林大學公共計算機教學與研究中心，吉林長春，130012；2.空軍航空大學130022）

隨著網絡技術日新月異的發展，人們對于網絡的依賴已經相當于人們對于電的依賴。大學生每天都要通過電腦，手機，或平板電腦閱讀咨詢，查閱資料，或進行專業學習和科學研究，而網頁正是這些信息和知識的載體。目前，絕大多數高校都開設了網頁設計與制作課程，其中一些學校是作為文科類學生大學計算機公共必修課程，也有一部分學校將此課程作為選修課程。無論課程性質怎樣，目前的數據反饋而言這門課程非常受學生的歡迎。因此，我們有必要對于此門課程進行認真研究和分析，進而通過課程的整體設計，內容組織，包括教學方法等全面提高此課程的授課效果。

1 課程現狀分析

計算機技術和網絡技術已經成為當前發展最為迅猛的領域之一。從1991年的萬維網，到2001年的“語義網”，再到現在的社會網絡；從傳統的網頁瀏覽，到用戶可以參與網頁內容的發布和管理，再到機器能夠理解人類的自然語言；從臺式機，到筆記本電腦，再到手機和平板電腦；從一枝獨秀的IE瀏覽器，到Firefox，Chrome等等 ；從 Windows，到 iOS，再到 Android；從撥號上網，到ADSL，再到光纖寬帶，WiFi，3G；計算機和網絡技術在這20多年間，無論在硬件還是軟件都實現了一次又一次飛躍。

當然，這樣的時代成就了計算機科學與技術的蓬勃發展，也培養了一批忠實的愛好者和粉絲。然而，隨著信息技術的發展，知識共享、傳播和重用已經越來越高效。尤其是Web 2.0時代的到來，信息可以通過微博、微信等實現實時共享。此時，對于講授和傳播知識的老師而言，無疑是一種巨大的挑戰。

以當前的網頁設計與制作課程為例，我們調研了當前高校所使用的絕大多數教材。通過簡單的知識點分析，可以統計出有百分之八十以上的學校對于這門課程內容所講授的技術停留在十年前，所使用的軟件工具停留在五年前。當然，教學過程中“授人以漁”更重要。但由于技術的嚴重滯后，在這樣的情況下所培養的學生，很難在真實的環境中具備“漁”的能力，往往只是停留在非常滯后的“紙上談兵”的狀態。

2 課程建設探討

2.1 從“工具論”到“計算思維”

在網頁設計與制作課程建設中，一個很重要的目標就是通過這門課程為學生建立一套完整的知識框架，把網絡技術和網頁制作相結合。這里不僅要講授如何制作網頁，如何將若干個網頁構建成一個網站，如何將自己制作的網站發布到互聯網，從計算機的角度是如何訪問一個網站。要把這些問題講清楚，就涉及到網頁制作的內容、站點管理的內容，還包括域名申請、空間申請等具體問題，以及IP、DNS域名解析、HTTP請求服務等相關技術。事實證明，知識框架的完整性是非常重要的，其有利于學生能夠把所學到的知識與其它課程甚至日常生活體驗相結合，做到融會貫通和學以致用。此外，對于網頁設計與制作這門課程，還涉及到大量的軟件工程和管理學的內容。事實上，很少有網站是一個人制作完成的，這里面涉及到多人協作，更涉及到項目管理。從軟件工程的角度，即使再小的一個網站，也都要經歷需求分析、總體設計、詳細設計、編碼實現、測試等過程。

在這樣一個相對復雜的課程和知識體系中，切忌傳統的“工具論”導向。很多學校仍舊把網頁設計與制作這門課程的內容重點放在網頁三劍客，即Dreamweaver, Fireworks和Flash的使用上。在實際的開發過程中，不同項目組會選取不同的工具，我們知道甚至絕大多數的項目從來不會用Dreamweaver去畫界面。因此，在這門課程的建設中，一定要淡化工具，強化計算思維能力的訓練。

計算思維又叫構造思維，以設計和構造為特征，以計算機學科為代表。計算思維是運用計算機科學的基礎概念進行問題求解、系統設計以及人類行為理解的涵蓋了計算機科學之廣度的一系列思維活動。當今的大學計算機教育應該不是僅僅傳授知識，更要培養學生的思維能力，培養學生對科學精神和人文精神的追求，已經樹立網絡環境下學生的高尚人格。

2.2 課程內容與時俱進

對于內容而言，大部分網頁設計與制作課程主要講授Dreamweaver的使用，包括圖文混排、表格、表單、框架的制作等；一部分課程會講授HTML基礎，以及其它輔助工具如Flash和Fireworks等；還有一小部分課程會講授使用Web標準進行布局。而事實上，在實際的企業工作中，Dreamweaver只是一部分人使用的編碼工具，Dreamweaver自動生成的HTML代碼和Javascript代碼很難應用在實際項目中。因此，在課程中過分強化Dreamweaver的使用是背離“面向應用”和“計算思維”的導向的，很難培養出社會真正需求的人才。

課程設計上，我們建議要以應用為導向，面向實際應用，面向企業中實實在在能用上的理論和技術。因此，我們認為目前的課程設計應該包含如下幾個方面：

網絡技術的基本知識，如IP，域名解析，TCP/IP協議，HTTP協議等

網站設計的基本過程和工具，如線框圖、流程圖的設計，Axure，Visual等工具的使用；

HTML基 礎 知 識，包 括 HTML，XHTML等 基 本 語 法，Dreamweaver作為編輯工具的使用；

Web標準布局，包括使用CSS和DIV布局；

HTML5和CSS3，包括比較經典的應用案例；

多瀏覽器適應，包括Firebug和IE tester等工具的使用；

軟件工程等相關知識，用于整個項目的管理。

這樣的設計主要考慮要面向應用和緊跟時代步伐，既要強化目前最廣泛的設計方法和實現工具，同時，作為大學課程，也要緊跟最新的技術和研究發展。

3 從技術訓練到協作管理能力培養

網頁設計與制作課程從內容上而言，教師和學生往往關注的是技術。而在實際開發過程中，單純的技術技能顯然是不夠的。眾所周知，沒有任何一個企業項目是一個人獨立完成的，因此，在這門課程中一定要培養學生的協作能力，并要把軟件工程的核心內容及思想貫穿始終。比如，在技術講授之外，要給學生講授網站建設需求分析該如何做，總體設計需要哪些步驟，詳細設計的具體內容，后臺編碼實現的背景知識，測試的基本思想和基本方法等等。這樣才會使教學不與實際應用脫軌，培養出真正有管理思想，有設計理念，有全局觀念的人才。因此，如何把這門課程從單純的技術培養，結合管理素養方面的鍛煉和熏陶，是教師在課程設計和實際教學中需要著重思考的地方。

4 結論

網頁設計與制作是一門廣受學生歡迎的課程，由于課程內容和學生的日常學習生活很近，學生表現出了濃厚的學習興趣。然而，由于網絡技術日新月異的發展，部分學校在這門課程的內容設置和工具選擇上都相對滯后，與實際開發嚴重脫節。因此，如何能夠緊跟技術的發展步伐，同時又擺脫“工具論”的禁錮思維，是每一名授課教師值得思考的地方。本文研究并分析了課程當前課程現狀和所面臨的挑戰，提出了從工具講授到計算思維的教學理念轉變的建議。希望通過這門課程的課程建設可以為學生提供完整的知識框架，并著重培養學生的計算思維能力、協作能力、設計能力以及管理能力。

5 致謝

本論文工作獲教育部大學計算機課程改革項目“以計算思維能力培養為核心的理工類專業大學計算機課程改革研究”（項目編號：2012-2-8），及其子課題“大數據時代以計算思維能力培養為核心的數據處理與數據分析課程建設研究”（項目編號：DJG-1-1）資助。

[1]周以真.計算思維[J].中國計算機學會通訊,2007,3(11):83-85

[2]陳國良,董榮勝.計算思維與大學計算機基礎教育[J].中國大學教學,2011,1(7):11.

[3]何欽銘,陸漢權,馮博琴.計算機基礎教學的核心任務是計算思維能力的培養[J].中國大學教學,2010,9:5-9.

[4]王飛躍.從計算思維到計算文化[J].中國計算機學會通訊,2007,3(11):81-82.