周景報(bào)， 唐建寧

（肇慶科技職業(yè)技術(shù)學(xué)院信息工程系，廣東肇慶 526110）

0 引 言

網(wǎng)頁(yè)設(shè)計(jì)作為一門應(yīng)用性較強(qiáng)的課程在社會(huì)信息化高度發(fā)展的情況下，需求不斷加大，同時(shí)，網(wǎng)頁(yè)設(shè)計(jì)軟件也不斷升級(jí)換代，這也使得網(wǎng)頁(yè)實(shí)訓(xùn)過(guò)程變得頗具難度，如何使所學(xué)的東西能夠真正應(yīng)用到實(shí)踐中去，這就是作為網(wǎng)頁(yè)設(shè)計(jì)實(shí)踐教學(xué)不得不去思考的一個(gè)問(wèn)題，高職高專類院校作為實(shí)用型、技能型人才培養(yǎng)的基地，更加注重實(shí)際技能的培養(yǎng)，在很多相關(guān)專業(yè)也都開(kāi)設(shè)有計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)課程[1]。筆者就曾擔(dān)任過(guò)我院電子商務(wù)專業(yè)的計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)課程的實(shí)踐教學(xué)，在教學(xué)的過(guò)程中深感該門課程的實(shí)用性及其快速的變化和新知識(shí)的不斷出現(xiàn)，那么如何在有限的實(shí)踐課時(shí)內(nèi)讓學(xué)生掌握較強(qiáng)的實(shí)踐操作技能，這無(wú)論是對(duì)學(xué)生還是老師來(lái)說(shuō)都是一個(gè)富有挑戰(zhàn)的問(wèn)題。文中主要從計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)實(shí)踐、實(shí)訓(xùn)過(guò)程等幾個(gè)方面來(lái)討論這些問(wèn)題。

1 實(shí)踐過(guò)程與實(shí)踐計(jì)劃的制定

網(wǎng)頁(yè)設(shè)計(jì)作為一門實(shí)踐性技術(shù)，其實(shí)踐過(guò)程的制定與實(shí)踐計(jì)劃的安排是合理進(jìn)行實(shí)踐過(guò)程的重要環(huán)節(jié)，高職高專相關(guān)專業(yè)設(shè)置計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)這一課程的實(shí)踐，其目的是使學(xué)生能夠根據(jù)所學(xué)的知識(shí)去解決網(wǎng)頁(yè)設(shè)計(jì)中存在的一些實(shí)際問(wèn)題，以及能夠獨(dú)立完成一些簡(jiǎn)單的網(wǎng)頁(yè)設(shè)計(jì)、管理、維護(hù)等工作。在正式進(jìn)行實(shí)踐之前，通過(guò)對(duì)一個(gè)案例的分析了解同學(xué)們對(duì)網(wǎng)頁(yè)設(shè)計(jì)的興趣以及對(duì)網(wǎng)頁(yè)設(shè)計(jì)這門課程的了解，從而掌握學(xué)生基礎(chǔ)，然后根據(jù)學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)課程的基礎(chǔ)來(lái)制訂出符合他們的實(shí)踐過(guò)程與實(shí)踐計(jì)劃。在制訂實(shí)踐過(guò)程與實(shí)踐計(jì)劃的過(guò)程中充分考慮學(xué)生對(duì)網(wǎng)頁(yè)基礎(chǔ)知識(shí)的認(rèn)識(shí)及對(duì)網(wǎng)頁(yè)這門實(shí)踐課程的學(xué)習(xí)能力，將該實(shí)踐課程中學(xué)生難于接受的理論知識(shí)轉(zhuǎn)換成學(xué)生容易接受的且注重實(shí)踐鍛煉的操作技能。

2 實(shí)踐過(guò)程的主要內(nèi)容

計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)實(shí)踐過(guò)程內(nèi)容廣泛，涉及面較多，文中主要從以下幾個(gè)方面來(lái)討論。

2.1 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)類實(shí)訓(xùn)

這類實(shí)訓(xùn)的目的主要是讓學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)相關(guān)操作軟件的熟悉，提高操作能力，要求學(xué)生通過(guò)實(shí)訓(xùn)熟悉網(wǎng)頁(yè)設(shè)計(jì)的實(shí)施流程、方案及設(shè)計(jì)方法，充分了解網(wǎng)站規(guī)劃、設(shè)計(jì)和開(kāi)發(fā)的規(guī)則和步驟，掌握網(wǎng)站規(guī)劃結(jié)構(gòu)和規(guī)劃站點(diǎn)的瀏覽機(jī)制。

例如，現(xiàn)在常用的網(wǎng)頁(yè)設(shè)計(jì)軟件有Macromedia Dreamweaver 8，因此，這方面的實(shí)訓(xùn)主要有:

1）網(wǎng)頁(yè)設(shè)計(jì)類軟件的熟悉及應(yīng)用，主要包括Macromedia Dreamweaver 8界面熟悉及基本操作;Macromedia Fireworks 8界面熟悉及基本操作以及Adobe Photoshop CS界面熟悉及基本操作[2]。

2）規(guī)劃站點(diǎn)結(jié)構(gòu):①用文件夾來(lái)保存文檔;②使用合理的文件名稱;③大小寫問(wèn)題;④合理分配文檔中的資源、規(guī)劃站點(diǎn)的瀏覽機(jī)制;⑤創(chuàng)建返回主機(jī)鏈接;⑥提供站點(diǎn)的簡(jiǎn)明目錄;⑦創(chuàng)建前進(jìn)和后退鏈接;⑧搜索、索引和反饋[3]。

建立登錄頁(yè)面的網(wǎng)站體系結(jié)構(gòu)如圖1所示。

圖1 登錄頁(yè)面的網(wǎng)站體系結(jié)構(gòu)圖

通過(guò)這些實(shí)訓(xùn)，可以使學(xué)生基本掌握構(gòu)建小型網(wǎng)站及頁(yè)面操作等基本網(wǎng)頁(yè)設(shè)計(jì)技能。

2.2 網(wǎng)頁(yè)設(shè)計(jì)維護(hù)管理類實(shí)訓(xùn)

這類實(shí)訓(xùn)的目的是培養(yǎng)學(xué)生對(duì)設(shè)計(jì)好的網(wǎng)頁(yè)或建立好的網(wǎng)站進(jìn)行維護(hù)與管理能力，以應(yīng)付在網(wǎng)頁(yè)交付使用的過(guò)程中可能出現(xiàn)的問(wèn)題。如在建立一個(gè)新聞?lì)惥W(wǎng)站時(shí)，除了在它的形式上要加以維護(hù)，還必須要在它的內(nèi)容上加以維護(hù)，另外，還有信息的維護(hù)及安全的維護(hù)等。而這方面的實(shí)訓(xùn)主要有服務(wù)器的維護(hù)與管理:

1）目錄管理;

2）動(dòng)態(tài)維護(hù)、性能管理;

3）性能的監(jiān)測(cè)與分析、日常維護(hù)與管理[4];

4）日常維護(hù)管理、網(wǎng)站更新與升級(jí);

5）網(wǎng)站更新;

6）網(wǎng)站升級(jí)、常用網(wǎng)站管理軟件等。

通過(guò)這些實(shí)訓(xùn)，使學(xué)生基本掌握網(wǎng)頁(yè)管理與維護(hù)，網(wǎng)頁(yè)出現(xiàn)故障時(shí)的處理方法以及對(duì)網(wǎng)站更新或升級(jí)的技術(shù)處理能力[5]。

在實(shí)訓(xùn)過(guò)程中，可以經(jīng)常以系網(wǎng)站作為實(shí)例來(lái)給同學(xué)們進(jìn)行講解，如圖2所示。

圖2 系網(wǎng)站實(shí)例

由此可以看到，其信息的更新是不及時(shí)的，那么我們?cè)撊绾稳ゼ皶r(shí)地更新呢，這要涉及到一些后臺(tái)的操作，當(dāng)然這些實(shí)訓(xùn)操作讓學(xué)生能更好地掌握操作的技能。

2.3 網(wǎng)頁(yè)設(shè)計(jì)綜合應(yīng)用類實(shí)訓(xùn)

通過(guò)網(wǎng)頁(yè)設(shè)計(jì)綜合應(yīng)用類實(shí)訓(xùn)使學(xué)生對(duì)這門實(shí)踐課程的學(xué)習(xí)有了初步的了解，并掌握網(wǎng)頁(yè)設(shè)計(jì)的基本方法，通過(guò)不斷上機(jī)實(shí)習(xí)訓(xùn)練達(dá)到解決實(shí)際問(wèn)題的能力，滿足大中型企業(yè)網(wǎng)頁(yè)設(shè)計(jì)工作的需求。這方面的實(shí)訓(xùn)主要有實(shí)例實(shí)訓(xùn)，為了使學(xué)生真實(shí)體驗(yàn)網(wǎng)站建立與網(wǎng)頁(yè)制作的實(shí)際工作流程，教師機(jī)房的網(wǎng)絡(luò)資源通過(guò)在教師機(jī)與學(xué)生機(jī)上讓學(xué)生安裝、配置Web服務(wù)器管理程序IIS，建立一個(gè)真實(shí)的網(wǎng)站開(kāi)發(fā)實(shí)驗(yàn)環(huán)境，使得實(shí)踐者可以在自己的計(jì)算機(jī)上進(jìn)行網(wǎng)站的實(shí)際開(kāi)發(fā)、建立、管理與網(wǎng)絡(luò)發(fā)布。通過(guò)實(shí)訓(xùn)使學(xué)生能夠掌握較為深入的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，能較快勝任更為復(fù)雜的大中型企業(yè)網(wǎng)頁(yè)設(shè)計(jì)與管理工作。

3 網(wǎng)頁(yè)實(shí)踐過(guò)程方法

網(wǎng)頁(yè)設(shè)計(jì)實(shí)踐過(guò)程方法很多，如任務(wù)驅(qū)動(dòng)法、討論實(shí)踐法、項(xiàng)目實(shí)踐法、分組實(shí)踐法等。那么在實(shí)踐過(guò)程中應(yīng)該采用哪種實(shí)踐方法，這要視實(shí)際實(shí)踐內(nèi)容以及學(xué)生的實(shí)際情況而定，并在本實(shí)踐過(guò)程中改變傳統(tǒng)的“以教師為主，單一演練”的實(shí)踐模式，采用“以教師為主導(dǎo)，以學(xué)生為主體，以培養(yǎng)學(xué)生職業(yè)能力為本位，以國(guó)家職業(yè)資格標(biāo)準(zhǔn)為依據(jù)，融教學(xué)做一體”這一實(shí)踐教學(xué)模式。在實(shí)踐過(guò)程中，突出“項(xiàng)目導(dǎo)向、任務(wù)驅(qū)動(dòng)”的實(shí)踐方法與基于工作過(guò)程的教學(xué)過(guò)程相結(jié)合。按照工作過(guò)程和職業(yè)崗位對(duì)本實(shí)踐課程的知識(shí)要求來(lái)選取實(shí)踐的具體內(nèi)容，引入工作過(guò)程中的真實(shí)案例，將之分解成多個(gè)子項(xiàng)目和工作任務(wù)，學(xué)生在完成項(xiàng)目任務(wù)過(guò)程中，逐步提高自己的職業(yè)能力和實(shí)踐水平[6]。為達(dá)到掌握實(shí)踐內(nèi)容的目標(biāo)，文中嘗試了多種實(shí)踐的方法，其中效果較好的方法如下。

3.1 項(xiàng)目實(shí)踐法

項(xiàng)目實(shí)踐法是在實(shí)踐過(guò)程中將知識(shí)和職業(yè)技能互相滲透，充分挖掘?qū)W生的創(chuàng)新能力，為學(xué)生近距離就業(yè)奠定基礎(chǔ)。在實(shí)踐進(jìn)行之前，將實(shí)踐過(guò)程分為5個(gè)步驟:任務(wù)導(dǎo)入、教師講解示范、學(xué)生模仿操作、單元總結(jié)、拓展練習(xí)。在實(shí)踐過(guò)程中，教師提供實(shí)踐項(xiàng)目，以工作過(guò)程為主線開(kāi)展實(shí)踐過(guò)程的操作，按照完成一個(gè)實(shí)際工作項(xiàng)目的完整流程組織實(shí)踐過(guò)程。經(jīng)調(diào)查，大部分學(xué)生認(rèn)為這種方法有助于他們提高解決問(wèn)題的能力。

3.2 任務(wù)驅(qū)動(dòng)實(shí)踐法

采用“教師布置任務(wù)→學(xué)生自主策劃完成→教師引導(dǎo)學(xué)生總結(jié)→學(xué)生撰寫工作日志”[7]的模式，將自主策劃、任務(wù)分解、教學(xué)做和經(jīng)驗(yàn)總結(jié)有機(jī)結(jié)合。例如在進(jìn)行表格應(yīng)用的實(shí)踐過(guò)程中，給學(xué)生布置了一個(gè)任務(wù)，通過(guò)建立一個(gè)Web畫廊讓學(xué)生來(lái)掌握表格設(shè)計(jì)與應(yīng)用。學(xué)生們認(rèn)為這種方法有助于提高學(xué)習(xí)積極性和求知欲望，加強(qiáng)解決未知問(wèn)題的能力。Web畫廊樣式如圖3所示。

圖3 Web畫廊樣式

3.3 情景實(shí)踐法

在充分考慮學(xué)生的認(rèn)知水平和能力的基礎(chǔ)上，把握學(xué)生的認(rèn)知規(guī)律，按照由簡(jiǎn)單到復(fù)雜，由易到難循序漸進(jìn)地學(xué)習(xí)知識(shí)、訓(xùn)練技能，該實(shí)踐過(guò)程以網(wǎng)站類型為載體設(shè)計(jì)了3個(gè)實(shí)踐過(guò)程的情景，即簡(jiǎn)單個(gè)人網(wǎng)站、小型企業(yè)信息網(wǎng)站、電子商務(wù)網(wǎng)站，并根據(jù)實(shí)際工作流程分成4個(gè)子情景，即編寫網(wǎng)站策劃書、設(shè)計(jì)網(wǎng)頁(yè)效果圖、制作網(wǎng)站、發(fā)布與維護(hù)網(wǎng)站。促使學(xué)生根據(jù)情景層層深入地完成整個(gè)實(shí)踐任務(wù)，掌握相應(yīng)的職業(yè)技能。

4 結(jié) 語(yǔ)

計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)及相關(guān)軟件發(fā)展如此迅速，要想讓學(xué)生在有限的實(shí)踐過(guò)程中對(duì)計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)達(dá)到真正的掌握，可能要考慮更多的是如何教給學(xué)生實(shí)踐的方法及實(shí)踐技能。因此，作為教師必須根據(jù)網(wǎng)頁(yè)設(shè)計(jì)的實(shí)際情況，從網(wǎng)頁(yè)設(shè)計(jì)的真實(shí)案例入手來(lái)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的規(guī)劃、設(shè)計(jì)、運(yùn)行和升級(jí)維護(hù)，到企業(yè)網(wǎng)站的發(fā)布運(yùn)行等內(nèi)容的實(shí)踐講解與實(shí)踐演練，努力提高學(xué)生分析問(wèn)題、動(dòng)手實(shí)踐和解決實(shí)際問(wèn)題的能力，這才符合職業(yè)教育的重心。同時(shí)，在講解實(shí)踐內(nèi)容時(shí)要注重課程內(nèi)容與實(shí)踐的聯(lián)系，要在整個(gè)實(shí)踐過(guò)程中真正把“以實(shí)際應(yīng)用為前提，以工學(xué)結(jié)合為基本”作為指導(dǎo)思想。這樣在實(shí)踐過(guò)程中，當(dāng)遇到實(shí)際問(wèn)題時(shí)才能及時(shí)調(diào)整實(shí)踐的方法，才能進(jìn)行合理實(shí)踐，使實(shí)踐過(guò)程有條不紊地進(jìn)行下去，也只有這樣才能使網(wǎng)頁(yè)設(shè)計(jì)的實(shí)用性在實(shí)踐過(guò)程中不知不覺(jué)地滲透到每一位學(xué)生，并使其產(chǎn)生興趣，能快速地將知識(shí)應(yīng)用于實(shí)踐，從而在工作時(shí)能投入到自己的角色中去。

[1] 李吉祥.網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)設(shè)計(jì)實(shí)用教程[M].北京:北京師范大學(xué)出版社，2008:78-79.

[2] 賈勤，張毅.網(wǎng)頁(yè)設(shè)計(jì)三合一能力教程[M].北京:中國(guó)鐵道出版社，2006.

[3] 王春紅.網(wǎng)站規(guī)劃建設(shè)與管理維護(hù)教程與實(shí)訓(xùn)[M]. 2版.北京:北京大學(xué)出版社，2010:65.

[4] 來(lái)賓，付晨樸.網(wǎng)站規(guī)劃建設(shè)與管理維護(hù)[M].北京:冶金工業(yè)出版社，2003:24-25.

[5] 王淑每.ASP.NET動(dòng)態(tài)網(wǎng)站設(shè)計(jì)[M].北京:清華大學(xué)出版社，2010:17-18.

[6] 都桂英.高職院?！毒W(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)設(shè)計(jì)[J].教育理論與實(shí)踐，2010，27:57-59.

[7] 李景霞.淺談任務(wù)型教學(xué)法在專業(yè)課實(shí)踐教學(xué)中的應(yīng)用研究[J].中國(guó)職業(yè)技術(shù)教育，2007（22）:41-42.

[8] 肖金秀，馮沃，廖疆星.網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn)教程[M].北京:冶金工業(yè)出版社，2003.