《中暑》专题学习网站的设计与开发

王 斌，刘 瑶，罗炳德，邹 飞，万成松

南方医科大学:1公共卫生与热带医学学院职业卫生与职业医学系;2附属南方医院惠侨科，广州 510515

·资源开发与应用·

《中暑》专题学习网站的设计与开发

王 斌1，刘 瑶2，罗炳德1，邹 飞1，万成松1

南方医科大学:1公共卫生与热带医学学院职业卫生与职业医学系;2附属南方医院惠侨科，广州 510515

专题学习网站是现代化教育技术与课程优化结合的新模式。文章介绍了《中暑》专题学习网站的特征及意义、设计和开发过程，旨在为学习者开展自主、协作式学习提供良好的现代化平台。

中暑;专题学习网站;设计;现代化教育技术

信息技术与教育技术高效整合促使现代教育技术的形成。通过对教学策略和学习资源的重新设计、开发和管理，现代教育技术实现了教学活动的优化。随着互联网的普及和深入发展，现代教育技术得到进一步发展，并以多样性的方式呈现给学习者，如综合性科普网站、网络课程以及专题学习网站等，加强了学习体验。在广东省教育厅组织及帮助下(151工程项目)，我们运用现代教育技术，设计并开发了《中暑》专题学习网站。

1 《中暑》专题学习网站的特征和建设意义

专题学习网站不像普通的综合性教育网站或科普网站，强调对知识的一般描述。而专题网站是以学习为中心，围绕教学组织材料，设计教学策略，其目的是让学习者真正掌握相关知识点。同时，专题学习网站也并非网络课程。区别在于:网络课程的内容是按照课程标准，根据教科书目录内容进行编排的;而专题网站则侧重于某门课程的某个或多个知识点，并非整本书的所有内容。专题选取的原则是小而精，而在广度和深度上面做文章［1-2］。选择一个疾病作为专题是比较好的切入点。因为每个疾病的描述都包含流行病学、病理学、诊断学、内科或外科学等学科的专业知识，有利于整合多方面的知识，也符合专题学习网站的指导原则。

我们选择了夏季常见高发职业性疾病—中暑。中暑是职业卫生与职业医学第三章第二节的内容，是临床医学、预防医学和基础医学专业学生必须重点掌握的内容。同时，中暑也是国内外热带医学及重症急救医学领域研究的热点问题。近年来，随着研究的不断深入，在中暑人群的分子流行病学、发病机制、分型与诊断和重症中暑的治疗等方面取得了新的进展。职业卫生与职业医学系前身是全军热环境医学重点实验室，长期承担了“九五”、“十五”指令性课题(热区高温医学卫生防护研究和提高热区军事作业能力的研究)。在中暑机制及防治方面做了大量的研究工作［3-5］，积累了网站建设所需的资源与素材，对课本薄弱内容形成有力补充。中暑教学的重点在于:中暑的预防，重症中暑的临床救治和基础研究进展。大学本科生教育的目的是促进自我学习，课堂上教师讲授重点，起到抛砖作用，引发学生获取玉的兴趣。而对于中暑课程而言，《中暑》专题学习网站的建立，就是便于学生获取。学生通过网站自我学习，搜索学习资源，与教师或其他学生进行远程探讨交流，从而获得新知识。此外，学习网站还为相关领域教师的备课提供可靠的专业资源库;能满足临床医师继续教育的需求;可以为相关专业的研究生及研究人员提供学习资源和讨论空间;同时增强工矿、学校、体校等从事该领域工作的领导及医务人员防暑意识，提高对中暑防治的力度。

2 《中暑》专题学习网站的设计

2.1 专题内容和基本框架的设计

内容是一个网站的核心内容。首先，该网站内容的确定和设计以《职业卫生与职业医学》和《卫生学》中中暑疾病的教学内容和特点为基础。其次，专题学习网站的内容是围绕专题展开，形成一个既有逻辑，又符合学习者认知结构的结构体系［6-7］。因此，我们围绕中暑这一专题展开，从疾病知识的相关度、整合度和扩展度三个方面进行结构化知识的重构，其中的内容涉及生理学、病理学、诊断学等。这样形成的专题知识，加上扩展性教学资源(专题相关知识、资源库)、网上协商讨论空间和网上自我评价系统等，构成了专题学习网站的基本框架，如图1所示。

图1 中暑专题学习网站的基本框架

2.2 系统设计

系统设计主要包括:以加强学习体验为核心的网站设计、首页设计、网页交互界面设计和管理功能设计，详述如下。

2.2.1 以加强学习体验为核心的网站设计 学习网站的目的是为了获取新知识，因此便于学习，促进学习兴趣是设计上需要着重考虑的方面。在综合了多类型的学习网站后，我们做如下功能上的设计，如图2所示。

图2 以加强学习体验为核心的网站知识页面设计

①每个页面在左上方均提供综合的导航按钮，方便在某一知识点学习时进行其他操作。导航内容包括:上传/下载文件、加入/查看网络书签、我的好友、查看短讯、今日热点等。其中，书签功能可让学生快速记录学习进度，方便下次学习，促进持续性学习;

②每个知识点页面下方都有明显的“我有疑问”按钮。当遇到困难时，可以通过点击，直接进入讨论空间的相应区域，检索是否有相似的帖子，提问并和教师或同学进行讨论;

③知识页面中提供了基于关键词的超链接。超链接结构不仅实现专题知识的合理组织、交叉参考和快速的页面跳转，还能启发学生的联想思维;

④在页面的右下方提供资源搜索功能，包括:站内知识资源搜索和数据库资源搜索。两种搜索方式面对的对象不同，得到的结果也不同，互为补充。前者可以让学习者通过任意词汇搜索网站所有的文字资源，主要是网页html文档中的知识。注册用户还可以检索网站内部的资源库，从而获得多媒体资料，如图片、动画及视频等。当遇到问题时，学生通过检索工具，迅速获得关于这一搜索词的文本及多媒体资料，加速获取答案的同时锻炼了学生自主获得信息、解决问题的能力。

通过上述功能设计，学生可通过不同策略进行学习。比如:对中暑疾病中最严重的“热射病”的学习。首先可在专题知识中通过浏览方式学习:中暑—分型—热射病;浏览过程中，如遇到问题，通过“我有疑问”按钮进入论坛进行讨论式学习;其次，通过站内知识资源搜索获取全网站页面中所有与热射病有关的信息，运用数据库检索获得相关多媒体资料，如热射病引起各器官的病理改变等;最后，每次的学习进度通过书签功能得以保存。

网站提供帮助并指导学习者了解本网站的基本学习策略，包括上述学习功能如何实现等，以及实现这些功能所必须的条件，如网络书签等功能需要用户进行注册才能使用。

2.2.2 首页设计 网站首页是一个网站的门面，关系到学习者对网站的印象，并能引起用户的兴趣。本网站左上方是网站Logo，右上方是主题模块按钮。其下方是一段介绍中暑概念及危害的文本，清晰表明网站的内容和意义。文本下方是动态显示的网站状态，如更新的资源等。页面右侧是用户登录界面，并默认显示非注册用户的学习辅助功能，如基于文本的网页知识搜索;当用户登录后，显示注册用户的学习辅助功能，如学习进度。从上可见，该网站首页结构简洁实用，安排合理。

2.2.3 网页交互界面设计［8-9］通过Dreamweaver的模板功能，设计统一的网页界面。页面颜色使用灰、白、深蓝、浅蓝，力图营造促进学生学习并思考的氛围。Logo中的“中暑”使用暖色调—红色，以便突出显示。每页控制在500-600字，避免过多的字数引起视觉疲劳。

2.2.4 管理功能的设计 除了上述面向学生以学习为目标的设计外，网站管理功能的设计对于管理员日后对资源进行更新及维护是至关重要的。管理员通过管理入口登录，主要从以下3个方面实施管理:讨论区、资源库以及试题库。简述如下:①讨论区的管理功能设计。发布论坛公告、新闻、增加和修改论坛的主题模块、设置论坛管理员及用户权限、删除不良言论，修改论坛附件类型和大小限制、进行用户行为的统计分析;②资源库的管理功能设计。管理员可以修改上传的资源类型及大小，同时可以删除或修改已经上传的资源，实现对资源库的管理;③试题库。可以以一套试卷为单位整体增加或删除试题，也可以进入某套试题，修改具体的题目。同时，还可以对成绩进行管理，如进行统计、分析等。此外，中暑专题知识等文本资料都以网页形式存在，同样需要管理。我们通过外部工具软件Dreamweaver，运用模板功能，在不改变页面风格(布局、颜色等)的情况下，快速增加或删除内容。

3 网站开发技术及应用

3.1 网站开发工具和技术应用

网站采用“浏览器→Web服务器→网站前台应用+后台数据库”三层结构应用模式。开发系统环境为Windows 2000 Server;数据库系统建设采用Microsoft access;网站前台应用主要采用Dreamweaver开发静态网页;动态网页发布使用稳定快速的ASP技术; Web服务器采用Microsoft IIS系统。

3.2 资料收集和整理

课题组成员按网站内容模块分工收集素材，并请同行专家提出建议进行内容增减。材料主要包括文本、幻灯片、图片、动画和视频等。专题知识及相关知识部分文本转换成网页格式，以便网络在线阅读。其余格式保持不变。图片材料包含高温环境的实验模拟，中暑后各器官大体改变、分子病理学改变等。视频材料包含中暑防治教学视频，中暑水盐酸碱平衡紊乱等。

3.3 录入

按广东省教育厅发布的现代教育技术相关标准与规范进行。文本:HTML、pdf、doc、txt等格式;图形图像:jpg、gif等格式;视频:以流媒体形式为主，AVI、quicktime、rm等格式;动画:gif和flash等格式。

3.4 脚本编写

我们选择ASP语言编写脚本。ASP是一种简单、方便的编程工具，可与数据库和其他应用程序进行交互。我们通过ASP程序中的ADO对象和SQL结构化数据查询语言操作数据库，从而实现虚拟讨论空间的功能、以及资源的上传下载、信息检索和试题库的维护［10］。

3.5 网站测试及评价

把网站放置于本校校园网服务器试运行。网站试运行可靠稳定，经学生、学科教师及广东省高教厅教育技术专家评价，基本达到上述设计要求。

该文具体介绍了专题学习网站的特征、如何选题以及建设中暑专题学习网站的意义;专题内容、基本框架的设计和系统设计，尤其在系统设计中详述了以加强学习体验为核心的设计和管理功能设计等;按照广东省高等学校现代教育技术“151工程”建设规范制作标准化的网络学习资源，通过数据库及ASP等技术实现网站功能，并进行测试。借助于良好的功能设计，可以快速更新网站的各类资源;资源收集的主体可进一步扩展到网站学习者，因此能加速网站的更新。综上所述，“中暑”专题学习网站整体结构简洁实用，基本功能齐全，资源丰富，能满足学生、教师以及相关科研人员的需求。

［1］蔡鼎男，翁丽萍，俞守义.“儿童早期发展”专题学习网站的设计与开发［J］.中国医学教育技术，2008，22(3):246-248

［2］谢幼如，尹睿.专题学习网站的教学设计［J］.电化教育研究，2003，(1):34-38

［3］汤朝晖，苏丽贤，李华锋，等.MHV-A59温病湿热小鼠模型的构建与相关指标分析［J］.南方医科大学学报，2010，30(11):2452-2454

［4］康朦梦，朱航，林培政，等.高温和内毒素联合对RAW 264.7细胞凋亡影响［J］.中国公共卫生，2011，27(2): 198-199

［5］罗炳德，谭庆，张培，等.青蒿琥酯拮抗小鼠中暑内毒素血症的作用［J］.中国公共卫生，2006，22(3):335-336

［6］王莹，谢百治.专题学习网站建设的理性思考［J］.中国医学教育技术，2005，19(2):138-140

［7］黄娟，李克东.开发专题学习网站及进行相关研究性学习的思路及方法［J］.中国电化教育，2003，(5):25-28

［8］吴鸿雁.网站页面设计中的人机界面设计分析［J］.计算机工程与设计，2008，29(21):5633-5634，5637

［9］孟亚玲，魏继宗，兰鸿涛.诗词类多媒体课件的设计与开发—以获奖作品《沁园春·雪》为例［J］.中国医学教育技术，2008，22(5):456-458

［10］廖信彦.Active Server Pages应用大全—ASP与数据库的整合［M］.北京:清华大学出版社，2000:45-67

Design and development of subject-based learning website of Heatsroke

Wang Bin1，Liu Yao2，Luo Bingde1，Zou Fei1，Wan Chengsong11Department of Occupational Health and Occupational Medicine，School of Public Health and Tropical Medicine;2Huiqiao Department of Nanfang Hospital，Southern Medical University，Guangzhou 510515

Subject-based learning website is a new mode that makes an optimal integration of modern educational technology and course.This paper introduces the characteristics，significance，design and development process of the subject-based learning website Heatstroke.It provides amodern platform for learners to carry out active and collaborative learning.

heatstroke;subject-based learning website;design;modern educational technology

G434

:A

:1004-5287(2012)04-0401-03

国家级预防医学实验教学示范中心建设项目(教高函［2009］28号);广东省高校现代教育技术“151”工程基金资助项目(GDA050)

2012-03-13

王斌(1976-)，男，南京人，讲师，博士，主要研究方向:职业性疾病的研究。