許雪松

(海安縣實(shí)驗(yàn)小學(xué)，江蘇南通 226600)

優(yōu)化制作流程，提高專題學(xué)習(xí)網(wǎng)站制作效率

許雪松

(海安縣實(shí)驗(yàn)小學(xué)，江蘇南通 226600)

文章參照“內(nèi)容、結(jié)構(gòu)、表示、行為”分開的網(wǎng)頁制作標(biāo)準(zhǔn)，探尋雙線程的專題學(xué)習(xí)網(wǎng)站開發(fā)模式，力求為開展學(xué)科與信息技術(shù)整合提供高效率的資源平臺。

專題學(xué)習(xí)網(wǎng)站；優(yōu)化流程；網(wǎng)站制作效率；學(xué)科與信息技術(shù)整合

隨著學(xué)科與信息技術(shù)整合研究的不斷深入，專題學(xué)習(xí)網(wǎng)站（主題學(xué)習(xí)網(wǎng)站）在其中扮演的角色越來越重要，它在營造新型教學(xué)環(huán)境、實(shí)現(xiàn)新的教與學(xué)方式、變革傳統(tǒng)教學(xué)結(jié)構(gòu)等方面具有特殊的優(yōu)勢。本文中的專題學(xué)習(xí)網(wǎng)站特指根據(jù)某一特定學(xué)習(xí)主題專門制作的資源網(wǎng)站，它實(shí)現(xiàn)的主要功能包括多類資源的呈現(xiàn)、教學(xué)中的實(shí)時(shí)評價(jià)、學(xué)習(xí)參與者的交流等。傳統(tǒng)的制作流程具有制作難度大、制作周期長等缺點(diǎn)，某種程度上制約了學(xué)科與信息技術(shù)整合的發(fā)展，因此，優(yōu)化專題學(xué)習(xí)網(wǎng)站制作流程，提高制作效率顯得尤為重要。

一、兩種專題學(xué)習(xí)網(wǎng)站流程對比

傳統(tǒng)的制作專題學(xué)習(xí)網(wǎng)站的主要流程是：教師備課—網(wǎng)站規(guī)劃—網(wǎng)站制作—教師試講—修改網(wǎng)站—完成制作。由于專題學(xué)習(xí)網(wǎng)站制作涉及視頻、圖像等多種媒體的加工，技術(shù)性較強(qiáng)，所以一般專題學(xué)習(xí)網(wǎng)站都由信息技術(shù)教師制作，備課教師提供素材。一堂成熟的課往往需要多次打磨，如果教案有了改動，那么量身定做的專題學(xué)習(xí)網(wǎng)站就避免不了大動干戈了。

目前主流網(wǎng)站都實(shí)現(xiàn)了三層結(jié)構(gòu)，即數(shù)據(jù)訪問層、業(yè)務(wù)邏輯層（又稱領(lǐng)域?qū)樱?、表示層。通過多種角色的參與細(xì)化網(wǎng)站制作分工，提高網(wǎng)站制作的效率。參照這一設(shè)計(jì)理念，在制作專題學(xué)習(xí)網(wǎng)站時(shí)，信息技術(shù)教師和執(zhí)教教師進(jìn)行分工，執(zhí)教教師負(fù)責(zé)內(nèi)容數(shù)據(jù)的編輯，信息技術(shù)教師負(fù)責(zé)邏輯層、表示層的制作。體現(xiàn)在流程上就是雙線程：信息技術(shù)教師，搭建網(wǎng)站平臺—根據(jù)教學(xué)的主題定制一套模板—修改模板；執(zhí)教教師，使用后臺完成欄目的設(shè)置—內(nèi)容的添加—欄目、內(nèi)容的修改調(diào)整。

傳統(tǒng)流程中，信息技術(shù)教師一般使用Dreamweaver或FrontPage等軟件制作一個(gè)站點(diǎn)，把備課教師的素材整合成一個(gè)網(wǎng)站，執(zhí)教教師和制作者始終有一方處于旁觀狀態(tài)。在教師試講后，如果教學(xué)方案有了調(diào)整，那么專題學(xué)習(xí)網(wǎng)站就需要隨之更改，甚至推倒重來。此種流程對信息技術(shù)教師依賴性大，哪怕幾個(gè)文字的修改執(zhí)教教師也不能自己動手。如果將“數(shù)據(jù)編輯”和“頁面表示”編輯工作分開，就能很好地解決這個(gè)問題，執(zhí)教者和信息技術(shù)教師各司其職，也相應(yīng)提高了專題學(xué)習(xí)網(wǎng)站的制作效率。

二、常見網(wǎng)站制作平臺簡介

目前許多網(wǎng)站都實(shí)現(xiàn)了 “前臺+后臺”的模式，即“數(shù)據(jù)”與“表示”分開，如果從零開始編寫此類系統(tǒng)，難度大且安全沒有保障，一般我們提倡“拿來主義”，找一些開發(fā)相對成熟的文章系統(tǒng)進(jìn)行二次開發(fā)。國內(nèi)比較好的網(wǎng)站平臺有塞普森信息管理系統(tǒng)、帝國網(wǎng)站管理系統(tǒng)、新云網(wǎng)站內(nèi)容管理系統(tǒng)、動易SiteFactory等，其中動易的產(chǎn)品市場占有率較高，目前約有60萬網(wǎng)站使用動易系統(tǒng)，成為國內(nèi)CMS開發(fā)的先進(jìn)企業(yè)之一。

動易產(chǎn)品中Siteweaver和SiteFactory都適合用來開發(fā)綜合性網(wǎng)站，目前比較流行這兩個(gè)版本。SiteFactory雖然是最新的CMS網(wǎng)站系統(tǒng)，實(shí)現(xiàn)了“DIV+CSS”頁面內(nèi)容與樣式分離的網(wǎng)站布局，訪問速度快，但是并不適合用來制作小型網(wǎng)站，主要原因是“DIV+CSS”模式對編寫者的代碼編寫要求高，目前不能實(shí)現(xiàn)可視化編寫。學(xué)校教師并不都是專業(yè)的網(wǎng)站開發(fā)人員，所見即所得的Siteweaver可以成為專題學(xué)習(xí)網(wǎng)站開發(fā)的利器。

SiteWeaver已經(jīng)實(shí)現(xiàn)開源化，安裝時(shí)不需要任何插件。它具有便捷的后臺管理功能，可以采用表格的方式對頁面元素進(jìn)行布局。登錄網(wǎng)站后臺，可以增加文章欄目，使用類似于Word工具的 “在線編輯器”添加文字、圖片、音視頻、Flash等內(nèi)容。欄目的名稱可以隨時(shí)修改、任意排序，文章的內(nèi)容也可任意修改、移動、刪除。

三、結(jié)合Siteweaver細(xì)談專題學(xué)習(xí)網(wǎng)站制作流程

在Siteweaver的平臺上，我校先后開發(fā)了 《莫高窟》、《黃果樹瀑布》、《長征》、《心臟與血液循環(huán)》等數(shù)十個(gè)專題學(xué)習(xí)網(wǎng)站，其中一些課例在省市內(nèi)有較大影響。由于團(tuán)隊(duì)協(xié)作、分工細(xì)致（見圖），制作一個(gè)較為成熟的專題學(xué)習(xí)網(wǎng)站的周期縮短到4-7個(gè)工作日，一些相對簡單的網(wǎng)站兩三天就能完成。

1.確定開發(fā)主題，完成教學(xué)設(shè)計(jì)

專題學(xué)習(xí)網(wǎng)站制作流程圖

信息技術(shù)與課程整合的微觀意義在于優(yōu)化，應(yīng)以是否利于學(xué)生綜合素質(zhì)提升為基本準(zhǔn)則。筆者不贊同為整合而整合，信息技術(shù)更多的是充當(dāng)平臺、載體?；谏鲜隹紤]，筆者認(rèn)為并不是所有的課程都適合在網(wǎng)絡(luò)環(huán)境下開展，教師在選擇主題時(shí)應(yīng)考慮這一點(diǎn)。

2.架設(shè)Siteweaver平臺，創(chuàng)建參與角色

登錄http://www.powereasy.net，下載最新版的Siteweaver，將代碼文件夾復(fù)制到服務(wù)器，打開IIS,配置好站點(diǎn)。Siteweaver提供SQL、Access兩種數(shù)據(jù)庫類型，由于執(zhí)教教師有時(shí)需要更換工作單位，需將網(wǎng)站在短時(shí)間內(nèi)安裝在其他服務(wù)器，對服務(wù)器的要求相對較低，而且專題學(xué)習(xí)網(wǎng)站的數(shù)據(jù)量較小，不需要大型數(shù)據(jù)庫，所以我們一般使用Access數(shù)據(jù)庫。

站點(diǎn)建立以后，還需設(shè)置不同的角色管理員，為接下來的雙線程制作網(wǎng)站做好準(zhǔn)備。一類為超級管理員，具有專題學(xué)習(xí)網(wǎng)站的全部管理權(quán)限；一類為內(nèi)容管理員，只能添加、修改欄目文章內(nèi)容，內(nèi)容管理員由執(zhí)教教師擔(dān)當(dāng)。內(nèi)容管理員的權(quán)限不宜過高，防止因誤操作破壞網(wǎng)站。

3.使用Photoshop設(shè)計(jì)網(wǎng)頁效果

專題學(xué)習(xí)網(wǎng)站的外觀很重要，必須緊扣主題。在參加一些教學(xué)交流時(shí)，筆者發(fā)現(xiàn)一些專題學(xué)習(xí)網(wǎng)站使用的是商務(wù)模板，或者網(wǎng)頁布局千篇一律，二次開發(fā)程度不高，嚴(yán)重影響了教學(xué)環(huán)境的營造。另外，如果網(wǎng)站制作完了再否定網(wǎng)站的布局、風(fēng)格，修改的工作量會很大，所以使用Photoshop設(shè)計(jì)好網(wǎng)站的效果圖尤為重要。設(shè)計(jì)好樣圖后，經(jīng)過執(zhí)教者或教學(xué)研修團(tuán)隊(duì)的討論后再進(jìn)行模板的設(shè)計(jì)。

4.切片制成網(wǎng)頁模板，添加數(shù)據(jù)標(biāo)簽

設(shè)計(jì)好樣圖后，還需使用Photoshop進(jìn)行切片。在Photoshop中選擇切片工具，將圖片中的“導(dǎo)航欄”、“banner”、“l(fā)ogo”等功能區(qū)域進(jìn)行劃分，然后單擊菜單“文件”—“保存為web所用格式”，輸出網(wǎng)頁和塊圖片，并將圖片上傳到服務(wù)器的站點(diǎn)文件夾內(nèi)。使用Dreamweaver對輸出的網(wǎng)頁進(jìn)行修改，如將需要呈現(xiàn)文字的單元格的圖片修改為背景圖片，為了防止頁面變形，還需設(shè)置好此單元格的寬度和高度。

在 Dreamweaver中使用 “查找、替換”將所有本地圖片地址修改為服務(wù)器地址后，就可以把代碼復(fù)制到Siteweaver中，并插入數(shù)據(jù)引用的代碼。

5.劃分網(wǎng)站欄目

執(zhí)教者根據(jù)課堂設(shè)計(jì)意圖在后臺設(shè)置好頻道和欄目名稱。在Siteweaver中，可以靈活地調(diào)整頻道欄目的名稱，并且可以設(shè)置是否在菜單中顯示。在頻道欄目設(shè)置時(shí)，要注意文章范圍不重疊、欄目設(shè)置具有開放性、欄目名稱的語言風(fēng)格一致等要求。

6.添加網(wǎng)站數(shù)據(jù)

頻道欄目設(shè)置好后，執(zhí)教者就可以上傳文章數(shù)據(jù)了。Siteweaver自帶了FCKeditor編輯器，執(zhí)教者可以像編輯Word文檔一樣編輯網(wǎng)頁內(nèi)容。在編輯框左側(cè)有“自動下載文章內(nèi)容里的圖片”復(fù)選框，啟用此功能后，如果從其它網(wǎng)站上復(fù)制內(nèi)容到右邊的編輯器中，并且內(nèi)容中包含有圖片，編輯器會在保存文章時(shí)自動把相關(guān)圖片復(fù)制到本站服務(wù)器上。有時(shí)文章較長，在需要分頁的位置單擊工具欄上的“P”插入手動分頁符按鈕，代碼中自動會插入[NextPage]標(biāo)簽，前臺頁面就會在此處進(jìn)行分頁。

7.修改網(wǎng)站

在執(zhí)教者試講后，依據(jù)研修團(tuán)隊(duì)的意見，信息技術(shù)教師和執(zhí)教者分頭修改，在最短的時(shí)間內(nèi)調(diào)整專題學(xué)習(xí)網(wǎng)站。

四、專題學(xué)習(xí)網(wǎng)站中的一些優(yōu)化措施

1.生成靜態(tài)頁面，提高訪問速度

學(xué)生在集體使用專題學(xué)習(xí)網(wǎng)站時(shí)，如果是動態(tài)頁面，服務(wù)器上的ASP解釋程序會在服務(wù)器端處理數(shù)據(jù)，并將結(jié)果以HTML格式傳送到客戶端瀏覽器上，因此服務(wù)器的壓力較大；如果專題學(xué)習(xí)網(wǎng)站采用的是靜態(tài)頁面，服務(wù)器的數(shù)據(jù)處理壓力就會降低，并能提高學(xué)生的訪問速度。因此，把動態(tài)頁面轉(zhuǎn)化成靜態(tài)頁面很有必要，在Siteweaver中，我們只需要把頻道屬性設(shè)為 “全部生成靜態(tài)頁面”，然后單擊“生成”，就能完成靜態(tài)頁面的轉(zhuǎn)換。

2.使用公網(wǎng)ip建站，異地編輯網(wǎng)站

信息技術(shù)教師經(jīng)常在單位加班，有時(shí)為了制作各種教學(xué)軟件通宵達(dá)旦，嚴(yán)重影響了生活。在架構(gòu)網(wǎng)站平臺時(shí)，可以將網(wǎng)站架設(shè)在公網(wǎng)，信息技術(shù)教師和執(zhí)教者可以分別在家中完成網(wǎng)頁制作，不受地點(diǎn)的限制。

3.嵌入使用第三方網(wǎng)頁模塊

Siteweaver等網(wǎng)站平臺并不是為教育教學(xué)量身定做的軟件平臺，所以我們還需要在其中嵌入一些功能模塊，如多樣化的投票統(tǒng)計(jì)系統(tǒng)、實(shí)時(shí)練習(xí)反饋系統(tǒng)、BBS討論區(qū)等。我們可以將這些源文件復(fù)制到站點(diǎn)文件夾內(nèi)，然后在Siteweaver中創(chuàng)建一個(gè)頁面，使用語句＜IFRAME style="WIDTH:648px;HEIGHT:292px"margin Width=0 marginHeight=0 src="/mgk/test/index.asp" frameBorder=0＞＜/IFRAME＞來嵌入。

使用雙線程制作專題學(xué)習(xí)網(wǎng)站，可以一定程度上減小信息技術(shù)教師的工作強(qiáng)度，提高執(zhí)教者的參與度，為執(zhí)教者提供了更靈活的資源平臺，降低了專題學(xué)習(xí)網(wǎng)站的技術(shù)門檻，可以為更廣范圍地開展學(xué)科與信息技術(shù)整合服務(wù)。

[1]朱成.巧用動易內(nèi)容管理系統(tǒng)構(gòu)建語文專題教學(xué)網(wǎng)站[J].中小學(xué)電教，2010，（5）.

[2]Siteweaver動易公司.“動易起航”[EB/OL].http://qihang.powereasy.net/Index.htm l.

G434

A

1673-8454（2011）18-0079-03

（編輯：魯利瑞）