六年级语文外国文学专题网站的设计与开发

☆李晓霞

（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＝＇音乐文件＇”用于设定音乐文件名及路径，可以是相对或者绝对的。“autostart＝true”表示是否在音乐下载完之后就自动播放。true 是，false 否(默认值)。“loop＝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).