六年級語文外國文學(xué)專題網(wǎng)站的設(shè)計與開發(fā)

☆李曉霞

（1.西北大學(xué)數(shù)學(xué)與科學(xué)史研究中心，陜西西安 710069；2.咸陽師范學(xué)院教育科學(xué)院，陜西咸陽 712000）

信息技術(shù)在教育、教學(xué)中的廣泛運(yùn)用是如今教育發(fā)展的趨勢之一，尤其是各類專題學(xué)習(xí)網(wǎng)站越來越受到眾多教育者和學(xué)習(xí)者的關(guān)注。專題網(wǎng)站憑借其顯著的特點(diǎn)能激發(fā)學(xué)習(xí)者的學(xué)習(xí)興趣，提高學(xué)習(xí)效率，有利于學(xué)習(xí)者的全面發(fā)展。本文以人民教育出版社出版的六年級語文下冊第四單元為例，設(shè)計、開發(fā)、制作了關(guān)于外國文學(xué)的專題網(wǎng)站。

一、當(dāng)前語文專題網(wǎng)站構(gòu)建中存在的問題

（一）頁面不夠美觀

瀏覽眾多專題網(wǎng)站，發(fā)現(xiàn)不少網(wǎng)站的整體色調(diào)、界面設(shè)計不夠合理，不夠美觀宜人，不能滿足學(xué)生的審美心理。例如：小學(xué)語文教學(xué)（http://vastman.com）這個網(wǎng)站，界面設(shè)計凌亂，布局不合理，主題不突出，顏色搭配不協(xié)調(diào)，缺乏藝術(shù)美感。再比如：K12 教育網(wǎng)（http://K12.com.cn），定制雜志、銷售期刊的廣告、“廣告位招商”等信息醒目，而學(xué)習(xí)內(nèi)容卻沒凸顯出來，混淆了主次，從整體來看頁面的美化設(shè)計還有待提高。

（二）信息的組織以及與多媒體的結(jié)合還不完善

許多語文專題網(wǎng)站，雖然設(shè)置了童話故事、腦筋急轉(zhuǎn)彎、寓言故事等課外文章的閱讀，文化氛圍很濃，開闊了學(xué)習(xí)者的視野。但是，信息組織凌亂、表現(xiàn)形式單一，課堂搬家式地組織學(xué)習(xí)內(nèi)容，未能將圖像、動畫、視頻、音頻等多媒體恰當(dāng)?shù)厝诤显谄渲校荒芗ぐl(fā)學(xué)習(xí)者的學(xué)習(xí)興趣促進(jìn)有效學(xué)習(xí)。

（三）資源的共享以及學(xué)習(xí)者之間的合作交流不夠健全

專題網(wǎng)站為學(xué)習(xí)者提供了豐富的學(xué)習(xí)資源，擴(kuò)展了知識。但這些知識都是網(wǎng)站制作者搜集好放上去的，學(xué)習(xí)者只能瀏覽或下載，卻沒有提供一個平臺供學(xué)習(xí)者把自己學(xué)習(xí)資料上傳到資源庫，供更多的學(xué)習(xí)者分享。多數(shù)專題網(wǎng)站都有BBS或者論壇供學(xué)習(xí)者之間交流，但這種交流多數(shù)不是實(shí)時的，具有一定的延遲性，另外，回帖也需要一定的時間，師生間信息的反饋也存在一定的障礙，因此，建立方便快捷的交流平臺還有待解決。

二、六年級外國文學(xué)專題網(wǎng)站的設(shè)計原則

（一）學(xué)習(xí)者的特點(diǎn)分析與需求分析

小學(xué)六年級是一個關(guān)鍵時期，是小學(xué)學(xué)習(xí)的最高、最后階段，也是即將升入初中開始新的學(xué)習(xí)的分界點(diǎn)。這個時期的學(xué)生雖然有意記憶、抽象記憶有所發(fā)展，但具體形象記憶與思維活動的作用仍非常明顯；雖然在意志、自覺性、果斷性、自制性等方面有一定發(fā)展，但不顯著；同時，他們的個性在不斷發(fā)展，并具有一定的價值判斷能力。

針對六年級學(xué)生存在的以上特點(diǎn)，外國文學(xué)專題網(wǎng)站的功能需求包括：

（1）學(xué)習(xí)者通過使用本網(wǎng)站能夠?qū)W會相應(yīng)的外國文學(xué)知識，對學(xué)生自學(xué)有一定的幫助。網(wǎng)站通過單元目標(biāo)、課文學(xué)習(xí)目標(biāo)給出學(xué)習(xí)者明確的學(xué)習(xí)方向，通過對生字詞、課文內(nèi)容的學(xué)習(xí)掌握相關(guān)知識，并通過課堂視頻實(shí)錄進(jìn)一步學(xué)習(xí)。

（2）能夠給學(xué)習(xí)者提供豐富的擴(kuò)展知識以及相應(yīng)的休閑娛樂影視。網(wǎng)站的學(xué)習(xí)資源中為學(xué)習(xí)者提供了本單元作者的其他文學(xué)作品以及其他名家的優(yōu)秀作品。每篇課文有相關(guān)的動畫片或者電影，學(xué)習(xí)者通過影視欣賞身臨其境地感受課文的深刻內(nèi)涵。

（3）為學(xué)習(xí)者提供一個自由交流、協(xié)作學(xué)習(xí)的平臺。網(wǎng)站提供了交流討論的論壇，學(xué)習(xí)者可以將自己的疑惑或者心得發(fā)在論壇上與其他學(xué)習(xí)者討論，也可以將試題中的開放性試題如賣火柴的小女孩、凡卡等文章續(xù)寫或協(xié)作續(xù)寫，發(fā)布到網(wǎng)上與其他學(xué)習(xí)者分享。

（二）設(shè)計原則

針對不同的學(xué)習(xí)者，網(wǎng)站開發(fā)的目標(biāo)不同，網(wǎng)站的設(shè)計原則也就不同，在設(shè)計、開發(fā)六年級外國文學(xué)專題網(wǎng)站時應(yīng)該遵循以下原則：

1.學(xué)習(xí)主體的特定性

語文專題學(xué)習(xí)網(wǎng)站不象綜合性教育網(wǎng)站、網(wǎng)絡(luò)資源庫和網(wǎng)絡(luò)課程等是面向普通大眾，一旦專題內(nèi)容的確定，它就有特定的受眾群，究竟供哪個類別、哪個層次的教師和學(xué)生使用，他們的知識層次、能力水平、心理特點(diǎn)、實(shí)際需要如何，建站前都要了如指掌，這樣才能具有很強(qiáng)的針對性。[1]而本專題網(wǎng)站是專門針對小學(xué)六年級學(xué)生開發(fā)的外國文學(xué)網(wǎng)站，通過專題學(xué)習(xí)，既能促進(jìn)學(xué)習(xí)者的有效學(xué)習(xí)，又能學(xué)習(xí)語言、陶冶情操，在情感、態(tài)度、價值觀方面受到啟迪和教育。

2.多媒體性

本專題網(wǎng)站在設(shè)計開發(fā)時不僅以文本形式呈現(xiàn)學(xué)習(xí)內(nèi)容，而且每篇課文都有相關(guān)的動畫或電影，學(xué)習(xí)者通過影視欣賞身臨其境體會外國文學(xué)的深刻內(nèi)涵。課文還添加了音頻、視頻元素，除了課文朗讀外，在名家作品欣賞欄目中也可以通過音頻播放來傾聽理解相關(guān)作品。

3.結(jié)構(gòu)的合理性

設(shè)計專題學(xué)習(xí)網(wǎng)站時，結(jié)構(gòu)要恰當(dāng)、合乎邏輯，符合學(xué)習(xí)者的學(xué)習(xí)特征和邏輯順序?；诖?，本專題網(wǎng)站的邏輯結(jié)構(gòu)設(shè)計如下：①相關(guān)語文知識的展示：文本、圖片、圖像、動畫、視頻等相關(guān)資料知識結(jié)構(gòu)重組，做到內(nèi)容正確、層次清晰。②相關(guān)擴(kuò)展性學(xué)習(xí)資源：將與學(xué)習(xí)專題相關(guān)的擴(kuò)展性的學(xué)習(xí)資源進(jìn)行收集管理。除相關(guān)的文本、圖片、圖像、動畫、視頻等資源外，也包括語文學(xué)習(xí)的相關(guān)資源網(wǎng)站的鏈接。③網(wǎng)上討論交流：網(wǎng)站提供交流討論的論壇，學(xué)習(xí)者可以將自己的問題或者心得發(fā)在論壇上與其他學(xué)習(xí)者進(jìn)行討論，也可以將試題中的開放試題如賣火柴的小女孩續(xù)寫、凡卡續(xù)寫，發(fā)布到網(wǎng)上與其他學(xué)習(xí)者分享。④網(wǎng)上試題測試：收集與課文相關(guān)的思考性問題設(shè)計成開放性試題，學(xué)習(xí)者可以將自己的看法發(fā)布到論壇里，通過與他人的交流進(jìn)行自我評價和他人評價。

4.界面友好性

網(wǎng)站的整體色調(diào)、界面形式要生動活潑、美觀宜人，符合學(xué)生的審美心理；跳轉(zhuǎn)或鏈接方式要流暢自如，符合學(xué)生的學(xué)習(xí)心理；提示信息要詳細(xì)、準(zhǔn)確、恰當(dāng)；界面親切友好，操作簡單，有良好的交互性，不需要大量的預(yù)備技能，讓學(xué)生一見傾心，激發(fā)起他們強(qiáng)烈的學(xué)習(xí)興趣。

三、六年級外國文學(xué)專題網(wǎng)站的設(shè)計開發(fā)

（一）網(wǎng)站開發(fā)工具

本 專 題 網(wǎng) 站 主 要 用 Dreamweaver、SQL Server、Photoshop CS4等工具來設(shè)計開發(fā)。網(wǎng)站中所有圖片、藝術(shù) 文字、界面設(shè)計都用Photoshop CS4來處理；本系統(tǒng)數(shù)據(jù)庫包含了三個表：用戶表（用戶名、密碼、是否在線）、消息表(發(fā)送者、接收者、表情、消息字體顏色等)、文件表(發(fā)送者、接收者、發(fā)送時間等)；ASP鏈接后臺數(shù)據(jù)庫，主頁和各鏈接網(wǎng)頁主要用Dreamweaver編輯生成。

（二）素材準(zhǔn)備與處理

本專題網(wǎng)站運(yùn)用了大量的多媒體元素，因此，除了對文學(xué)作品文本內(nèi)容進(jìn)行搜集外，搜集了大量的教學(xué)視頻、電影、動畫片、音頻以及圖片，還通過Photoshop軟件對圖片的尺寸大小以及背景字體等做了相應(yīng)的處理。

（三）網(wǎng)站的內(nèi)容設(shè)計開發(fā)

本專題網(wǎng)站的內(nèi)容主要包括首頁、單元向?qū)?、課文目錄、學(xué)習(xí)資源、小語網(wǎng)刊、交流討論六大模塊。

（1）首頁中包含公告、登錄、網(wǎng)站的說明。公告將網(wǎng)站的最新動態(tài)告知學(xué)習(xí)者，比如×年×月×日系統(tǒng)進(jìn)行維護(hù)停止使用或者網(wǎng)站維護(hù)者對網(wǎng)站進(jìn)行了哪些新的更新以及優(yōu)秀文章推薦等；通過登錄能夠快速登錄到論壇；網(wǎng)站說明是對網(wǎng)站的取材以及目標(biāo)做簡要說明。

（2）單元向?qū)О▎卧喗?、單元目?biāo)。單元簡介對這一單元的課文進(jìn)行簡單介紹；單元目標(biāo)給出這一單元學(xué)習(xí)的整體目標(biāo)，使學(xué)習(xí)者明確學(xué)習(xí)目標(biāo)。

（3）課文目錄下拉子菜單中給出了本單元課文的題目，點(diǎn)擊題目進(jìn)入課文學(xué)習(xí)單元，包括學(xué)習(xí)目標(biāo)、作者簡介、生字生詞、課文朗讀、內(nèi)容講解、教學(xué)視頻、課堂筆記、即時練習(xí)、課外賞析、影視欣賞等部分。

（4）學(xué)習(xí)資源包括模擬試題、優(yōu)秀課件、名家作品、影視欣賞四部分。模擬試題搜集了與課文有關(guān)的或與六年級語文下冊有關(guān)的期中期末測試題；優(yōu)秀課件包括課文內(nèi)容講解的視頻以及PPT；名家作品提供了本單元作者的其他文學(xué)作品以及享有好評的其他名家的優(yōu)秀作品；影視欣賞提供了名家作品中相關(guān)的電影或動畫片，以便學(xué)習(xí)者更好地理解文學(xué)內(nèi)涵。

（5）小語網(wǎng)刊里面包含電子刊物。將論壇里學(xué)習(xí)者發(fā)表的好的文章搜集整理，以及一些適合六年級同齡學(xué)生在生活、學(xué)習(xí)、人際關(guān)系等方面的常識整合成電子刊物。

（6）交流討論模塊為學(xué)習(xí)者提供了一個自由交流合作的平臺。學(xué)習(xí)者可以相互交流學(xué)習(xí)心得或?qū)⒆约旱膯栴}、觀點(diǎn)與其他學(xué)習(xí)者、教師探討，也可以將試題中的開放試題如賣火柴的小女孩、凡卡續(xù)寫，并發(fā)布到平臺上與其他學(xué)習(xí)者分享。

（四）網(wǎng)站的界面設(shè)計開發(fā)

網(wǎng)頁設(shè)計者不僅要掌握基本的網(wǎng)頁制作技術(shù)，還需要掌握網(wǎng)頁設(shè)計的色彩風(fēng)格、色彩搭配等方面的設(shè)計藝術(shù)，以便在網(wǎng)頁設(shè)計中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，把握色彩對人們心理的影響作用，合理地加以運(yùn)用，將不同的色彩進(jìn)行組合、協(xié)調(diào)來構(gòu)成更加符合審美規(guī)律和個性風(fēng)格的頁面，從而使人瀏覽起來心情愉悅，接收信息更加迅捷。[2]因此，本網(wǎng)站頁面的主色調(diào)以綠色為主，綠色介于冷暖兩種色彩的中間，顯得和睦、寧靜、健康、安全的感覺，同時也是一種象征生命、生機(jī)勃勃的感覺，很適合六年級這個年齡段的學(xué)習(xí)者。考慮到學(xué)習(xí)者對專題網(wǎng)站的熟悉程度，頁面中凡是有鏈接的地方都有下劃線；有圖片鏈接的地方都有文字性提示，點(diǎn)擊圖片進(jìn)入相應(yīng)的課文進(jìn)行學(xué)習(xí)。首頁如圖1所示，該頁面包括公告、用戶登錄、圖片鏈接以及關(guān)于網(wǎng)站的介紹。

圖1 首頁

除了通過圖片進(jìn)入課文學(xué)習(xí)外，也可以通過目錄進(jìn)入課文學(xué)習(xí)界面（如圖2）。該界面包括了學(xué)習(xí)目標(biāo)、作者簡介、生字生詞、課文朗讀、內(nèi)容講解、教學(xué)視頻、課堂筆記、即時練習(xí)、課外賞析、影視欣賞這幾部分，其中運(yùn)用了大量的多媒體資源。其他頁面的設(shè)計也主要遵循以上兩頁面的風(fēng)格與特點(diǎn)。

圖2 課文頁面

（五）代碼編寫與程序?qū)崿F(xiàn)

為了讓學(xué)習(xí)者進(jìn)入網(wǎng)站后有一個輕松愉快的心情，在首頁中插入了一段循環(huán)播放的背景音樂。

在這段代碼中，該語句的含義為：“src＝＇音樂文件＇”用于設(shè)定音樂文件名及路徑，可以是相對或者絕對的。“autostart＝true”表示是否在音樂下載完之后就自動播放。true 是，false 否(默認(rèn)值)。“l(fā)oop＝infinite”表示是否自動重復(fù)播放。loop＝3表示重復(fù)三遍，infinite表示重復(fù)多次。

頁面下面一排向右滾動的圖片鏈接的代碼如下：

在這段代碼中，＜marquee＞…＜/marquee＞之間是要滾動的內(nèi)容，scrollamount＝″數(shù)字″是滾動內(nèi)容的滾動速度，數(shù)字越大滾動得越快，數(shù)字越小滾動得越慢。width＝″800″是 滾 動 的 寬 度 ，direction ＝″right″是 滾 動 的 方 向 ，onmouseover＝″stop()″是鼠標(biāo)移到上面時內(nèi)容停止，onmouseout＝″start()″是指鼠標(biāo)移開時內(nèi)容開始移動。

四、網(wǎng)站的測試與運(yùn)行

本專題網(wǎng)站開發(fā)完成后對代碼、頁面設(shè)計、數(shù)據(jù)庫、超鏈接等進(jìn)行全面的審查，并對網(wǎng)站運(yùn)行與調(diào)試。在運(yùn)行過程中發(fā)現(xiàn)彈出式菜單的顏色不能修改，一旦修改網(wǎng)站就不能跳轉(zhuǎn)等問題，通過反復(fù)地調(diào)試與運(yùn)行，直至測試結(jié)果表明編寫的代碼實(shí)現(xiàn)了需求功能，網(wǎng)站運(yùn)行不存在任何問題，鏈接跳轉(zhuǎn)流暢自如，達(dá)到了先前的需求分析，并最終編寫了設(shè)計規(guī)格說明和使用說明。

五、結(jié)束語

本專題網(wǎng)站基于Dreamweaver集成開發(fā)環(huán)境，結(jié)合ASP技術(shù)，采用SQL Server 2005數(shù)據(jù)庫，并運(yùn)用了圖形圖像處理軟件Photoshop CS4，實(shí)現(xiàn)了專題網(wǎng)站應(yīng)該具備的基本功能。網(wǎng)站經(jīng)過調(diào)試無誤后，在咸陽實(shí)驗(yàn)小學(xué)、彩虹小學(xué)、師院附小等5所小學(xué)進(jìn)行試用，并做了學(xué)習(xí)效果評價的問卷調(diào)查與訪談。結(jié)果表明，通過該專題網(wǎng)站的學(xué)習(xí)，79.3%的學(xué)生認(rèn)為大大激發(fā)了他們對外國文學(xué)的學(xué)習(xí)興趣；81.6%的學(xué)生認(rèn)為該專題網(wǎng)站對他們自主學(xué)習(xí)有較大的輔助作用，網(wǎng)站中學(xué)習(xí)資源豐富；48.4%的學(xué)生認(rèn)為網(wǎng)站的界面設(shè)計淡雅，添加一些動態(tài)的圖片、圖標(biāo)效果會更好。總之，本專題網(wǎng)站取得了較好的預(yù)期效果，有效地促進(jìn)了學(xué)習(xí)者對外國文學(xué)的學(xué)習(xí)，為學(xué)習(xí)者提供了一個自主學(xué)習(xí)交流的平臺，避免了單純的人機(jī)交互，實(shí)現(xiàn)了人與人之間的交互與協(xié)作，實(shí)現(xiàn)了資源的共享，同時又兼顧了娛樂與學(xué)習(xí)，有效地提高了學(xué)習(xí)效率。

[1]朱敏.語文專題學(xué)習(xí)網(wǎng)站的設(shè)計與開發(fā)初探[J].大眾科技,2009,(10).

[2]鞠濤.網(wǎng)頁設(shè)計中的色彩要素[J].山東電大學(xué)報,2006,(2).