安 進，孫 偉

（江蘇食品藥品職業(yè)技術(shù)學院，江蘇淮安 223003）

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

一、課程網(wǎng)站建設的主要技術(shù)

課程網(wǎng)站教學具有開放性、交互性、自主性、技術(shù)性，而開發(fā)課程網(wǎng)站的技術(shù)主要有以下三種:

1.靜態(tài)頁面開發(fā)技術(shù)

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

2.動態(tài)頁面開發(fā)技術(shù)

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

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

3.專用開發(fā)技術(shù)

近年來，針對課程網(wǎng)站建設，出現(xiàn)了一些有代表性的專用開發(fā)系統(tǒng)，例如谷秋課程軟件、天空教室課程軟件等［2］。利用這些商業(yè)工具，課程建設者可通過短期培訓就能通過向?qū)А⒛０迨介_發(fā)方法快速、高效地開發(fā)課程網(wǎng)站。但利用此類專用工具的缺點是成本較高，需支付一定的費用購買軟件和相關(guān)服務;設計開發(fā)出的網(wǎng)站或系統(tǒng)千篇一律，缺乏個性;二次開發(fā)難度大，甚至無法進行二次開發(fā)，系統(tǒng)升級成本較高。

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

二、基于CMS建設課程網(wǎng)站

1.內(nèi)容管理系統(tǒng)（CMS）

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

2.CMS對課程內(nèi)容的技術(shù)支撐

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

三、基于CMS的課程網(wǎng)站開發(fā)實踐

結(jié)合本校的各級精品課程網(wǎng)站建設實踐，現(xiàn)對基于CMS的課程網(wǎng)站開發(fā)技術(shù)總結(jié)如下:

1.網(wǎng)站制作工具的選擇

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

2.頁面布局

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

3.模板制作

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

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

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

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

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

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

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

3.信息共享與安全性

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

四、結(jié)束語

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

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

:

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

［2］王濤.基于CMS的精品課程網(wǎng)站建設研究與實踐［J］.現(xiàn)代教育技術(shù)，2011，（6）:120.

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

［4］陳曉燕.基于CMS的學科專業(yè)網(wǎng)站的設計與實現(xiàn)［J］.中國現(xiàn)代教育裝備，2011，（21）:15.

［5］江蘇食品藥品職業(yè)技術(shù)學院.《食品生產(chǎn)技術(shù)》精品課程網(wǎng)站［EB/OL］.http://222.184.16.157/jpkc.