高職院校網(wǎng)頁設(shè)計實踐

周景報， 唐建寧

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

0 引 言

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

1 實踐過程與實踐計劃的制定

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

2 實踐過程的主要內(nèi)容

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

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

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

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

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

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

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

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

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

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

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

1）目錄管理;

2）動態(tài)維護、性能管理;

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

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

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

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

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

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

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

由此可以看到，其信息的更新是不及時的，那么我們該如何去及時地更新呢，這要涉及到一些后臺的操作，當然這些實訓(xùn)操作讓學(xué)生能更好地掌握操作的技能。

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

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

3 網(wǎng)頁實踐過程方法

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

3.1 項目實踐法

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

3.2 任務(wù)驅(qū)動實踐法

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

圖3 Web畫廊樣式

3.3 情景實踐法

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

4 結(jié) 語

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

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

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

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

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

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

[6] 都桂英.高職院校《網(wǎng)頁設(shè)計》課程教學(xué)設(shè)計[J].教育理論與實踐，2010，27:57-59.

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

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