安 進(jìn),孫 偉
(江蘇食品藥品職業(yè)技術(shù)學(xué)院,江蘇淮安 223003)
教學(xué)資源網(wǎng)絡(luò)化有利于實(shí)施創(chuàng)新教育,也可以為培養(yǎng)創(chuàng)新型人才提供廣闊的教育舞臺(tái);實(shí)現(xiàn)教學(xué)資源網(wǎng)絡(luò)化最佳的網(wǎng)絡(luò)平臺(tái)無(wú)疑是構(gòu)建教學(xué)課程網(wǎng)站[1]。筆者利用動(dòng)易CMS平臺(tái)建設(shè)了多個(gè)精品課程網(wǎng)站,在此基礎(chǔ)上總結(jié)并分享幾點(diǎn)課程網(wǎng)站建設(shè)經(jīng)驗(yàn)。
課程網(wǎng)站教學(xué)具有開(kāi)放性、交互性、自主性、技術(shù)性,而開(kāi)發(fā)課程網(wǎng)站的技術(shù)主要有以下三種:
靜態(tài)頁(yè)面是指無(wú)須經(jīng)過(guò)服務(wù)器編譯或執(zhí)行,直接加載到客戶端瀏覽器上顯示出來(lái)的頁(yè)面。主要是利用HTML語(yǔ)言直接編寫(xiě)頁(yè)面,或者利用FrontPage及Dreamweaver等可視化開(kāi)發(fā)工具設(shè)計(jì)網(wǎng)站頁(yè)面。靜態(tài)網(wǎng)頁(yè)是網(wǎng)站建設(shè)初期常見(jiàn)的一種構(gòu)建方法,其主要特點(diǎn)有兩個(gè)方面,一是瀏覽靜態(tài)網(wǎng)站頁(yè)面內(nèi)容總是一成不變的,除非網(wǎng)站的建設(shè)者修改網(wǎng)頁(yè)內(nèi)容;二是不能實(shí)現(xiàn)與瀏覽網(wǎng)頁(yè)的用戶之間的交互。信息的傳遞方向是單向的,即從服務(wù)器到瀏覽器。
動(dòng)態(tài)網(wǎng)頁(yè)就是建立在B/S結(jié)構(gòu)上的服務(wù)器端腳本程序,與靜態(tài)頁(yè)區(qū)別在于Web服務(wù)器對(duì)它們的處理方式不同。一方面,動(dòng)態(tài)網(wǎng)頁(yè)是以數(shù)據(jù)庫(kù)為基礎(chǔ)的,可以大大降低網(wǎng)站維護(hù)的工作量,另一方面,動(dòng)態(tài)網(wǎng)頁(yè)并不是獨(dú)立存在于服務(wù)上的網(wǎng)頁(yè)文件,只有當(dāng)用戶請(qǐng)求時(shí)服務(wù)器才返回一個(gè)完整的網(wǎng)頁(yè),根據(jù)不同的請(qǐng)求返回不同的網(wǎng)頁(yè)頁(yè)面。
服務(wù)端腳本和服務(wù)端程序以及數(shù)據(jù)庫(kù)才是實(shí)現(xiàn)真正動(dòng)態(tài)頁(yè)面的技術(shù)核心,服務(wù)端腳本和服務(wù)端程序主要有ASP.net、JSP以及PHP等三大主流技術(shù),而數(shù)據(jù)庫(kù)的應(yīng)用包括Access、MySQL,甚至SQL Server等。利用動(dòng)態(tài)頁(yè)面開(kāi)發(fā)技術(shù),必須由專(zhuān)業(yè)網(wǎng)站建設(shè)人員完成,因?yàn)檎n程建設(shè)人員自由地按照課程自身的特點(diǎn)和自己的意愿設(shè)計(jì)開(kāi)發(fā)網(wǎng)站仍然存在很大的技術(shù)障礙。
近年來(lái),針對(duì)課程網(wǎng)站建設(shè),出現(xiàn)了一些有代表性的專(zhuān)用開(kāi)發(fā)系統(tǒng),例如谷秋課程軟件、天空教室課程軟件等[2]。利用這些商業(yè)工具,課程建設(shè)者可通過(guò)短期培訓(xùn)就能通過(guò)向?qū)?、模板式開(kāi)發(fā)方法快速、高效地開(kāi)發(fā)課程網(wǎng)站。但利用此類(lèi)專(zhuān)用工具的缺點(diǎn)是成本較高,需支付一定的費(fèi)用購(gòu)買(mǎi)軟件和相關(guān)服務(wù);設(shè)計(jì)開(kāi)發(fā)出的網(wǎng)站或系統(tǒng)千篇一律,缺乏個(gè)性;二次開(kāi)發(fā)難度大,甚至無(wú)法進(jìn)行二次開(kāi)發(fā),系統(tǒng)升級(jí)成本較高。
綜上所述,最適合課程教學(xué)網(wǎng)站開(kāi)發(fā)與應(yīng)用的應(yīng)該是帶數(shù)據(jù)庫(kù)的動(dòng)態(tài)網(wǎng)頁(yè)開(kāi)發(fā)技術(shù),無(wú)論是課程網(wǎng)站界面的設(shè)計(jì)靈活性,還是后期運(yùn)行與維護(hù)的便利性,都得到了充分的保證。只是動(dòng)態(tài)網(wǎng)站建設(shè)的技術(shù)門(mén)檻較高,開(kāi)發(fā)周期較長(zhǎng),使得絕大多數(shù)有意開(kāi)發(fā)課程網(wǎng)站的教師望而卻步。近年來(lái),基于內(nèi)容管理系統(tǒng)(CMS)的課程網(wǎng)站開(kāi)發(fā)模式,大大地降低了課程網(wǎng)站的開(kāi)發(fā)難度,展現(xiàn)出旺盛的市場(chǎng)前景。
內(nèi)容管理系統(tǒng)(CMS)是一種運(yùn)用服務(wù)器端腳本語(yǔ)言對(duì)網(wǎng)站的欄目、內(nèi)容以及模板進(jìn)行管理和維護(hù)的系統(tǒng)[3]。其主要功能包括:用戶管理、欄目管理、內(nèi)容管理、模板管理、內(nèi)容審核與發(fā)布等。CMS的基本思想是將界面設(shè)計(jì)和內(nèi)容管理徹底分離,頁(yè)面布局和視覺(jué)設(shè)計(jì)交由模板文件處理,而網(wǎng)站內(nèi)容存儲(chǔ)在數(shù)據(jù)庫(kù)中[4]。CMS一般都采用數(shù)據(jù)庫(kù)驅(qū)動(dòng),網(wǎng)站內(nèi)容的更新和維護(hù)是通過(guò)基于數(shù)據(jù)庫(kù)技術(shù)的內(nèi)容管理系統(tǒng)完成,它將網(wǎng)站建設(shè)延伸為對(duì)信息資源的組織和管理。CMS模板選擇多樣化,一種布局的模板方案建立后可以快速地按照相同的模式設(shè)計(jì)出不同風(fēng)格的模板。
網(wǎng)站內(nèi)容管理系統(tǒng)的功能性強(qiáng)大,可以處理瀏覽器中所有支持的媒體類(lèi)型文件,如與教學(xué)相關(guān)的視頻、音頻、圖片、Flash動(dòng)畫(huà)及多媒體課件等多種類(lèi)型的內(nèi)容資源。因此,CMS可滿足課程網(wǎng)站所涉及的各種教學(xué)資源的上傳和管理。
結(jié)合本校的各級(jí)精品課程網(wǎng)站建設(shè)實(shí)踐,現(xiàn)對(duì)基于CMS的課程網(wǎng)站開(kāi)發(fā)技術(shù)總結(jié)如下:
制作網(wǎng)站的首選工具要屬Dreamweaver,它的集成性和可視性使得網(wǎng)頁(yè)的編寫(xiě)輕松很多,并且使開(kāi)發(fā)人員能夠快捷地創(chuàng)建代碼規(guī)范的應(yīng)用程序,發(fā)揮著主導(dǎo)作用。另外,很多時(shí)候需要編寫(xiě)一些JavaScript小程序,以產(chǎn)生更好更美觀的視覺(jué)效果和一些特殊效果。
一般以新聞形式為目的的網(wǎng)站在首頁(yè)設(shè)計(jì)上通常多以列表形式展現(xiàn),頁(yè)面中羅列出各個(gè)欄目數(shù)條最新添加的內(nèi)容,但作為一門(mén)課程展示的網(wǎng)站沒(méi)有較多的欄目,因此不易采用這種欄目列表的形式設(shè)計(jì)首頁(yè)。在設(shè)計(jì)課程網(wǎng)站首頁(yè)的時(shí)候要掌握一定的方法,多數(shù)網(wǎng)站頁(yè)面的基本結(jié)構(gòu)是采用“上中下”布局,作為課程網(wǎng)站也離不開(kāi)用這種方式進(jìn)行布局,只是在內(nèi)容的選取上有所區(qū)別,只需在網(wǎng)頁(yè)的上部分給出課程網(wǎng)站的幾個(gè)重要欄目的鏈接作為一級(jí)欄目;中部可采用幾張較大的圖片幻燈作為首頁(yè)的主體,在圖片上設(shè)計(jì)出能夠表現(xiàn)本門(mén)課程的標(biāo)語(yǔ)即可;底部可以從課程網(wǎng)站的特色著手規(guī)劃,比如“教學(xué)視頻”范例、“教學(xué)互動(dòng)”功能、“教學(xué)素材”資源庫(kù)、“在線測(cè)試”系統(tǒng)等,通過(guò)這樣的設(shè)計(jì)頁(yè)面就顯得簡(jiǎn)潔大方[5]。在導(dǎo)航的位置可以添加一個(gè)展開(kāi)式的網(wǎng)站地圖,這樣瀏覽者可以迅速地定位到所需要的欄目。
網(wǎng)站風(fēng)格模板是通過(guò)CSS樣式來(lái)進(jìn)行設(shè)計(jì)和控制整個(gè)網(wǎng)站的風(fēng)格樣式,CSS能夠?qū)W(wǎng)頁(yè)中的對(duì)象的位置排版進(jìn)行像素級(jí)的精確控制,支持幾乎所有的字體字號(hào)樣式,擁有對(duì)網(wǎng)頁(yè)對(duì)象和模型樣式編輯的能力,可控制整個(gè)網(wǎng)站在前臺(tái)顯示時(shí)看到的字體、風(fēng)格、圖片等樣式。
網(wǎng)站版式模板是用來(lái)顯示前臺(tái)時(shí)所看到的網(wǎng)頁(yè)的界面布局形式,如分欄、表格布局、圖片和文字要顯示的位置等樣式,有時(shí)也稱(chēng)為版面設(shè)計(jì)、版面劃分或版面布局。版式模板包括網(wǎng)站通用模板和首頁(yè)、欄目頁(yè)、內(nèi)容頁(yè)等頁(yè)面的模板。
利用強(qiáng)大的后臺(tái)模板管理功能可以方便高效地為網(wǎng)站制定出一套統(tǒng)一的界面,課程網(wǎng)站本身的規(guī)模不大,只需要制定四種不同頁(yè)面的模板就可以了,即首頁(yè)模板、欄目列表模板、內(nèi)容頁(yè)模板和單頁(yè)模板。這幾種不同模板也有其共同的模塊,即頁(yè)面的頂部和頁(yè)面的底部,為了方便制作,后臺(tái)提供有標(biāo)簽設(shè)計(jì),設(shè)計(jì)好標(biāo)簽后只需要在需要相同的部分插入相應(yīng)的標(biāo)簽即可。
下面以一個(gè)課程網(wǎng)站首頁(yè)頁(yè)面為例,給出從設(shè)計(jì)到制作的完整過(guò)程。
(1)在制作模板前,先要使用Photoshop、Fireworks等圖形設(shè)計(jì)軟件制作效果圖,然后利用這些軟件的導(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)類(lèi)型的版式模板,將Web文件的源代碼拷入模板中并保存。將添加或修改的模板設(shè)置成默認(rèn)模板。如果您開(kāi)啟了生成HTML功能,重新生成相關(guān)頁(yè)面,刷新前臺(tái)頁(yè)面即可看到新模板的效果。
在課程網(wǎng)站建設(shè)過(guò)程中,知識(shí)共享并不意味著所有知識(shí)都是可以讓所有的人共享的,很多情況下,不同層面的知識(shí)必須對(duì)應(yīng)不同身份的人開(kāi)放,也就是說(shuō),某些知識(shí)要對(duì)某些特定的人群有一定的閱讀權(quán)限,也可以細(xì)分到某一特定的欄目。動(dòng)易CMS平臺(tái)提供了三級(jí)的欄目瀏覽權(quán)限控制(開(kāi)放欄目、半開(kāi)放欄目、認(rèn)證欄目),可以根據(jù)課程資源的保密需求,設(shè)定欄目是否開(kāi)放,或者可開(kāi)放給哪些用戶瀏覽。例如課程介紹、課程負(fù)責(zé)人、課程團(tuán)隊(duì)、課程描述可以對(duì)所有人開(kāi)放,而在線測(cè)試系統(tǒng)只需要對(duì)在校的學(xué)生開(kāi)放。
CMS技術(shù)使得課程網(wǎng)站的開(kāi)發(fā)可以使靜態(tài)頁(yè)面的界面具有美觀性及快速瀏覽性,同時(shí)又有動(dòng)態(tài)頁(yè)面的可維護(hù)性、可持續(xù)發(fā)展性;多數(shù)CMS系統(tǒng)是免費(fèi)的,不僅為課程建設(shè)者節(jié)約了成本,又可方便地進(jìn)行二次開(kāi)發(fā),設(shè)計(jì)實(shí)現(xiàn)更具個(gè)性特色和課程特點(diǎn)的網(wǎng)站。
基于CMS的課程網(wǎng)站開(kāi)發(fā)技術(shù)已經(jīng)比較成熟,無(wú)論是計(jì)算機(jī)專(zhuān)業(yè)教師還是其他有一定計(jì)算機(jī)基礎(chǔ)的愛(ài)好者,都可以較方便地根據(jù)課程特點(diǎn)開(kāi)發(fā)出易用、好用、夠用的課程教學(xué)網(wǎng)站,促進(jìn)課程教學(xué)改革,提升課程教學(xué)效果。
:
[1]國(guó)家精品課程資源中心.國(guó)家精品課程資源網(wǎng)[EB/OL].http://www.jingpinke.com.
[2]王濤.基于CMS的精品課程網(wǎng)站建設(shè)研究與實(shí)踐[J].現(xiàn)代教育技術(shù),2011,(6):120.
[3]吳冬晨.基于CMS的《網(wǎng)站設(shè)計(jì)與維護(hù)》課程教學(xué)的研究與實(shí)踐[J].電腦知識(shí)與技術(shù),2010,(6):750.
[4]陳曉燕.基于CMS的學(xué)科專(zhuān)業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)[J].中國(guó)現(xiàn)代教育裝備,2011,(21):15.
[5]江蘇食品藥品職業(yè)技術(shù)學(xué)院.《食品生產(chǎn)技術(shù)》精品課程網(wǎng)站[EB/OL].http://222.184.16.157/jpkc.