基于CMS的《網(wǎng)站設(shè)計(jì)與維護(hù)》課程教學(xué)的研究與實(shí)踐

摘要:“網(wǎng)站設(shè)計(jì)與維護(hù)”是一門(mén)實(shí)踐性和實(shí)用性都很強(qiáng)的課程，針對(duì)中等職業(yè)學(xué)校非計(jì)算機(jī)專業(yè)學(xué)生的特點(diǎn)，設(shè)計(jì)一個(gè)關(guān)于內(nèi)容管理系統(tǒng)CMS的課程教學(xué)內(nèi)容，分析CMS的原理和特點(diǎn)，采用案例教學(xué)法讓學(xué)生快速掌握各種網(wǎng)站建站的設(shè)計(jì)方法。

關(guān)鍵詞:網(wǎng)站設(shè)計(jì)與維護(hù);CMS;課程教學(xué);教學(xué)法;模板設(shè)計(jì);網(wǎng)站建設(shè)

中圖分類號(hào):TP393.092 文獻(xiàn)標(biāo)識(shí)碼:A文章編號(hào):1009-3044(2010)03-750-03

Teaching Research and Practice of \"Design and Maintenance of Website\" Based on CMS

WU Dong-chen

(Zhanjiang Mechanical and Electrical School， Zhanjiang 524094， China)

Abstract: \"Design and Maintenance of Website\" is a very practical and applied course. The characteristics aiming at professional student from non-calculator in secondary vocational school， design a course content about CMS， analyze principle and characteristics of CMS， adopt case teaching method to let student to quickly control the design method of various website.

Key words: design and maintenance of website; CMS; course teaching; teaching method; shuttering design; web construction

1 概述

《網(wǎng)站設(shè)計(jì)與維護(hù)》課程是中等職業(yè)學(xué)校計(jì)算機(jī)、電子商務(wù)等相關(guān)專業(yè)的一門(mén)專業(yè)課程，也是其他專業(yè)的普及型選修課程，是近年來(lái)計(jì)算機(jī)專業(yè)領(lǐng)域發(fā)展最快和應(yīng)用最廣泛的課程之一，當(dāng)今社會(huì)急需培養(yǎng)掌握計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)、面向不同應(yīng)用層次的專業(yè)人才。因此，學(xué)生對(duì)這門(mén)課程教學(xué)的要求越來(lái)越高。面對(duì)眾多的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)和課程，如何為學(xué)生開(kāi)設(shè)好這門(mén)課程，需要我們積極思考。為了培養(yǎng)能高效、快速地進(jìn)行企事業(yè)單位網(wǎng)站以及電子商務(wù)網(wǎng)站的建設(shè)的人才，根據(jù)非計(jì)算機(jī)類專業(yè)學(xué)生的特點(diǎn)，結(jié)合本校的實(shí)際，設(shè)計(jì)一個(gè)關(guān)于內(nèi)容管理系統(tǒng)(CMS)的《網(wǎng)站設(shè)計(jì)與維護(hù)》課程教學(xué)內(nèi)容，采用案例教學(xué)法、任務(wù)驅(qū)動(dòng)教學(xué)法讓學(xué)生快速掌握各種建設(shè)網(wǎng)站的方法。

2 CMS的特點(diǎn)和選型

2.1 CMS的概念

CMS是Content Management System的縮寫(xiě)，意為“內(nèi)容管理系統(tǒng)”。CMS主要是以信息共享為目的，位于WEB前端(Web服務(wù)器)和后端辦公系統(tǒng)或流程(內(nèi)容創(chuàng)作、編輯)之間，面向海量信息處理，集信息數(shù)字化、分布存儲(chǔ)、管理、查詢、傳播為一體的管理平臺(tái)。內(nèi)容的創(chuàng)作人員、編輯人員、發(fā)布人員使用內(nèi)容管理系統(tǒng)來(lái)提交、修改、審批、發(fā)布內(nèi)容。這里指的“內(nèi)容”可能包括文字、表格、圖片、數(shù)據(jù)庫(kù)中的數(shù)據(jù)甚至視頻等一切需要發(fā)布到Internet、Intranet以及Extranet網(wǎng)站的信息。

目前主流的CMS概念，是以文章系統(tǒng)為核心，包含內(nèi)容模型自定義、內(nèi)容采集加工發(fā)布、內(nèi)容評(píng)論、內(nèi)容檢索、公告管理、廣告管理、調(diào)查管理、留言管理、用戶管理等各種通用功能模塊，面向各種內(nèi)容管理需要的網(wǎng)絡(luò)平臺(tái)。

2.2 CMS的選型

把CMS作為教學(xué)內(nèi)容，至少要注意系統(tǒng)類型和架構(gòu)、系統(tǒng)功能、視覺(jué)外觀、內(nèi)容管理、開(kāi)源維護(hù)等五個(gè)重點(diǎn)。

基于ASP+ACCESS技術(shù)架構(gòu)的內(nèi)容管理系統(tǒng)采用結(jié)構(gòu)化的功能設(shè)計(jì)和界面布局設(shè)計(jì)，可分為核心系統(tǒng)(core)、組件(component)、模塊(module)、界面模板(template)等部分，系統(tǒng)結(jié)構(gòu)分為數(shù)據(jù)層、應(yīng)用層和表現(xiàn)層，這種架構(gòu)具有易于理解、方便操作的特點(diǎn)。

網(wǎng)站模板與網(wǎng)站程序完全分離是目前主流CMS的設(shè)計(jì)理念，模板是用來(lái)控制前臺(tái)網(wǎng)頁(yè)顯示界面的布局和字體、圖片樣式及形式的，使得表現(xiàn)和內(nèi)容分離。只要設(shè)計(jì)不同的模板，即可實(shí)現(xiàn)不同的網(wǎng)站界面風(fēng)格，讓學(xué)生達(dá)到快速建站的目的。

作為開(kāi)發(fā)型產(chǎn)品的源代碼是最寶貴的學(xué)習(xí)范例，無(wú)論是初學(xué)者還是開(kāi)發(fā)人員，都可以從開(kāi)源CMS范例的源代碼中進(jìn)行系統(tǒng)學(xué)習(xí)、掌握和探討商業(yè)軟件的設(shè)計(jì)、編碼規(guī)范等知識(shí)。通過(guò)以開(kāi)源CMS軟件的源程序?yàn)榉独齺?lái)講解各種設(shè)計(jì)模式、編程技巧等知識(shí)，能夠很好促進(jìn)學(xué)生對(duì)學(xué)習(xí)源代碼的興趣。

開(kāi)源的CMS比較多，如DedeCMS、PHPCMS、PHP168、EmpireCMS、Joomla、JeeCMS、SiteServerCMS、FoosunCMS、SiteWeaverCMS、KesionCMS、JoekoeCMS等，作為教學(xué)的示范，以簡(jiǎn)單、實(shí)用、方便、高效為原則，我們根據(jù)實(shí)際情況選擇一款優(yōu)秀ASP+ACCESS技術(shù)架構(gòu)的開(kāi)源CMS作為教學(xué)演示工具。

3 教學(xué)內(nèi)容設(shè)計(jì)

3.1 CMS的基礎(chǔ)教學(xué)

《網(wǎng)站設(shè)計(jì)與維護(hù)》課程的學(xué)習(xí)主要有三個(gè)過(guò)程:設(shè)計(jì)過(guò)程、制作過(guò)程、內(nèi)容管理過(guò)程。其中設(shè)計(jì)過(guò)程要求熟悉軟件工程學(xué)及各種相關(guān)技術(shù)，了解整個(gè)軟件設(shè)計(jì)流程，并具備相關(guān)的分析問(wèn)題能力和策劃能力。制作過(guò)程要求具備頁(yè)面布局及相關(guān)的美工知識(shí)，動(dòng)態(tài)代碼的編程知識(shí)及數(shù)據(jù)管理應(yīng)用的數(shù)據(jù)庫(kù)知識(shí)。內(nèi)容管理過(guò)程要求熟悉信息內(nèi)容的采集、整理、編輯、審核、發(fā)布等過(guò)程。

教學(xué)內(nèi)容遵循學(xué)生學(xué)習(xí)認(rèn)知的過(guò)程，科學(xué)合理地選擇教學(xué)內(nèi)容，幫助學(xué)生建立正確的建站思想和方法，在理論和實(shí)訓(xùn)中都要體現(xiàn)一個(gè)網(wǎng)站設(shè)計(jì)的理念。

網(wǎng)站設(shè)計(jì)的基礎(chǔ)知識(shí)必須掌握。包括Dreamweaver、Flash和Fireworks軟件的使用，Photoshop基本操作，認(rèn)識(shí)HTML標(biāo)準(zhǔn)語(yǔ)言中的Head、Table、Tr、Td等標(biāo)簽及屬性設(shè)置，CSS、Javascript、VBScript、ASP代碼示例，網(wǎng)站框架設(shè)計(jì)和網(wǎng)站首頁(yè)基本布局設(shè)計(jì)的方法，網(wǎng)頁(yè)配色方法，IIS的安裝和配置，域名與虛擬主機(jī)服務(wù)器知識(shí)，網(wǎng)站安全知識(shí)。

3.2 利用現(xiàn)有網(wǎng)站進(jìn)行快速模板設(shè)計(jì)

通用CMS網(wǎng)站系統(tǒng)主要有三大模塊:文章、軟件和圖片，一般每個(gè)模塊的模板目錄結(jié)構(gòu)都由源程序、Images圖片文件夾、JS文件夾、Skin風(fēng)格文件夾、UploadFiles上傳文件夾組成，這三個(gè)模塊相對(duì)獨(dú)立，可以生成多個(gè)模塊欄目，每個(gè)模塊欄目都有自己的模板。

系統(tǒng)的模板設(shè)計(jì)功能從使用靈活、操作方便的角度出發(fā)，利用現(xiàn)有網(wǎng)站進(jìn)行快速模板仿制和設(shè)計(jì)并不是讓學(xué)生去剽竊他人作品，而是通過(guò)深入地熟悉了解他人的模板制作技巧和風(fēng)格，以及設(shè)計(jì)思路而制作出自己的特色風(fēng)格模板，提高自己的模板制作水平。

仿制模板的制作思路:

1) 打開(kāi)要仿制的網(wǎng)頁(yè)查看源代碼屬性，通過(guò)“另存為”保存網(wǎng)頁(yè)全部文件。

2) 用Dreamweaver網(wǎng)頁(yè)編輯器編輯網(wǎng)頁(yè)文件，刪除標(biāo)題列表的文字信息，合并標(biāo)題列表信息的單元格，將需要顯示相關(guān)內(nèi)容的地方修改或插入相應(yīng)的的標(biāo)簽。

3) 修改文件夾名稱，修改圖片路徑。

4) 進(jìn)入CMS網(wǎng)站后臺(tái)，把Dreamweaver里修改好的代碼復(fù)制到對(duì)應(yīng)網(wǎng)頁(yè)模板選項(xiàng)中，并加以調(diào)整。

一些通用CMS網(wǎng)站系統(tǒng)的后臺(tái)模板管理功能中具有代碼編輯器和可視化編輯器，可以利用這些編輯器直接對(duì)模板進(jìn)行修改、整理和保存。

3.3 模板的制作

模板制作是《網(wǎng)站設(shè)計(jì)與維護(hù)》課程教學(xué)的重點(diǎn)和難點(diǎn)，在模板制作之前，學(xué)生需要掌握基本的網(wǎng)頁(yè)設(shè)計(jì)與HTML代碼知識(shí)。如果要獨(dú)立設(shè)計(jì)一個(gè)網(wǎng)站，還要掌握一些圖像設(shè)計(jì)處理軟件，如Photoshop、Fireworks等。

模版設(shè)計(jì)與制作的流程:

1) 在制作模板前，先在Photoshop、Fireworks等設(shè)計(jì)軟件中制作網(wǎng)頁(yè)效果圖。然后利用這些軟件的導(dǎo)出成Web格式文件功能，將效果圖輸出成Web文件和圖片文件夾。

2) 在Dreamweaver等網(wǎng)頁(yè)設(shè)計(jì)軟件中修改Web文件，將需要顯示相關(guān)內(nèi)容的地方修改或插入相應(yīng)的的標(biāo)簽。

3) 將圖片文件夾上傳至網(wǎng)站的目錄中，同時(shí)添加或修改相關(guān)類型的網(wǎng)頁(yè)模板，將Web文件的源代碼拷入模板中并保存。將添加或修改的模板設(shè)置成默認(rèn)模板。刷新前臺(tái)頁(yè)面即可看到新模板的效果。

3.4 CMS的管理與操作

CMS網(wǎng)站系統(tǒng)的模版設(shè)計(jì)和制作完成，說(shuō)明網(wǎng)站已經(jīng)有了自己的前臺(tái)風(fēng)格界面，就可以開(kāi)始為網(wǎng)站添加信息內(nèi)容。信息內(nèi)容是CMS的靈魂，優(yōu)秀的原創(chuàng)內(nèi)容是一個(gè)網(wǎng)站的核心競(jìng)爭(zhēng)力。

CMS的管理劃分得比較明確:基本設(shè)置、日志統(tǒng)計(jì)、廣告管理、友情鏈接、留言和公告管理、頻道管理、數(shù)據(jù)庫(kù)管理、模板風(fēng)格管理、用戶管理、文章管理等。在各種管理功能中，通過(guò)指導(dǎo)學(xué)生操作和使用每一項(xiàng)功能，完成信息采集、整理、分類、審核、發(fā)布和管理的全過(guò)程，掌握網(wǎng)絡(luò)編輯的工作流程，與職業(yè)銜接。

3.5 CMS的發(fā)布與應(yīng)用

CMS網(wǎng)站系統(tǒng)不僅是課堂教學(xué)的工具，而且有著廣泛的實(shí)際應(yīng)用。讓學(xué)生申請(qǐng)由學(xué)校信息中心提供的免費(fèi)二級(jí)域名和虛擬主機(jī)，也可以指導(dǎo)學(xué)生申請(qǐng)互聯(lián)網(wǎng)上的域名和虛擬主機(jī)，通過(guò)域名和虛擬主機(jī)的申請(qǐng)、注冊(cè)、管理，讓學(xué)生掌握域名和網(wǎng)站服務(wù)器的相關(guān)知識(shí)。有了域名和虛擬主機(jī)，就可以讓學(xué)生對(duì)網(wǎng)站程序進(jìn)行上傳、調(diào)試和維護(hù)，同時(shí)講解百度收錄、搜索引擎優(yōu)化(SEO)及推廣、日后的更新維護(hù)等知識(shí)，讓學(xué)生明白一個(gè)網(wǎng)站的生命周期過(guò)程，使學(xué)生更加珍惜自己所設(shè)計(jì)制作的網(wǎng)站。

學(xué)生通過(guò)對(duì)CMS的學(xué)習(xí)和應(yīng)用，可以隨時(shí)方便地提交需要發(fā)布的信息而無(wú)須掌握復(fù)雜的技術(shù)，使得網(wǎng)站的架設(shè)與管理變得輕松。

4 教學(xué)的方法

為了激發(fā)學(xué)生的學(xué)習(xí)興趣，提高學(xué)生的主觀能動(dòng)性，要想使學(xué)生能夠?qū)λ鶎W(xué)的知識(shí)融會(huì)貫通，對(duì)所學(xué)的技術(shù)靈活運(yùn)用，要想在較短時(shí)間內(nèi)提高學(xué)生的動(dòng)手能力，必須采用行之有效的教學(xué)方法并加強(qiáng)實(shí)踐環(huán)節(jié)。

課程的前期，主要采用案例教學(xué)法根據(jù)教學(xué)目標(biāo)和內(nèi)容的需要，采用案例組織學(xué)生進(jìn)行學(xué)習(xí)、研究、鍛煉。案例教學(xué)可激發(fā)學(xué)生學(xué)習(xí)的興趣，增強(qiáng)學(xué)生在課堂上的參與感，幫助學(xué)生加深理解所學(xué)的基礎(chǔ)知識(shí)，從而提高教學(xué)質(zhì)量。

課程的中期，主要采用任務(wù)驅(qū)動(dòng)教學(xué)法把模板設(shè)計(jì)的教學(xué)內(nèi)容設(shè)計(jì)成一個(gè)或多個(gè)具體的任務(wù)，以完成一個(gè)個(gè)具體的任務(wù)為線索，把教學(xué)內(nèi)容巧妙地隱含在每個(gè)任務(wù)之中并引導(dǎo)學(xué)生完成任務(wù)，學(xué)生通過(guò)完成一個(gè)個(gè)具體的任務(wù)掌握教學(xué)內(nèi)容。采用任務(wù)驅(qū)動(dòng)教學(xué)法，能讓學(xué)生樂(lè)于學(xué)習(xí)、主動(dòng)學(xué)習(xí)、創(chuàng)造性地學(xué)習(xí)。

課程的后期，主要采用項(xiàng)目教學(xué)法通過(guò)實(shí)施一個(gè)完整的網(wǎng)站項(xiàng)目并在項(xiàng)目的具體實(shí)踐過(guò)程中“寓教于學(xué)”，具體做法是將一個(gè)完整的網(wǎng)站項(xiàng)目交給學(xué)生獨(dú)立完成，讓學(xué)生在教師的引導(dǎo)下獨(dú)自完成信息收集、方案設(shè)計(jì)、方案實(shí)施以及項(xiàng)目最終評(píng)價(jià)等整個(gè)過(guò)程。項(xiàng)目教學(xué)法在課堂教學(xué)中把理論與實(shí)踐教學(xué)有機(jī)地結(jié)合起來(lái)，有助于充分發(fā)掘?qū)W生的創(chuàng)造潛能，提高學(xué)生解決實(shí)際問(wèn)題的綜合能力。

5 課程的考核方式

《網(wǎng)站設(shè)計(jì)與維護(hù)》是一門(mén)實(shí)踐性較強(qiáng)的課程，開(kāi)設(shè)該門(mén)課程的主要目的是使學(xué)生具備使用CMS建設(shè)和維護(hù)網(wǎng)站的綜合能力，因此采用傳統(tǒng)的筆試考核模式不能真實(shí)地反映學(xué)生的學(xué)習(xí)情況，要想衡量學(xué)生學(xué)習(xí)這門(mén)課程的好壞，需將考試重點(diǎn)轉(zhuǎn)移到對(duì)學(xué)生的實(shí)際技能方面的考核上。

設(shè)立與本門(mén)課程相關(guān)的模板設(shè)計(jì)大賽或網(wǎng)站應(yīng)用設(shè)計(jì)大賽，是一種對(duì)學(xué)生綜合技能評(píng)價(jià)的有效方式。大賽為學(xué)生創(chuàng)造一個(gè)相互學(xué)習(xí)與交流的機(jī)會(huì)，搭建一個(gè)展示與宣傳自我的舞臺(tái)，讓更多的學(xué)生在了解和體驗(yàn)CMS網(wǎng)站管理系統(tǒng)的諸多特性與強(qiáng)大功能基礎(chǔ)上，熟悉和掌握網(wǎng)頁(yè)模板的設(shè)計(jì)方法與操作技巧，以創(chuàng)作出更多、更好、更美的網(wǎng)頁(yè)模板，充分展現(xiàn)獨(dú)具個(gè)性魅力的特色網(wǎng)站，促進(jìn)網(wǎng)絡(luò)事業(yè)的蓬勃發(fā)展。大賽重點(diǎn)審評(píng)學(xué)生對(duì)以下幾個(gè)項(xiàng)目的能力:頁(yè)面美術(shù)設(shè)計(jì)、網(wǎng)頁(yè)語(yǔ)言的掌握程度、對(duì)CMS的模板設(shè)計(jì)能力、創(chuàng)新能力、創(chuàng)意能力等，鼓勵(lì)有中國(guó)元素的民族風(fēng)格的原創(chuàng)設(shè)計(jì)作品和富有商業(yè)氣息、能營(yíng)造消費(fèi)購(gòu)物氛圍、時(shí)尚感強(qiáng)的商務(wù)設(shè)計(jì)作品。通過(guò)指導(dǎo)學(xué)生學(xué)習(xí)、設(shè)計(jì)，使用CMS制作指定主題的網(wǎng)站或自由設(shè)計(jì)的網(wǎng)站，提升學(xué)生對(duì)網(wǎng)站建設(shè)的愛(ài)好和興趣，創(chuàng)造良好的學(xué)習(xí)氛圍。

對(duì)于學(xué)生成績(jī)的評(píng)定，采取平時(shí)考查和實(shí)踐考核兩種方式，技能大賽成績(jī)作為總評(píng)成績(jī)加分的參考。平時(shí)成績(jī)占30%，平時(shí)成績(jī)根據(jù)學(xué)生的到課表現(xiàn)、上交作業(yè)、上機(jī)實(shí)習(xí)情況產(chǎn)生;實(shí)踐成績(jī)占70%，實(shí)踐成績(jī)根據(jù)期末學(xué)生所制作的作品情況產(chǎn)生。這種考核方式注重實(shí)踐操作和應(yīng)用開(kāi)發(fā)能力的培養(yǎng)，有利于提高學(xué)生的學(xué)習(xí)積極性和主動(dòng)性。

6 結(jié)束語(yǔ)

在教學(xué)過(guò)程中，只有從學(xué)生感興趣的角度出發(fā)，提供“簡(jiǎn)單、易懂、實(shí)用”的課程，才能讓學(xué)生對(duì)該門(mén)課程感興趣，讓學(xué)生從枯燥、乏味的認(rèn)知活動(dòng)中解脫出來(lái)。對(duì)課堂理論教學(xué)、實(shí)踐教學(xué)和課程考核方式等方面進(jìn)行探索和改革，能使學(xué)生從被動(dòng)學(xué)習(xí)轉(zhuǎn)變?yōu)橹鲃?dòng)學(xué)習(xí)，提高其實(shí)踐操作技能，拓展其知識(shí)面，并發(fā)展成為活潑有趣的學(xué)習(xí)過(guò)程。

將CMS引入《網(wǎng)站設(shè)計(jì)與維護(hù)》課程的教學(xué)中，及時(shí)地調(diào)整課程教學(xué)內(nèi)容，采取行之有效的多樣化的教學(xué)方法和手段，注重對(duì)學(xué)生實(shí)踐技能的考核，實(shí)現(xiàn)了教學(xué)內(nèi)容與行業(yè)技術(shù)同步發(fā)展，提高了教學(xué)質(zhì)量，按社會(huì)需求培養(yǎng)應(yīng)用型人才，收到良好的教學(xué)效果。

參考文獻(xiàn):

[1] 徐方，鄧敏.內(nèi)容管理系統(tǒng)(CMS)的發(fā)展與應(yīng)用[J].孝感學(xué)院學(xué)報(bào)，2007(3).

[2] 葉婉秋.實(shí)驗(yàn)教學(xué)法在“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程中的實(shí)施之體會(huì)[J].計(jì)算機(jī)教育，2007(18).

[3] 李向群，張鳳云，王新.案例式教學(xué)法在計(jì)算機(jī)基礎(chǔ)教學(xué)改革中的應(yīng)用[J]計(jì)算機(jī)教育，2008(22).

[4] 康梅娟.“網(wǎng)站建設(shè)與維護(hù)”課程的教學(xué)研究與實(shí)踐[J].計(jì)算機(jī)教育，2009(10).

[5] 顏謙和，顏珍平.“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程運(yùn)用案例教學(xué)法初探[J].計(jì)算機(jī)教育，2007(9):65-66.

[6] 耿璐，聶足.基于CMS的企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)[J].計(jì)算機(jī)工程與設(shè)計(jì)，2009(2).

[7] 黃海艇，胡俊溟.基于CMS的高校學(xué)院網(wǎng)站建設(shè)[J].電腦學(xué)習(xí)，2009(1).

[8] 孫毅，郭玲，陳惠敏，等.基于DedeCMS的高校院系網(wǎng)站建設(shè)[J].昌吉學(xué)院學(xué)報(bào)，2008(4).

[9] 黃傳河.網(wǎng)絡(luò)規(guī)劃設(shè)計(jì)師教程[M].北京:清華大學(xué)出版社，2009.