“安徒生童話故事”專題網站建設

□黃 玫 劉 嬌 趙 蕾

安徒生童話故事雖為大多數人所熟知，但在課堂上大多數教師還是用傳統的模式講授童話，學生并沒有在真正意義上融入童話并理解其中所表達的豐富內涵。并且許多兒童認字數量有限，只能通過家長閱讀的方式了解童話故事，學習方式單一枯燥，不夠形象、直觀和全面。“安徒生童話故事”專題網站集視頻學習、情景學習于一體，讓孩子在快樂的氛圍下真正融入童話故事，將學習童話故事是一種負擔轉變為興趣愛好，真正意義上理解故事寓意并將其運用到生活中。網站將安徒生童話故事分為人物故事、動物故事、植物故事以及傳說故事等四種類型，實現了童話簡介、人物故事、動物故事、植物故事、傳說故事、家長導讀、交流區等七個主要功能模塊，并制作了家長導讀頁面，幫助家長了解本網站知識結構和瀏覽注意事項。

一、網站需求分析

(一)功能需求。“安徒生童話故事”專題網站涵蓋了82個安徒生童話故事，每一個故事都附有生動有趣的視頻和圖片，以豐富的幻想性和可讀性牢牢地吸引兒童的注意力。同時，為了方便兒童學習童話故事，網站把這82個童話故事分為四個模塊，分別是：人物故事、動物故事、植物故事、傳說故事，可以進一步提高兒童對童話故事的再認識能力。人物故事包括“打火匣”等28個童話故事；動物故事包括“丑小鴨”等16個童話故事；植物故事包括“樅樹”等10個童話故事；傳說故事包括“飛箱”等28個童話故事。此外，該網站還加入童話簡介幫助兒童了解本網站的學習內容、童話定義和作者簡介。家長導讀幫助家長了解本網站知識結構和瀏覽注意事項，方便家長更好地使用本網站。交流區為家長和孩子提供了一個交流空間，為他們分享學習心得和體會提供了一個平臺。注冊登錄可讓用戶進行更深層次的學習，為用戶提供更好的服務。這種方式打破了傳統的課堂學習模式，以紛繁有趣的網絡學習童話故事的模式達到學習的目的，既輕松了教師和家長，也達到兒童快樂學習的目的。

(二)站點規劃。在站點下建立了首頁、童話簡介、家長導讀等文件，人物故事、動物故事、植物故事、傳說故事、圖片、動畫、聲音等文件夾。在人物故事文件夾下又包括了聲音、視頻、圖片文件夾以及28個人物故事文件，在動物故事文件夾下又包括了聲音、視頻、圖片文件夾以及16個動物故事文件，植物故事與傳說故事同以上兩個故事規劃相同。這樣規劃設計使網站內容清晰明了，富有條理性，因為故事內容以及圖片、視頻、音頻有很多，人們在修改或添加頁面內容時可以很方便、快捷地找到相應的位置，節省大量時間且看起來美觀。

(三)軟硬件配置需求。網站運行的軟硬件配置為：網站在Windows7環境下運行(支持Windows8、Windows10等運行環境)；所使用的瀏覽器為獵豹瀏覽器(支持QQ瀏覽器、360瀏覽器等多種瀏覽器)，但是在兼容性比較低的瀏覽器運行的時候相關視音頻的顯示會有所不同，因此還是建議用戶選用獵豹瀏覽器預覽網頁；計算機處理器的規格是：Intel(R) Core(TM) i5-5200U CPU @ 2.20GHz。系統類型是：64位操作系統，聲音、視頻和游戲控制器是：Realtek High Definition Audio和英特爾(R)顯示器音頻。

二、網站建設

(一)首頁。首頁主要包括4個部分，即banner條、導航條、故事內容鏈接和圖片、版權區。通過網站首頁內容可以很清楚地看到網站的所有導航。

(二)家長導讀頁面。該頁面可以幫助家長了解本網站知識結構和瀏覽注意事項，通過點擊首頁或者童話簡介中的文字超鏈接“家長導讀”，可以進入到“家長導讀”這一頁面。

(三)童話簡介頁面。該頁面主要是對童話基本特征、作者簡介、創作背景做了相關介紹。為了使頁面不單調，此頁面中三個內容標題的顏色進行了大膽嘗試，頁面充滿活力。

(四)人物故事頁面。該頁面主要由28個人物故事組成，其全部內容都呈現在首頁上，而且在每個故事頁面的左邊都有目錄區。目錄區包含了該模塊所有相關的故事，每一個童話故事都有其獨立的超鏈接，同時每一個超鏈接都可以到達其相對應的頁面。

(五)動物故事頁面。該頁面主要由16個動物故事組成，此頁面實現的功能與人物故事頁面功能相同，對應頁面的相關文字的導航清楚簡單，便于兒童進一步學習童話故事。

(六)植物故事頁面。該頁面主要由10個植物故事組成，其全部內容由主頁所呈現出來，點擊首頁的植物故事的文字鏈接之后都可以跳轉到相對應的頁面，而且每一個頁面都附有與該植物故事相關的圖片，給兒童以形象直觀的感受，幫助和吸引兒童更好地學習童話故事。

(七)傳說故事頁面。該頁面主要由28個傳說故事組成，其全部內容都呈現在首頁上，而且在每個故事頁面的左邊有目錄區，目錄區包含了該模塊所有相關的故事，每一個童話故事都有其獨立的超鏈接。

(八)交流區。學習者可以通過在交流區發表留言的形式提出問題，同時管理員可以針對與童話故事無關的留言或者不健康的留言進行刪除，在進入交流區之前，必須要進行合法的注冊和登陸。

三、網站測試

網站的測試分為三個過程，即網頁測試、用戶測試以及負載測試。

(一)網頁測試。

1.檢查鏈接是否正確。由于本網站涉及到2,000多個超鏈接，所以本文利用Dreamweaver軟件提供的“檢查鏈接”功能，具體操作步驟是：點擊菜單文件/檢查頁/檢查鏈接。

2.檢查目標瀏覽器。檢查目標瀏覽器具體的方法是在Dreamweaver8工作界面點擊菜單文件/檢查頁/檢查目標瀏覽器。

(二)用戶測試。用戶測試以實地考察的方式來測試本網站功能。一是評價頁面的風格、布局、色彩搭配以及文字的樣式是否能夠讓兒童接受；二是評價各個頁面的切換、鏈接的呈現方式是否合適，對于當前的訪問位置是否明確。

(三)負載測試。負載測試需要專門安排多個用戶訪問該網站。一是測試網站在多個用戶訪問時的訪問速度是否正常；二是測試該網站在多個用戶訪問時CPU資源的占用是否正常。

四、結語

該網站以“安徒生童話故事”為開發主題，以Dreamweaver8為開發平臺，利用Html語言，輔助運用Flash、PhotoShop、Audition等軟件，并使用Asp和Access數據庫技術，設計并開發了該網站。網站運用靜態頁面與動態頁面相結合的方法使網站生動活潑，大量的童話故事、故事寓意、視頻、音頻使學習內容豐富有趣，頁面鏈接層次多樣化，頁面風格卡通風趣，色彩風格吸引孩子眼球。當然，在本次網站開發的過程中，由于自身技術能力有限，所以還有許多不夠完善的地方，如，網頁布局設計可能不太合理，內容可能不太細化，有些技術不夠精湛，需要以后繼續努力提高。