《网页编辑》多媒体网络课件的设计与实现-多媒体教育

该课件实现了网上教室、实验指导、在线交流、教学管理等功能，利用其进行辅助教学，学生可自主决定学习的内容和进度，并能利用网络随时与教师和同学进行交流探讨，从而实现了教为主导，学为主体的教学原则。

一、 开发工具和运行环境

1. 开发工具

为方便多媒体网络课件的制作与调试，开发者必须依据需要选择合适的开发工具和运行环境。本课件选择的开发工具有：网页制作使用Dreamweaver CS软件；图形处理使用Fireworks CS、Photoshop CS软件；动画制作使用Flash CS、GIF Animator5.0软件；视频和音频处理使用Premiere7.0、cooledit2.1、WinMPG Video Convert9.0软件；网页上传使用CuteFTP XP V5.0.2软件；数据库开发软件用Dreamweaver+ASP+Access来综合开发。

2.运行环境

运行的网络环境：推荐接入带宽2M以上的教育网内使用。

服务器端环境:推荐服务器配置为Intel(R) Xeon(R) CPU 2.50GHZ 或更高版本处理器、4G或更高内存空间，Windows 2003 R2 Server以上版本操作系统。

客户端环境：推荐配置为PII300以上的CPU、128MB以上内存的个人电脑，Windows2000/XP操作系统，安装IE6.0及以上版本浏览器，1024×768显示分辨率，具备Adobe Flash Player 9.0以上版本的插件，Windows Media Player 9.0或更高版本媒体播放器。

二、 课件系统的规划与设计

1. 课件系统规划

教学模式建构的主要目标是为了培养和帮助学生提高自主学习能力和创新意识，网络课件规划与设计必须遵循这一教学原则，来充分体现学生的主体性和教学方法的现代化。在课件制作前，课题组成员首先对学习这门课程的新闻和编辑出版专业的学生在认知水平、知识结构和个性化需求等方面进行全面考察和定性。在充分了解教学对象基础上，结合本课程教学大纲、教学目的来选择教学内容和确定难易程度，然后进行课件整体框架设计，编写课程的文字和制作脚本。脚本设计完成后,就开始搜集和处理课件中所用到的各种多媒体素材（包括文字、图形、图像、声音、动画、视频等）。根据课件脚本, 利用计算机网络技术将各种素材有机集成为多媒体网络课件，并在校园网上进行测试、修改和完善，最后正式发布（如图1）。

图1  课件规划示意图 

2．课件系统的设计

本课件结合新闻和编辑出版专业的实际需求，分为理论和实践两大部分。理论部分主要是网页编辑的基本知识，实践部分主要是实验指导和实验操作。课件系统在具体设计上借鉴了软件工程里结构化分析方法中的模块化设计原则，将每一部分分成若干模块，分工合作。这样不仅可以提高课件的制作质量和加快课件的制作速度,而且有利于课件的及时更新与维护。控制课件教与学流程的导航系统采用横向导航，可分为教学内容、学习资源、实验指导、在线交流、教学管理 5个模块（如图2），每个模块对应的课程页面导航采用树状结构。模块下的各级页面以超文本格式分别创建超级链接（HyperLink）。这样，学生通过简单的鼠标点击就可以方便实现不同模块与对应知识点之间的跳转，而不会遭遇网络“迷航”^[1]现象。 

图2   课件系统结构图

3．课件系统的主要模块分析与技术实现

（1）教学内容

本课件系统主要模块为教学内容、实验指导、在线交流和教学管理，而教学内容模块则是主体部分。根据课程教学目的和大纲要求，参照使用教材和相关研究成果，课题组成员将教学内容划分章节，确定重点难点，并制作成融文字、图像、音视频、动画于一体的教学内容课件和电子教案，每个章节都匹配案例分析、制作演示和思考与练习。教学内容课件页面是采用框架结构设计的html文档，无需插件即可按章节进行浏览。电子教案制作成两种格式：一种是后缀为exe可执行文件，不需安装专门的阅读器，下载后可直接播放；一种是html网页格式，用网页浏览器可直接打开。案例分析中的大部分动画采用的是体积较小的swf格式，利用Flash插件即可播放。丰富翔实的教学内容信息和方便快捷的功能设置使得学生能很快掌握本课程的基本概念、理论和具体的操作规范，为实践环节奠定坚实的基础。

（2）实验指导

为了检验学生对课程概念、理论和相应软件操作技术的把握程度，或便于课外自学，课件系统设置了实验指导模块。学生根据实验大纲要求，按照实验演示视频提供的具体操作步骤，在本地PC机上进行新闻网页设计实验、Flash新闻动画制作实验和新闻图片处理实验。实验素材可以在课件系统的学习资源模块下素材库中下载或者在互联网上采集。实验完毕，学生可根据自己的实验情况按照课件系统提供的实验报告模板进行撰写。实验结果（作品）要求在线上传，以供任课教师评分和学生之间相互浏览。实验大纲页面除用文本展示其内容外，还在页面上内嵌word格式和PDF格式以便学生下载保存。实验演示视频采用网络流行的FLV格式，设置了方便学生控制快进、倒退等按钮，且嵌入每个单独页面的位置适中，用浏览器安装的Flash Player 9.0插件即可浏览。作业上传页面采用表单（Form）、层叠样式表（CSS）等技术来实现电子作品的上传。

（3）在线交流

平等的对话和交流，不仅能活跃网上课堂气氛而且可以增进师生之间的感情。基于此，本课件系统设置了在线交流模块，让学生在学习过程中,对关键、有趣的内容,未知的、难理解的内容,教师补充的新知识、学科动态等进行师生交互、生生交互和人机交互^[2]。本模块由留言板、课程BBS和E-mail三部分组成，学生在留言板可以匿名就网上课堂学习过程中遇到的问题随时向老师请教或与同学在线讨论，老师登陆后可以对学生留言请教的帖子进行分类管理和答疑解惑。BBS版块按照课程内容设置了新闻网页编辑、Flash新闻动画制作和新闻图片处理3个主题讨论区。通过E-mail可以实现老师对学生进行个性化的教学辅导，从而实现“因材施教的个别化教学”^[3]。留言板、BBS是通过Access来实现，大部分是Asp文件，脚本在服务器上运行，服务器再把处理好的html文档传输到客户端，用户只需安装浏览器即可浏览。

（4）教学管理

教学管理模块是课件一个辅助部分。通过登录机制，教师可以管理员身份登录查阅学生访问次数、网络教学评价、学生成绩的录入和学生留言的疑难解答。学生登录则可以查看作业成绩、在线评教。本模块是通过Access来实现，大部分是Asp文件。在教师和学生登录的页面采用了验证码和表单技术，以防止用户恶意利用机器人自动注册、登录，从而提高课件系统的安全性。

三、  本课件的特色与创新

网页编辑技术是新闻和编辑出版专业为适应时代需要所必须掌握的专业技能之一，越来越受到高校新闻和编辑出版专业学生的普遍重视。目前关于此类相关网络课件很多，但是适应高校新闻和编辑出版专业的本科生学习的却很少。本课件是在总结多年网页编辑教学经验基础上，专门针对该专业学生而研制,补充了网上已有课件的不足，具体说来表现在以下几点：

1．丰富的学习资源

本课件包含大量的学习资源,其中文本内容20余万字,图片1000余幅,音视频资料文件容量近2G。尤其是在教学内容的每一章节还提供了大量与新闻和编辑出版专业相关的案例分析：如新闻类网页编辑、新闻类Flash动画制作和新闻图片处理等学习资源。为方便学生的实验操作，课件除了提供大量的实验演示视频外，还设置了素材库（其中大部分是与新闻编辑专业相关的文字、图片、视频和网页模板与特效）以供下载使用。为拓宽学生知识面，课件提供大量的网络资源和相关的参考资料，使学生在了解本课程同时,也能查阅相关学科的知识信息,从而开阔思路，进一步增强对本课程的理解。丰富的学习资源为个别化学习、选择性学习、协作性学习与竞争提供了可能，使得学生能够自主有效地学习和复习，从而提高教学效果。

2．友好的交互环境

网络课件交互策略设计不仅为学生建构系统的知识体系,而且可以为师生和学生之间提供了交流的话语平台，从而形成民主、和谐的网上课堂气氛。本课件内容交互策略实现主要通过创设新情境、制造认知冲突、丰富教学资源来构建良好的交互环境，激发学生学习的自主性和创造性。通过设置留言板、BBS、E-mail交互平台来及时解决学生提出的问题和掌握学生学习情况,尤其是学生可以以匿名形式同老师进行网上交流，这无疑消除了学生对教师的恐惧心理，使得学生的主观能动性得以充分发挥，同时也培养了学生获取、加工和发布信息的能力。

3．明确的系统构架

本课件导航系统采用横向导航,每个页面有直观形象的浏览标识，超级链接准确有效，只要使用鼠标和键盘就能够灵活进入或退出而不会出现网络“迷航”现象。教学内容层次与段落划分清晰明确，方便浏览。课件的界面设计简单大方，色彩的使用清新明快，动画、影像播放自然流畅。与同类的课件相比，本课件结构简便，条理性强，归类清晰，可有效地辅助学习。当然，在保持课件构架简洁明确条件下，可适当采用JAVA 、行为、时间轴动画等技术来增加课件内容生动形象性，但提倡形象化的同时，必须突出“课件为内容”的核心理念。

四、  课件制作需要注意的问题

1.网络课件需要协作开发。

多媒体网络教学课件的开发是一项较复杂的系统工程，开发者不仅需要课程专业知识，还需要综合运用计算机网络技术、教育学、心理学、美学等学科知识。因此，网络课件制作需要一个具备各种专业知识的团队来协作开发，才能克服个人开发力量不足的弱点，实现优秀教育资源和人力资源的共享。

2.网络课件创作要以建构主义理论为基石。

在建构主义理论中，“情境、协作、会话、意义建构”^[4]是学习环境中的4大要素。网络课件创作要以建构主义理论为基石，营造优良的学习环境，为学生创设学习新情境，构建方便、快捷的协作会话平台，提供丰富的学习资源，尽可能地帮助学生实现意义建构。

3.网络课件需采取优化措施。

由于课件的体积过大和Internet网络带宽的限制，在制作时需采取必要的优化措施。如在保证声音和图像质量的前提下，可采用具有压缩性的图片和流媒体文件；在网页设计中多运用模板(Template)技术，以提高编程速度，减化程序，加快课件运行速度。

五、  结语

设计制作与应用《网页编辑》多媒体网络课件，对课程中理论知识和实践性环节的课堂讲解起到很大的辅助作用，从而加深了学生对该课程的掌握，大大提高了课堂教学效果。在现代教育技术和网络资源飞速发展的今天，开发研制高质量的多媒体网络课件，对于我们广大教育工作者来说依然是一个不断探索的新课题。

参考文献：

[1] 姜丽.网络多媒体课件设计中应注意把握的几个原则[J].西北工业大学学报，2005，25（1）：96.

[2] 高丽君.网络化教学模式研究[J].教育理论与实践, 2006, 26(1): 42-43.

[3] 周中云.基于个别化教学多媒体课件设计的反思[J].中国电化教育, 2003(1).

[4] 张必清.多媒体课件创作的“蒙太奇”意识[J] .吉林广播电视大学学报，2009（3）：107.