六年級語文外國文學專題網站的設計與開發

☆李曉霞

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

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

一、當前語文專題網站構建中存在的問題

（一）頁面不夠美觀

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

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

許多語文專題網站，雖然設置了童話故事、腦筋急轉彎、寓言故事等課外文章的閱讀，文化氛圍很濃，開闊了學習者的視野。但是，信息組織凌亂、表現形式單一，課堂搬家式地組織學習內容，未能將圖像、動畫、視頻、音頻等多媒體恰當地融合在其中，不能激發學習者的學習興趣促進有效學習。

（三）資源的共享以及學習者之間的合作交流不夠健全

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

二、六年級外國文學專題網站的設計原則

（一）學習者的特點分析與需求分析

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

針對六年級學生存在的以上特點，外國文學專題網站的功能需求包括：

（1）學習者通過使用本網站能夠學會相應的外國文學知識，對學生自學有一定的幫助。網站通過單元目標、課文學習目標給出學習者明確的學習方向，通過對生字詞、課文內容的學習掌握相關知識，并通過課堂視頻實錄進一步學習。

（2）能夠給學習者提供豐富的擴展知識以及相應的休閑娛樂影視。網站的學習資源中為學習者提供了本單元作者的其他文學作品以及其他名家的優秀作品。每篇課文有相關的動畫片或者電影，學習者通過影視欣賞身臨其境地感受課文的深刻內涵。

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

（二）設計原則

針對不同的學習者，網站開發的目標不同，網站的設計原則也就不同，在設計、開發六年級外國文學專題網站時應該遵循以下原則：

1.學習主體的特定性

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

2.多媒體性

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

3.結構的合理性

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

4.界面友好性

網站的整體色調、界面形式要生動活潑、美觀宜人，符合學生的審美心理；跳轉或鏈接方式要流暢自如，符合學生的學習心理；提示信息要詳細、準確、恰當；界面親切友好，操作簡單，有良好的交互性，不需要大量的預備技能，讓學生一見傾心，激發起他們強烈的學習興趣。

三、六年級外國文學專題網站的設計開發

（一）網站開發工具

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

（二）素材準備與處理

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

（三）網站的內容設計開發

本專題網站的內容主要包括首頁、單元向導、課文目錄、學習資源、小語網刊、交流討論六大模塊。

（1）首頁中包含公告、登錄、網站的說明。公告將網站的最新動態告知學習者，比如×年×月×日系統進行維護停止使用或者網站維護者對網站進行了哪些新的更新以及優秀文章推薦等；通過登錄能夠快速登錄到論壇；網站說明是對網站的取材以及目標做簡要說明。

（2）單元向導包括單元簡介、單元目標。單元簡介對這一單元的課文進行簡單介紹；單元目標給出這一單元學習的整體目標，使學習者明確學習目標。

（3）課文目錄下拉子菜單中給出了本單元課文的題目，點擊題目進入課文學習單元，包括學習目標、作者簡介、生字生詞、課文朗讀、內容講解、教學視頻、課堂筆記、即時練習、課外賞析、影視欣賞等部分。

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

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

（6）交流討論模塊為學習者提供了一個自由交流合作的平臺。學習者可以相互交流學習心得或將自己的問題、觀點與其他學習者、教師探討，也可以將試題中的開放試題如賣火柴的小女孩、凡卡續寫，并發布到平臺上與其他學習者分享。

（四）網站的界面設計開發

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

圖1 首頁

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

圖2 課文頁面

（五）代碼編寫與程序實現

為了讓學習者進入網站后有一個輕松愉快的心情，在首頁中插入了一段循環播放的背景音樂。

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

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

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

四、網站的測試與運行

本專題網站開發完成后對代碼、頁面設計、數據庫、超鏈接等進行全面的審查，并對網站運行與調試。在運行過程中發現彈出式菜單的顏色不能修改，一旦修改網站就不能跳轉等問題，通過反復地調試與運行，直至測試結果表明編寫的代碼實現了需求功能，網站運行不存在任何問題，鏈接跳轉流暢自如，達到了先前的需求分析，并最終編寫了設計規格說明和使用說明。

五、結束語

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

[1]朱敏.語文專題學習網站的設計與開發初探[J].大眾科技,2009,(10).

[2]鞠濤.網頁設計中的色彩要素[J].山東電大學報,2006,(2).