基于CMS的課程網站建設研究與實踐

安 進，孫 偉

（江蘇食品藥品職業技術學院，江蘇淮安 223003）

教學資源網絡化有利于實施創新教育，也可以為培養創新型人才提供廣闊的教育舞臺;實現教學資源網絡化最佳的網絡平臺無疑是構建教學課程網站［1］。筆者利用動易CMS平臺建設了多個精品課程網站，在此基礎上總結并分享幾點課程網站建設經驗。

一、課程網站建設的主要技術

課程網站教學具有開放性、交互性、自主性、技術性，而開發課程網站的技術主要有以下三種:

1.靜態頁面開發技術

靜態頁面是指無須經過服務器編譯或執行，直接加載到客戶端瀏覽器上顯示出來的頁面。主要是利用HTML語言直接編寫頁面，或者利用FrontPage及Dreamweaver等可視化開發工具設計網站頁面。靜態網頁是網站建設初期常見的一種構建方法，其主要特點有兩個方面，一是瀏覽靜態網站頁面內容總是一成不變的，除非網站的建設者修改網頁內容;二是不能實現與瀏覽網頁的用戶之間的交互。信息的傳遞方向是單向的，即從服務器到瀏覽器。

2.動態頁面開發技術

動態網頁就是建立在B/S結構上的服務器端腳本程序，與靜態頁區別在于Web服務器對它們的處理方式不同。一方面，動態網頁是以數據庫為基礎的，可以大大降低網站維護的工作量，另一方面，動態網頁并不是獨立存在于服務上的網頁文件，只有當用戶請求時服務器才返回一個完整的網頁，根據不同的請求返回不同的網頁頁面。

服務端腳本和服務端程序以及數據庫才是實現真正動態頁面的技術核心，服務端腳本和服務端程序主要有ASP.net、JSP以及PHP等三大主流技術，而數據庫的應用包括Access、MySQL，甚至SQL Server等。利用動態頁面開發技術，必須由專業網站建設人員完成，因為課程建設人員自由地按照課程自身的特點和自己的意愿設計開發網站仍然存在很大的技術障礙。

3.專用開發技術

近年來，針對課程網站建設，出現了一些有代表性的專用開發系統，例如谷秋課程軟件、天空教室課程軟件等［2］。利用這些商業工具，課程建設者可通過短期培訓就能通過向導、模板式開發方法快速、高效地開發課程網站。但利用此類專用工具的缺點是成本較高，需支付一定的費用購買軟件和相關服務;設計開發出的網站或系統千篇一律，缺乏個性;二次開發難度大，甚至無法進行二次開發，系統升級成本較高。

綜上所述，最適合課程教學網站開發與應用的應該是帶數據庫的動態網頁開發技術，無論是課程網站界面的設計靈活性，還是后期運行與維護的便利性，都得到了充分的保證。只是動態網站建設的技術門檻較高，開發周期較長，使得絕大多數有意開發課程網站的教師望而卻步。近年來，基于內容管理系統（CMS）的課程網站開發模式，大大地降低了課程網站的開發難度，展現出旺盛的市場前景。

二、基于CMS建設課程網站

1.內容管理系統（CMS）

內容管理系統（CMS）是一種運用服務器端腳本語言對網站的欄目、內容以及模板進行管理和維護的系統［3］。其主要功能包括:用戶管理、欄目管理、內容管理、模板管理、內容審核與發布等。CMS的基本思想是將界面設計和內容管理徹底分離，頁面布局和視覺設計交由模板文件處理，而網站內容存儲在數據庫中［4］。CMS一般都采用數據庫驅動，網站內容的更新和維護是通過基于數據庫技術的內容管理系統完成，它將網站建設延伸為對信息資源的組織和管理。CMS模板選擇多樣化，一種布局的模板方案建立后可以快速地按照相同的模式設計出不同風格的模板。

2.CMS對課程內容的技術支撐

網站內容管理系統的功能性強大，可以處理瀏覽器中所有支持的媒體類型文件，如與教學相關的視頻、音頻、圖片、Flash動畫及多媒體課件等多種類型的內容資源。因此，CMS可滿足課程網站所涉及的各種教學資源的上傳和管理。

三、基于CMS的課程網站開發實踐

結合本校的各級精品課程網站建設實踐，現對基于CMS的課程網站開發技術總結如下:

1.網站制作工具的選擇

制作網站的首選工具要屬Dreamweaver，它的集成性和可視性使得網頁的編寫輕松很多，并且使開發人員能夠快捷地創建代碼規范的應用程序，發揮著主導作用。另外，很多時候需要編寫一些JavaScript小程序，以產生更好更美觀的視覺效果和一些特殊效果。

2.頁面布局

一般以新聞形式為目的的網站在首頁設計上通常多以列表形式展現，頁面中羅列出各個欄目數條最新添加的內容，但作為一門課程展示的網站沒有較多的欄目，因此不易采用這種欄目列表的形式設計首頁。在設計課程網站首頁的時候要掌握一定的方法，多數網站頁面的基本結構是采用“上中下”布局，作為課程網站也離不開用這種方式進行布局，只是在內容的選取上有所區別，只需在網頁的上部分給出課程網站的幾個重要欄目的鏈接作為一級欄目;中部可采用幾張較大的圖片幻燈作為首頁的主體，在圖片上設計出能夠表現本門課程的標語即可;底部可以從課程網站的特色著手規劃，比如“教學視頻”范例、“教學互動”功能、“教學素材”資源庫、“在線測試”系統等，通過這樣的設計頁面就顯得簡潔大方［5］。在導航的位置可以添加一個展開式的網站地圖，這樣瀏覽者可以迅速地定位到所需要的欄目。

3.模板制作

網站風格模板是通過CSS樣式來進行設計和控制整個網站的風格樣式，CSS能夠對網頁中的對象的位置排版進行像素級的精確控制，支持幾乎所有的字體字號樣式，擁有對網頁對象和模型樣式編輯的能力，可控制整個網站在前臺顯示時看到的字體、風格、圖片等樣式。

網站版式模板是用來顯示前臺時所看到的網頁的界面布局形式，如分欄、表格布局、圖片和文字要顯示的位置等樣式，有時也稱為版面設計、版面劃分或版面布局。版式模板包括網站通用模板和首頁、欄目頁、內容頁等頁面的模板。

利用強大的后臺模板管理功能可以方便高效地為網站制定出一套統一的界面，課程網站本身的規模不大，只需要制定四種不同頁面的模板就可以了，即首頁模板、欄目列表模板、內容頁模板和單頁模板。這幾種不同模板也有其共同的模塊，即頁面的頂部和頁面的底部，為了方便制作，后臺提供有標簽設計，設計好標簽后只需要在需要相同的部分插入相應的標簽即可。

下面以一個課程網站首頁頁面為例，給出從設計到制作的完整過程。

（1）在制作模板前，先要使用Photoshop、Fireworks等圖形設計軟件制作效果圖，然后利用這些軟件的導出成Web格式文件功能，將效果圖輸出成Web文件和圖片文件夾。

（2）在Dreamweaver等網頁設計軟件中修改Web文件，將需要顯示相關內容的地方修改或插入相應的標簽。

（3）將圖片文件夾上傳至網站的目錄中，同時添加或修改相關類型的版式模板，將Web文件的源代碼拷入模板中并保存。將添加或修改的模板設置成默認模板。如果您開啟了生成HTML功能，重新生成相關頁面，刷新前臺頁面即可看到新模板的效果。

3.信息共享與安全性

在課程網站建設過程中，知識共享并不意味著所有知識都是可以讓所有的人共享的，很多情況下，不同層面的知識必須對應不同身份的人開放，也就是說，某些知識要對某些特定的人群有一定的閱讀權限，也可以細分到某一特定的欄目。動易CMS平臺提供了三級的欄目瀏覽權限控制（開放欄目、半開放欄目、認證欄目），可以根據課程資源的保密需求，設定欄目是否開放，或者可開放給哪些用戶瀏覽。例如課程介紹、課程負責人、課程團隊、課程描述可以對所有人開放，而在線測試系統只需要對在校的學生開放。

四、結束語

CMS技術使得課程網站的開發可以使靜態頁面的界面具有美觀性及快速瀏覽性，同時又有動態頁面的可維護性、可持續發展性;多數CMS系統是免費的，不僅為課程建設者節約了成本，又可方便地進行二次開發，設計實現更具個性特色和課程特點的網站。

基于CMS的課程網站開發技術已經比較成熟，無論是計算機專業教師還是其他有一定計算機基礎的愛好者，都可以較方便地根據課程特點開發出易用、好用、夠用的課程教學網站，促進課程教學改革，提升課程教學效果。

:

［1］國家精品課程資源中心.國家精品課程資源網［EB/OL］.http://www.jingpinke.com.

［2］王濤.基于CMS的精品課程網站建設研究與實踐［J］.現代教育技術，2011，（6）:120.

［3］吳冬晨.基于CMS的《網站設計與維護》課程教學的研究與實踐［J］.電腦知識與技術，2010，（6）:750.

［4］陳曉燕.基于CMS的學科專業網站的設計與實現［J］.中國現代教育裝備，2011，（21）:15.

［5］江蘇食品藥品職業技術學院.《食品生產技術》精品課程網站［EB/OL］.http://222.184.16.157/jpkc.