“安徒生童话故事”专题网站建设

□黄 玫 刘 娇 赵 蕾

安徒生童话故事虽为大多数人所熟知，但在课堂上大多数教师还是用传统的模式讲授童话，学生并没有在真正意义上融入童话并理解其中所表达的丰富内涵。并且许多儿童认字数量有限，只能通过家长阅读的方式了解童话故事，学习方式单一枯燥，不够形象、直观和全面。“安徒生童话故事”专题网站集视频学习、情景学习于一体，让孩子在快乐的氛围下真正融入童话故事，将学习童话故事是一种负担转变为兴趣爱好，真正意义上理解故事寓意并将其运用到生活中。网站将安徒生童话故事分为人物故事、动物故事、植物故事以及传说故事等四种类型，实现了童话简介、人物故事、动物故事、植物故事、传说故事、家长导读、交流区等七个主要功能模块，并制作了家长导读页面，帮助家长了解本网站知识结构和浏览注意事项。

一、网站需求分析

(一)功能需求。“安徒生童话故事”专题网站涵盖了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数据库技术，设计并开发了该网站。网站运用静态页面与动态页面相结合的方法使网站生动活泼，大量的童话故事、故事寓意、视频、音频使学习内容丰富有趣，页面链接层次多样化，页面风格卡通风趣，色彩风格吸引孩子眼球。当然，在本次网站开发的过程中，由于自身技术能力有限，所以还有许多不够完善的地方，如，网页布局设计可能不太合理，内容可能不太细化，有些技术不够精湛，需要以后继续努力提高。