“安徒生童話故事”專題網(wǎng)站建設(shè)

□黃 玫 劉 嬌 趙 蕾

安徒生童話故事雖為大多數(shù)人所熟知，但在課堂上大多數(shù)教師還是用傳統(tǒng)的模式講授童話，學(xué)生并沒(méi)有在真正意義上融入童話并理解其中所表達(dá)的豐富內(nèi)涵。并且許多兒童認(rèn)字?jǐn)?shù)量有限，只能通過(guò)家長(zhǎng)閱讀的方式了解童話故事，學(xué)習(xí)方式單一枯燥，不夠形象、直觀和全面?！鞍餐缴捁适隆睂ｎ}網(wǎng)站集視頻學(xué)習(xí)、情景學(xué)習(xí)于一體，讓孩子在快樂(lè)的氛圍下真正融入童話故事，將學(xué)習(xí)童話故事是一種負(fù)擔(dān)轉(zhuǎn)變?yōu)榕d趣愛(ài)好，真正意義上理解故事寓意并將其運(yùn)用到生活中。網(wǎng)站將安徒生童話故事分為人物故事、動(dòng)物故事、植物故事以及傳說(shuō)故事等四種類型，實(shí)現(xiàn)了童話簡(jiǎn)介、人物故事、動(dòng)物故事、植物故事、傳說(shuō)故事、家長(zhǎng)導(dǎo)讀、交流區(qū)等七個(gè)主要功能模塊，并制作了家長(zhǎng)導(dǎo)讀頁(yè)面，幫助家長(zhǎng)了解本網(wǎng)站知識(shí)結(jié)構(gòu)和瀏覽注意事項(xiàng)。

一、網(wǎng)站需求分析

(一)功能需求?！鞍餐缴捁适隆睂ｎ}網(wǎng)站涵蓋了82個(gè)安徒生童話故事，每一個(gè)故事都附有生動(dòng)有趣的視頻和圖片，以豐富的幻想性和可讀性牢牢地吸引兒童的注意力。同時(shí)，為了方便兒童學(xué)習(xí)童話故事，網(wǎng)站把這82個(gè)童話故事分為四個(gè)模塊，分別是：人物故事、動(dòng)物故事、植物故事、傳說(shuō)故事，可以進(jìn)一步提高兒童對(duì)童話故事的再認(rèn)識(shí)能力。人物故事包括“打火匣”等28個(gè)童話故事；動(dòng)物故事包括“丑小鴨”等16個(gè)童話故事；植物故事包括“樅樹”等10個(gè)童話故事；傳說(shuō)故事包括“飛箱”等28個(gè)童話故事。此外，該網(wǎng)站還加入童話簡(jiǎn)介幫助兒童了解本網(wǎng)站的學(xué)習(xí)內(nèi)容、童話定義和作者簡(jiǎn)介。家長(zhǎng)導(dǎo)讀幫助家長(zhǎng)了解本網(wǎng)站知識(shí)結(jié)構(gòu)和瀏覽注意事項(xiàng)，方便家長(zhǎng)更好地使用本網(wǎng)站。交流區(qū)為家長(zhǎng)和孩子提供了一個(gè)交流空間，為他們分享學(xué)習(xí)心得和體會(huì)提供了一個(gè)平臺(tái)。注冊(cè)登錄可讓用戶進(jìn)行更深層次的學(xué)習(xí)，為用戶提供更好的服務(wù)。這種方式打破了傳統(tǒng)的課堂學(xué)習(xí)模式，以紛繁有趣的網(wǎng)絡(luò)學(xué)習(xí)童話故事的模式達(dá)到學(xué)習(xí)的目的，既輕松了教師和家長(zhǎng)，也達(dá)到兒童快樂(lè)學(xué)習(xí)的目的。

(二)站點(diǎn)規(guī)劃。在站點(diǎn)下建立了首頁(yè)、童話簡(jiǎn)介、家長(zhǎng)導(dǎo)讀等文件，人物故事、動(dòng)物故事、植物故事、傳說(shuō)故事、圖片、動(dòng)畫、聲音等文件夾。在人物故事文件夾下又包括了聲音、視頻、圖片文件夾以及28個(gè)人物故事文件，在動(dòng)物故事文件夾下又包括了聲音、視頻、圖片文件夾以及16個(gè)動(dòng)物故事文件，植物故事與傳說(shuō)故事同以上兩個(gè)故事規(guī)劃相同。這樣規(guī)劃設(shè)計(jì)使網(wǎng)站內(nèi)容清晰明了，富有條理性，因?yàn)楣适聝?nèi)容以及圖片、視頻、音頻有很多，人們?cè)谛薷幕蛱砑禹?yè)面內(nèi)容時(shí)可以很方便、快捷地找到相應(yīng)的位置，節(jié)省大量時(shí)間且看起來(lái)美觀。

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

二、網(wǎng)站建設(shè)

(一)首頁(yè)。首頁(yè)主要包括4個(gè)部分，即banner條、導(dǎo)航條、故事內(nèi)容鏈接和圖片、版權(quán)區(qū)。通過(guò)網(wǎng)站首頁(yè)內(nèi)容可以很清楚地看到網(wǎng)站的所有導(dǎo)航。

(二)家長(zhǎng)導(dǎo)讀頁(yè)面。該頁(yè)面可以幫助家長(zhǎng)了解本網(wǎng)站知識(shí)結(jié)構(gòu)和瀏覽注意事項(xiàng)，通過(guò)點(diǎn)擊首頁(yè)或者童話簡(jiǎn)介中的文字超鏈接“家長(zhǎng)導(dǎo)讀”，可以進(jìn)入到“家長(zhǎng)導(dǎo)讀”這一頁(yè)面。

(三)童話簡(jiǎn)介頁(yè)面。該頁(yè)面主要是對(duì)童話基本特征、作者簡(jiǎn)介、創(chuàng)作背景做了相關(guān)介紹。為了使頁(yè)面不單調(diào)，此頁(yè)面中三個(gè)內(nèi)容標(biāo)題的顏色進(jìn)行了大膽嘗試，頁(yè)面充滿活力。

(四)人物故事頁(yè)面。該頁(yè)面主要由28個(gè)人物故事組成，其全部?jī)?nèi)容都呈現(xiàn)在首頁(yè)上，而且在每個(gè)故事頁(yè)面的左邊都有目錄區(qū)。目錄區(qū)包含了該模塊所有相關(guān)的故事，每一個(gè)童話故事都有其獨(dú)立的超鏈接，同時(shí)每一個(gè)超鏈接都可以到達(dá)其相對(duì)應(yīng)的頁(yè)面。

(五)動(dòng)物故事頁(yè)面。該頁(yè)面主要由16個(gè)動(dòng)物故事組成，此頁(yè)面實(shí)現(xiàn)的功能與人物故事頁(yè)面功能相同，對(duì)應(yīng)頁(yè)面的相關(guān)文字的導(dǎo)航清楚簡(jiǎn)單，便于兒童進(jìn)一步學(xué)習(xí)童話故事。

(六)植物故事頁(yè)面。該頁(yè)面主要由10個(gè)植物故事組成，其全部?jī)?nèi)容由主頁(yè)所呈現(xiàn)出來(lái)，點(diǎn)擊首頁(yè)的植物故事的文字鏈接之后都可以跳轉(zhuǎn)到相對(duì)應(yīng)的頁(yè)面，而且每一個(gè)頁(yè)面都附有與該植物故事相關(guān)的圖片，給兒童以形象直觀的感受，幫助和吸引兒童更好地學(xué)習(xí)童話故事。

(七)傳說(shuō)故事頁(yè)面。該頁(yè)面主要由28個(gè)傳說(shuō)故事組成，其全部?jī)?nèi)容都呈現(xiàn)在首頁(yè)上，而且在每個(gè)故事頁(yè)面的左邊有目錄區(qū)，目錄區(qū)包含了該模塊所有相關(guān)的故事，每一個(gè)童話故事都有其獨(dú)立的超鏈接。

(八)交流區(qū)。學(xué)習(xí)者可以通過(guò)在交流區(qū)發(fā)表留言的形式提出問(wèn)題，同時(shí)管理員可以針對(duì)與童話故事無(wú)關(guān)的留言或者不健康的留言進(jìn)行刪除，在進(jìn)入交流區(qū)之前，必須要進(jìn)行合法的注冊(cè)和登陸。

三、網(wǎng)站測(cè)試

網(wǎng)站的測(cè)試分為三個(gè)過(guò)程，即網(wǎng)頁(yè)測(cè)試、用戶測(cè)試以及負(fù)載測(cè)試。

(一)網(wǎng)頁(yè)測(cè)試。

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

2.檢查目標(biāo)瀏覽器。檢查目標(biāo)瀏覽器具體的方法是在Dreamweaver8工作界面點(diǎn)擊菜單文件/檢查頁(yè)/檢查目標(biāo)瀏覽器。

(二)用戶測(cè)試。用戶測(cè)試以實(shí)地考察的方式來(lái)測(cè)試本網(wǎng)站功能。一是評(píng)價(jià)頁(yè)面的風(fēng)格、布局、色彩搭配以及文字的樣式是否能夠讓兒童接受；二是評(píng)價(jià)各個(gè)頁(yè)面的切換、鏈接的呈現(xiàn)方式是否合適，對(duì)于當(dāng)前的訪問(wèn)位置是否明確。

(三)負(fù)載測(cè)試。負(fù)載測(cè)試需要專門安排多個(gè)用戶訪問(wèn)該網(wǎng)站。一是測(cè)試網(wǎng)站在多個(gè)用戶訪問(wèn)時(shí)的訪問(wèn)速度是否正常；二是測(cè)試該網(wǎng)站在多個(gè)用戶訪問(wèn)時(shí)CPU資源的占用是否正常。

四、結(jié)語(yǔ)

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