基Web媒体CAI课件开发程中干问题研究实践
摘 基Web媒体CAI课件媒体CAI课件Web技术结合
成网络教学媒体CAI课件形式
文结合实例介绍基Web媒体CAI课件开发程中课件页面进行页面优化原方法详细介绍课件中导航查询测试等关键功javascript 程序实现技术方法
关键词 媒体CAI课件Web页面优化
1引 言
传统类型课件者投资成（基编程整体式课件）者升级更新困难（基CDROM媒体课件）已满足日益发展需
解决矛盾伴着Web出现Web技术发展基Web媒体CAI课件应运生
作种全新类型课件台Web身具统协议标准良跨台特性前未广泛覆盖性优点
开发出软件着统良GUI界面够支持种媒体格式提供高度交互性应程序着方便良接口特身便超联接作组织形式非常合适作课件开发台
方面开发维护基Web软件工具免费获基Web课件运行软硬件台没什高特殊求基WebCAI课件开发维护费相低廉目前种种见全图形化开发维护工具开发维护员技术水求相降低网页间相独立十分容易课件进行升级更新
外网络教学中基Web页课件网页单位网络中传输具较快传输速度目前较低带宽具较应前景
考虑基Web媒体CAI课件优点国家教育部重点项目博物馆类CAI课件建设进行总体设计时选择作项目总体方案
项目建设程中发现目前Web技术发展局限性基Web课件方案存足面
网络带宽网络传输速度台兼容性等问题困扰
开发程中必须课件页面进行优化够Web运行
外相说Web种全新开发台Web技术发展非常快课件中功导航查询等技术实现便成开发程中突出技术难点
项目开发程中特方面作重点研究取定成果
2课件页面优化原方法
页面优化问题然涉方面根立足点目两：加快页面载速度页面象设计者预先设想样户眼前显示Web需解决兼容性问题
面分两目出发讨页面进行优化时原实现方法
21加快页面载速度优化
传统加快页面载速度方面做努力仅仅局限减少媒体元素数量降低质量取较文件加快页面文件网络传输速度达加快载速度目认仅方面努力远远够
谓页面载速度便分成三部分：载时间渲染时间视性设计者应通页面优化三者中找衡点进产生理想载户点击请求页面总体框面显示仅眨眼时间页面完全渲染完前户便中搜索需信息
211加快页面载普遍原
1） 必媒体效果容 普通钮取代图形动态钮静态图取代GIF动画减少图形化花哨文字标题措施少页面载时间缩短半
2） 切手段减少种媒体元素
3） 优先相图形媒体容
缺省NetscapeIE会RAM硬盘设置缓存保存图形文件果浏览器认识相文件名会读缓存提高效率
4）提供低带宽备容 果文件格式认识浏览器关掉图形开关备容派场
5） 必想型媒体文件置页原页仅提供钮低分辨率图形边注明链接文件预计载时间
212 图形优化处理
1） 减少图形文件 减少文件加快载速度着突出贡献通方法减图形文件
· 减图形面积通剪切图形例收缩图形实现注意例收缩图形出现色斑
· 注意颜色安排通降低色彩深度象素较少位数文件变
行放入颜色文件进步压缩GIF文件更加效GIF仅颜色列表行设置颜色列表 水方改变颜色时应量更相颜色片段基相原连续色调时应量顶部底部延展左右方延展
· 调整图中水数图软件提供重润色选项伽玛(Gamma)较正加亮(highlight)中调(midtone)阴影(shadow)改变图
缩减值通常减少文件尺寸
· 抑制抖动抖动指现调色板中颜色值接调色板中没颜色倾增GIF文件通选择通安全216色调色板图形程序里选择No Dither选项消抖动
2） HTML文件中图形设置WIDTHHEIGHT属性 WIDTHHEIGHT属性放压缩图示面积加快载浏览器载图片前便确定正确页布局先文字继容显示出户载图片时便开始浏览
3） 符号 LOWSRC属性 属性允许指定图形文件首先载SRC属性指定图形文件前显示出般指定低分辨率低色度SRC图形相图形样载变快
4） 交错式GIF渐进式JPEG：交错式GIF渐进式JPEG原图形标准扩展
中交错式GIF兼容渐进式JPEG
载页面显示时效果套百页窗显露出样
加快载速度户感觉加快
213 表格〈TABLE〉优化处理
然〈LAYER〉页面布局时做精确定位许理想方案
目前真正跨浏览器跨台设计方案表格进行局
表格许目前网页中布局元素表格优化显特价值然部分优化减少载时间浏览器需填充表格容前完全理解表格结构适表格运缩短网页渲染时间
表格时应注意做：
1) 单表格拆成表格：加快页面显示速度尤页面长表格进行整体布局时更
2) 〈TABLE〉〈TD〉适Width属性：点应注意单元格容宽度定义单元格宽度少应容宽度致避免浏览器滤作进行两次渲染
3) 千万嵌套表格：表格处理时间倍速升果定嵌套少应
嵌套表格保持简单
4) 太新扩展媒体元素放入表格：浏览器迅速崩溃
媒体元素优化处理 1) 动画部分优化： Direct Authorware动画应量压缩帧数shareware流式传输处理般网页常见GIF动画FLASH动画javascript动画应量少般装饰效果外难什作会页面尺寸急剧增加
2) 背景音乐优化：优先选midi格式采样仅需8位11kHz
果需语音朗读话男声采更低设置
量声音做成选设置优先选流式声音传输格式
3) 脚程序优化：许网页制作者认页面中 javascript等脚语言会页面变慢然数脚语言解释语言非编译语言意味着装载需分析构成页面渲染时间部分脚语言时应注意做：
量脚嵌入页面中SRC属性引起服务器次请求加重服务器负荷延长总载时间
· 果脚控制Plugin DHTML量置装载运行更快函数代编写函数
2．2 兼容性优化
兼容性问题考虑课件种操作系统硬件台兼容性更考虑课件种浏览器兼容性
221 台兼容性优化
课件INTERNET发布时法设想户会样配置机器样操作系统Web身跨台特性已解决问题免次开发课件够种台正常显示需定义潜户群时考虑许细节包括：显示器分辨率色深音频视频支持情况种台相字体差异种台显示调色板间差等等
222
浏览器兼容性优化
浏览器兼容带影响相台兼容课件开发带影响忽略计流浏览器开发厂商者商业考虑意制造兼容情况NetscapeIE者追踪技术发展造成新版某部分事实兼容Netscape Communicator 45前版javascript处理加难计数种非流浏览器消浏览器兼容性课件开发影响课件开发者真正关心问题
次课件项目开发中考虑Netscape IE加起占浏览器总数90均网免费开发IE 40 版时兼顾Netscape 40 版某重功果两者需兼容技术实现分开发两版服务器户浏览器进行判分载
脚语言方面javascript唯数流浏览器均支持语言成唯选择
IE支持Netscape扩展标签标签选优先考虑Netscape标签
3课件中导航查询测试功实现
31 导航功实现
课件中导航功采种方案实现
种页底部均导航钮方案提供课件预定学序种导航图指出户现正处整课件什位置种查询方案方案提供整站点搜索相关页功种便树型目录教材目录相辅助检索
树型导航目录单独页显示左边框
开始显示章标题单击章标题号目录展开显示章面节标题未展开章标题前标记蓝色展开标记转红色次点击已展开章标题目录恢复原样
整目录扩展节标题目录加入第三层显示节节标题容树型导航部分中标题点击右侧框架中显示应页容
32 查询功实现
查询功实FrontPage98置Search Form(检索表单)组件Active Elements实现功非常强
目前FrontPage未发行中文版中文查询支持
现课件中查询功
javascript实现通维护关键词包含页面URL应词典表实现查询整课件总页面数千页左右常关键词百种规模查询程序工作效
33 测试功实现
然课程考试题目需专门试题库系统动生成单元练题单元测验题网页加脚形式简单实现减轻服务器数库负荷
试题选择题形式出现选项少受限制
程序简单改动提供填空题形式
4 基Web媒体CAI课件发展方探讨
首先功说根学生学课件取效果课件分知识技获取型应知识分析解决问题型创造性解决问题型三种目前课件开发情况第类居第二类较少第三类空白
认方面应加强研究力度应加快发展步伐
需教育学家计算机专家努力关键教学理认知模型创新
次容组织方式说目前课件基通超链接方式组织起学生根学速度进行学交叉索引较方便前固定速度教师传授单方印刷课相然较进步课件部分容组织结构预先固定弹性较
认理想课件应够根学生知识结构学类型学情况动态生成学容组织结构
动态组织方面目前做根学生节题完成情况动态增加预先准备补充页材施教远远够方面改进课件中提高智化程度解决
5．结束语
基Web媒体CAI课件未媒体课件形式发展网教学资源基础
目前已完成优质实课件少类课件开发模型开发工具开发技术等研究少
认加紧类课件研究开发网教学早日进入实领域
文提方法技术基Web媒体CAI课件开发程中实际应实践证明行效
摘 基Web媒体CAI课件媒体CAI课件Web技术结合
成网络教学媒体CAI课件形式
文结合实例介绍基Web媒体CAI课件开发程中课件页面进行页面优化原方法详细介绍课件中导航查询测试等关键功javascript 程序实现技术方法
关键词 媒体CAI课件Web页面优化
1引 言
传统类型课件者投资成（基编程整体式课件）者升级更新困难（基CDROM媒体课件）已满足日益发展需
解决矛盾伴着Web出现Web技术发展基Web媒体CAI课件应运生
作种全新类型课件台Web身具统协议标准良跨台特性前未广泛覆盖性优点
开发出软件着统良GUI界面够支持种媒体格式提供高度交互性应程序着方便良接口特身便超联接作组织形式非常合适作课件开发台
方面开发维护基Web软件工具免费获基Web课件运行软硬件台没什高特殊求基WebCAI课件开发维护费相低廉目前种种见全图形化开发维护工具开发维护员技术水求相降低网页间相独立十分容易课件进行升级更新
外网络教学中基Web页课件网页单位网络中传输具较快传输速度目前较低带宽具较应前景
考虑基Web媒体CAI课件优点国家教育部重点项目博物馆类CAI课件建设进行总体设计时选择作项目总体方案
项目建设程中发现目前Web技术发展局限性基Web课件方案存足面
网络带宽网络传输速度台兼容性等问题困扰
开发程中必须课件页面进行优化够Web运行
外相说Web种全新开发台Web技术发展非常快课件中功导航查询等技术实现便成开发程中突出技术难点
项目开发程中特方面作重点研究取定成果
2课件页面优化原方法
页面优化问题然涉方面根立足点目两：加快页面载速度页面象设计者预先设想样户眼前显示Web需解决兼容性问题
面分两目出发讨页面进行优化时原实现方法
21加快页面载速度优化
传统加快页面载速度方面做努力仅仅局限减少媒体元素数量降低质量取较文件加快页面文件网络传输速度达加快载速度目认仅方面努力远远够
谓页面载速度便分成三部分：载时间渲染时间视性设计者应通页面优化三者中找衡点进产生理想载户点击请求页面总体框面显示仅眨眼时间页面完全渲染完前户便中搜索需信息
211加快页面载普遍原
1） 必媒体效果容 普通钮取代图形动态钮静态图取代GIF动画减少图形化花哨文字标题措施少页面载时间缩短半
2） 切手段减少种媒体元素
3） 优先相图形媒体容
缺省NetscapeIE会RAM硬盘设置缓存保存图形文件果浏览器认识相文件名会读缓存提高效率
4）提供低带宽备容 果文件格式认识浏览器关掉图形开关备容派场
5） 必想型媒体文件置页原页仅提供钮低分辨率图形边注明链接文件预计载时间
212 图形优化处理
1） 减少图形文件 减少文件加快载速度着突出贡献通方法减图形文件
· 减图形面积通剪切图形例收缩图形实现注意例收缩图形出现色斑
· 注意颜色安排通降低色彩深度象素较少位数文件变
行放入颜色文件进步压缩GIF文件更加效GIF仅颜色列表行设置颜色列表 水方改变颜色时应量更相颜色片段基相原连续色调时应量顶部底部延展左右方延展
· 调整图中水数图软件提供重润色选项伽玛(Gamma)较正加亮(highlight)中调(midtone)阴影(shadow)改变图
缩减值通常减少文件尺寸
· 抑制抖动抖动指现调色板中颜色值接调色板中没颜色倾增GIF文件通选择通安全216色调色板图形程序里选择No Dither选项消抖动
2） HTML文件中图形设置WIDTHHEIGHT属性 WIDTHHEIGHT属性放压缩图示面积加快载浏览器载图片前便确定正确页布局先文字继容显示出户载图片时便开始浏览
3） 符号 LOWSRC属性 属性允许指定图形文件首先载SRC属性指定图形文件前显示出般指定低分辨率低色度SRC图形相图形样载变快
4） 交错式GIF渐进式JPEG：交错式GIF渐进式JPEG原图形标准扩展
中交错式GIF兼容渐进式JPEG
载页面显示时效果套百页窗显露出样
加快载速度户感觉加快
213 表格〈TABLE〉优化处理
然〈LAYER〉页面布局时做精确定位许理想方案
目前真正跨浏览器跨台设计方案表格进行局
表格许目前网页中布局元素表格优化显特价值然部分优化减少载时间浏览器需填充表格容前完全理解表格结构适表格运缩短网页渲染时间
表格时应注意做：
1) 单表格拆成表格：加快页面显示速度尤页面长表格进行整体布局时更
2) 〈TABLE〉〈TD〉适Width属性：点应注意单元格容宽度定义单元格宽度少应容宽度致避免浏览器滤作进行两次渲染
3) 千万嵌套表格：表格处理时间倍速升果定嵌套少应
嵌套表格保持简单
4) 太新扩展媒体元素放入表格：浏览器迅速崩溃
媒体元素优化处理 1) 动画部分优化： Direct Authorware动画应量压缩帧数shareware流式传输处理般网页常见GIF动画FLASH动画javascript动画应量少般装饰效果外难什作会页面尺寸急剧增加
2) 背景音乐优化：优先选midi格式采样仅需8位11kHz
果需语音朗读话男声采更低设置
量声音做成选设置优先选流式声音传输格式
3) 脚程序优化：许网页制作者认页面中 javascript等脚语言会页面变慢然数脚语言解释语言非编译语言意味着装载需分析构成页面渲染时间部分脚语言时应注意做：
量脚嵌入页面中SRC属性引起服务器次请求加重服务器负荷延长总载时间
· 果脚控制Plugin DHTML量置装载运行更快函数代编写函数
2．2 兼容性优化
兼容性问题考虑课件种操作系统硬件台兼容性更考虑课件种浏览器兼容性
221 台兼容性优化
课件INTERNET发布时法设想户会样配置机器样操作系统Web身跨台特性已解决问题免次开发课件够种台正常显示需定义潜户群时考虑许细节包括：显示器分辨率色深音频视频支持情况种台相字体差异种台显示调色板间差等等
222
浏览器兼容性优化
浏览器兼容带影响相台兼容课件开发带影响忽略计流浏览器开发厂商者商业考虑意制造兼容情况NetscapeIE者追踪技术发展造成新版某部分事实兼容Netscape Communicator 45前版javascript处理加难计数种非流浏览器消浏览器兼容性课件开发影响课件开发者真正关心问题
次课件项目开发中考虑Netscape IE加起占浏览器总数90均网免费开发IE 40 版时兼顾Netscape 40 版某重功果两者需兼容技术实现分开发两版服务器户浏览器进行判分载
脚语言方面javascript唯数流浏览器均支持语言成唯选择
IE支持Netscape扩展标签标签选优先考虑Netscape标签
3课件中导航查询测试功实现
31 导航功实现
课件中导航功采种方案实现
种页底部均导航钮方案提供课件预定学序种导航图指出户现正处整课件什位置种查询方案方案提供整站点搜索相关页功种便树型目录教材目录相辅助检索
树型导航目录单独页显示左边框
开始显示章标题单击章标题号目录展开显示章面节标题未展开章标题前标记蓝色展开标记转红色次点击已展开章标题目录恢复原样
整目录扩展节标题目录加入第三层显示节节标题容树型导航部分中标题点击右侧框架中显示应页容
32 查询功实现
查询功实FrontPage98置Search Form(检索表单)组件Active Elements实现功非常强
目前FrontPage未发行中文版中文查询支持
现课件中查询功
javascript实现通维护关键词包含页面URL应词典表实现查询整课件总页面数千页左右常关键词百种规模查询程序工作效
33 测试功实现
然课程考试题目需专门试题库系统动生成单元练题单元测验题网页加脚形式简单实现减轻服务器数库负荷
试题选择题形式出现选项少受限制
程序简单改动提供填空题形式
4 基Web媒体CAI课件发展方探讨
首先功说根学生学课件取效果课件分知识技获取型应知识分析解决问题型创造性解决问题型三种目前课件开发情况第类居第二类较少第三类空白
认方面应加强研究力度应加快发展步伐
需教育学家计算机专家努力关键教学理认知模型创新
次容组织方式说目前课件基通超链接方式组织起学生根学速度进行学交叉索引较方便前固定速度教师传授单方印刷课相然较进步课件部分容组织结构预先固定弹性较
认理想课件应够根学生知识结构学类型学情况动态生成学容组织结构
动态组织方面目前做根学生节题完成情况动态增加预先准备补充页材施教远远够方面改进课件中提高智化程度解决
5．结束语
基Web媒体CAI课件未媒体课件形式发展网教学资源基础
目前已完成优质实课件少类课件开发模型开发工具开发技术等研究少
认加紧类课件研究开发网教学早日进入实领域
文提方法技术基Web媒体CAI课件开发程中实际应实践证明行效