網(wǎng)頁設(shè)計(jì)與制作課程建設(shè)探究

徐 昊,鄒 密,王兆丹

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

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

1 課程現(xiàn)狀分析

計(jì)算機(jī)技術(shù)和網(wǎng)絡(luò)技術(shù)已經(jīng)成為當(dāng)前發(fā)展最為迅猛的領(lǐng)域之一。從1991年的萬維網(wǎng)，到2001年的“語義網(wǎng)”，再到現(xiàn)在的社會(huì)網(wǎng)絡(luò)；從傳統(tǒng)的網(wǎng)頁瀏覽，到用戶可以參與網(wǎng)頁內(nèi)容的發(fā)布和管理，再到機(jī)器能夠理解人類的自然語言；從臺(tái)式機(jī)，到筆記本電腦，再到手機(jī)和平板電腦；從一枝獨(dú)秀的IE瀏覽器，到Firefox，Chrome等等 ；從 Windows，到 iOS，再到 Android；從撥號(hào)上網(wǎng)，到ADSL，再到光纖寬帶，WiFi，3G；計(jì)算機(jī)和網(wǎng)絡(luò)技術(shù)在這20多年間，無論在硬件還是軟件都實(shí)現(xiàn)了一次又一次飛躍。

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

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

2 課程建設(shè)探討

2.1 從“工具論”到“計(jì)算思維”

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

在這樣一個(gè)相對(duì)復(fù)雜的課程和知識(shí)體系中，切忌傳統(tǒng)的“工具論”導(dǎo)向。很多學(xué)校仍舊把網(wǎng)頁設(shè)計(jì)與制作這門課程的內(nèi)容重點(diǎn)放在網(wǎng)頁三劍客，即Dreamweaver, Fireworks和Flash的使用上。在實(shí)際的開發(fā)過程中，不同項(xiàng)目組會(huì)選取不同的工具，我們知道甚至絕大多數(shù)的項(xiàng)目從來不會(huì)用Dreamweaver去畫界面。因此，在這門課程的建設(shè)中，一定要淡化工具，強(qiáng)化計(jì)算思維能力的訓(xùn)練。

計(jì)算思維又叫構(gòu)造思維，以設(shè)計(jì)和構(gòu)造為特征，以計(jì)算機(jī)學(xué)科為代表。計(jì)算思維是運(yùn)用計(jì)算機(jī)科學(xué)的基礎(chǔ)概念進(jìn)行問題求解、系統(tǒng)設(shè)計(jì)以及人類行為理解的涵蓋了計(jì)算機(jī)科學(xué)之廣度的一系列思維活動(dòng)。當(dāng)今的大學(xué)計(jì)算機(jī)教育應(yīng)該不是僅僅傳授知識(shí)，更要培養(yǎng)學(xué)生的思維能力，培養(yǎng)學(xué)生對(duì)科學(xué)精神和人文精神的追求，已經(jīng)樹立網(wǎng)絡(luò)環(huán)境下學(xué)生的高尚人格。

2.2 課程內(nèi)容與時(shí)俱進(jìn)

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

課程設(shè)計(jì)上，我們建議要以應(yīng)用為導(dǎo)向，面向?qū)嶋H應(yīng)用，面向企業(yè)中實(shí)實(shí)在在能用上的理論和技術(shù)。因此，我們認(rèn)為目前的課程設(shè)計(jì)應(yīng)該包含如下幾個(gè)方面：

網(wǎng)絡(luò)技術(shù)的基本知識(shí)，如IP，域名解析，TCP/IP協(xié)議，HTTP協(xié)議等

網(wǎng)站設(shè)計(jì)的基本過程和工具，如線框圖、流程圖的設(shè)計(jì)，Axure，Visual等工具的使用；

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

Web標(biāo)準(zhǔn)布局，包括使用CSS和DIV布局；

HTML5和CSS3，包括比較經(jīng)典的應(yīng)用案例；

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

軟件工程等相關(guān)知識(shí)，用于整個(gè)項(xiàng)目的管理。

這樣的設(shè)計(jì)主要考慮要面向應(yīng)用和緊跟時(shí)代步伐，既要強(qiáng)化目前最廣泛的設(shè)計(jì)方法和實(shí)現(xiàn)工具，同時(shí)，作為大學(xué)課程，也要緊跟最新的技術(shù)和研究發(fā)展。

3 從技術(shù)訓(xùn)練到協(xié)作管理能力培養(yǎng)

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

4 結(jié)論

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

5 致謝

本論文工作獲教育部大學(xué)計(jì)算機(jī)課程改革項(xiàng)目“以計(jì)算思維能力培養(yǎng)為核心的理工類專業(yè)大學(xué)計(jì)算機(jī)課程改革研究”（項(xiàng)目編號(hào)：2012-2-8），及其子課題“大數(shù)據(jù)時(shí)代以計(jì)算思維能力培養(yǎng)為核心的數(shù)據(jù)處理與數(shù)據(jù)分析課程建設(shè)研究”（項(xiàng)目編號(hào)：DJG-1-1）資助。

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

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

[3]何欽銘,陸漢權(quán),馮博琴.計(jì)算機(jī)基礎(chǔ)教學(xué)的核心任務(wù)是計(jì)算思維能力的培養(yǎng)[J].中國大學(xué)教學(xué),2010,9:5-9.

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