高職院校網頁設計實踐

周景報， 唐建寧

（肇慶科技職業技術學院信息工程系，廣東肇慶 526110）

0 引 言

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

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

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

2 實踐過程的主要內容

計算機網頁設計實踐過程內容廣泛，涉及面較多，文中主要從以下幾個方面來討論。

2.1 網頁設計基礎類實訓

這類實訓的目的主要是讓學生對網頁設計相關操作軟件的熟悉，提高操作能力，要求學生通過實訓熟悉網頁設計的實施流程、方案及設計方法，充分了解網站規劃、設計和開發的規則和步驟，掌握網站規劃結構和規劃站點的瀏覽機制。

例如，現在常用的網頁設計軟件有Macromedia Dreamweaver 8，因此，這方面的實訓主要有:

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

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

建立登錄頁面的網站體系結構如圖1所示。

圖1 登錄頁面的網站體系結構圖

通過這些實訓，可以使學生基本掌握構建小型網站及頁面操作等基本網頁設計技能。

2.2 網頁設計維護管理類實訓

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

1）目錄管理;

2）動態維護、性能管理;

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

4）日常維護管理、網站更新與升級;

5）網站更新;

6）網站升級、常用網站管理軟件等。

通過這些實訓，使學生基本掌握網頁管理與維護，網頁出現故障時的處理方法以及對網站更新或升級的技術處理能力[5]。

在實訓過程中，可以經常以系網站作為實例來給同學們進行講解，如圖2所示。

圖2 系網站實例

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

2.3 網頁設計綜合應用類實訓

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

3 網頁實踐過程方法

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

3.1 項目實踐法

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

3.2 任務驅動實踐法

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

圖3 Web畫廊樣式

3.3 情景實踐法

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

4 結 語

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

[1] 李吉祥.網站開發與網頁設計實用教程[M].北京:北京師范大學出版社，2008:78-79.

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

[3] 王春紅.網站規劃建設與管理維護教程與實訓[M]. 2版.北京:北京大學出版社，2010:65.

[4] 來賓，付晨樸.網站規劃建設與管理維護[M].北京:冶金工業出版社，2003:24-25.

[5] 王淑每.ASP.NET動態網站設計[M].北京:清華大學出版社，2010:17-18.

[6] 都桂英.高職院校《網頁設計》課程教學設計[J].教育理論與實踐，2010，27:57-59.

[7] 李景霞.淺談任務型教學法在專業課實踐教學中的應用研究[J].中國職業技術教育，2007（22）:41-42.

[8] 肖金秀，馮沃，廖疆星.網頁設計培訓教程[M].北京:冶金工業出版社，2003.