网络CAI课件树状导航实现方法-免费论文
欢迎来到网学网学习，获得大量论文和程序！
网络CAI课件树状导航实现方法
　　网络CAI课件树状导航实现方法
　　摘& 要：网络教育的迅速发展促使了基于网页CAI课件的发展。使网络CAI课件的导航更加有效和便捷是当前的一个重要研究课题。本文以利用JavaScript语言和DHTML语言为基础，设计出一种有效的，类似于Windows资源管理器的树状导航策略。这种树状导航策略将有助于学生更好地进行网上自主学习。
　　关键词：网络&& CAI课件&&& DHTML&& 树状结构&& 导航策略
　　一、问提的提出
　　随着教育部对远程教育大投资开始，远程教育在中国得到了飞速的发展，湘潭师范学院网上远程教育站点在2000年也已经开通。据研究，21世纪初在中国现代远程教育和网上学校将得到较快发展，计算机网络建设在10年内都会是热点问题[1]。网上教育将成为继续教育甚至普通教育的一大支柱，而网站建设也成了我们推广科技文化的一项重要工作。
　　在参加湘潭师范学院教育系钟毅平教授主持的科研课题《公师公共课〈心理学〉CAI课件设计》的过程中，我发觉众多教育网站的导航策略都局限于“按钮+超文本+下拉菜单”的方式，这虽然可以制作得十分精美，但却有一个不可克服的缺点：导航不够快捷方便。因为在这些课件的超级链接网中，要想进入下一个节点，必须对某一个页面进行更新，这不但让学生花费大量时间和金钱在页面更替上，也容易使学生在学习过程中迷航――不知道自己所处的位置和所学内容与其他学习内容的关系。如果能提供一个更加完美的导航策略，将更加有利于学生进行自主学习。
　　二、问题分析
　　使用过Windows9x的用户都知道，Windows中的资源管理器（如下图所示）是一个非常有效，使用非常方便的工具。用户可以点击一个折叠文件夹来打开文件夹，也可以点击打开的文件夹来将它折叠。因此使用起来非常方便。导航效果也非常好。那么我们能不能在网页上也设计出类似于资源管理器的导航方式呢。
　　在网页制作中，一般的网页制作工具都提供对框架结构的支持。在网页制作过程中，我们可以利用框架结构，把网页分成左右两个页面(下左图)或上左右三个页面（下右图）。如果是两个页面，那么可以让框架左页面显示类似于资源管理器左框面内的树状目录，右页显示学习的内容。 如果是上左右三页面组成的框架，那么可以在上面的那个页面内显示课件作单位等。
　　三、问题解决
　　网页是一个文本文档，可以利用纯文本编辑器直接编写。网页编写的规范是HTML（HyperText Markup Language超文本标识语言）。因此问题的解决主要依赖于HTML语言规范。
　　HTML语言是随着Web网络的迅速兴起而兴起的。日W3C标准话组织发布了HTML4.0语言。HTML4.0语言的发布，将原先的HTML语言扩展到一个全新的领域，如样式表单，Script语言，框架结构，内嵌对象等等[2]。经过探索和研究，我利用JavaScript语言和DHTML（动态超文本标识语言）在网页上实现了树状结构。
　　我们要实现的基本功能是当鼠标点击根目录后，如果根目录是折叠的，则展开子树目录，否则折叠子树目录。利用层叠样式表单和递归设计原则，我们就可以实现类似于Windows资源管理器的目录树功能。
　　在CSS（层叠样式表单）有两个属性display和visibility。利用”display:none”和”visibility:hidden”都可以把该对象隐藏起来[3]。实现该物体在网页中不可视。但是CSS中这两个属性是不相同的。当属性值为”display:none”时该物体不可视，并且不占用主页空间；当当属性值为”visibility:hidden”时该物体不可视，但占用主页空间。因此可以选用属性值”display:none”。
　　我的思路是用JavaScript语言来判断目前目录树的状态，然后根据目前目录树的状态，在鼠标单击时进行相应的动作：展开或折叠目录树。程序设计如下所示：
　　使用了这种导航策略之后，我发觉至少有以下几个优点：
　　一、在学习过程中，学生可以很好地把握自己的位置，大大减小了在学习过程中迷航的可能性。学生只要看一下左页面的内容，就可以很快地发现自己目前所处的位置。即使自己不小心迷航，通过点击左页面的内容，就可以很快地返回来。
　　二、整个课件的导航集中在一个页面内，只要把该页面下载下来之后，就不用再下载导航页面。在中国目前网路还比较拥挤的情况下，这可以避免因为要查找某一学习内容而不断下载页面的情况，节约了时间和金钱，提高了导航效率。
　　三、能更好地体现学习内容之间的相互关系。利用树状结构的根和节点之间的关系，可以较好地各个学习知识点之间的相互联系，也可以更快、更准确地进行查找。
　　四、总结
　　树状结构在数据结构中是一个非常重要的数据类型。树状结构的最大特点是一个根节点下面可以连接一个或多个子树。树状结构是一个有序结构，因此不会产生回路，与图状结构相比较，有利于保持一个清晰的导航思路。同时树状结构是一个一对多的数据结构，不同于线性表结构，能够使查询更加快捷，缩短平均查询时间。由于树状结构的这些特点，因此在现实中可以发现许多树状结构的原型或变式。将树状结构应用到网页的导航策略中，对网页的导航策略设计有着非常重要的意义，树状导航将为网页提供更加方便、快捷的导航方式。
　　将树状导航策略应用到钟毅平教授主持的科研课题《公师公共课〈心理学〉CAI课件设计》中的CAI课件上，我们取得了很好的效果，也为学生通过网络进行自主学习创造了很好的条件。学生不但不会迷航，还可以以最快的速度到达要学习的内容。&&
【责编:网学网&
【】【】【】【】【】
　　　　　　　　　　&&&&&
All Rights Reserved 版权所有?网学网 提供大量原创论文 参考论文 论文资料 源代码 管理及投稿 E_mail：
郑重声明： 本网站论文均来自互联网，由本站会员上传或下载，仅供个人交流、学习、参考之用，版权归原作者所有
请下载完后24小时之内删除，任何人不得大幅抄录、在期刊上发表或作为商业之用。如涉及版权纠纷，本网站不承担任何法律及连带责任。您所在位置： &
&nbsp&&nbsp&nbsp&&nbsp
基于Web多媒体CAI课件设计及应用.pdf 84页
本文档一共被下载：
次 ,您可全文免费在线阅读后下载本文档。
下载提示
1.本站不保证该用户上传的文档完整性，不预览、不比对内容而直接下载产生的反悔问题本站不予受理。
2.该文档所得收入(下载+内容+预览三)归上传者、原创者。
3.登录后可充值，立即自动返金币，充值渠道很便利
需要金币：200 &&
你可能关注的文档：
··········
··········
学 位 论 文
基于Web 多媒体CAI 课件的设计与应用
（题名和副题名）
（作者姓名）
指导教师姓名
电子科技大学
惠州市华清企业管理咨询有限公司 惠州
（职务、职称、学位、单位名称及地址）
申请学位级别
工程领域名称
论文提交日期
论文答辩日期
学位授予单位和日期
电子科技大学
答辩委员会主席
注1：注明《国际十进分类法UDC 》的类号
独 创 性 声 明
本人声明所呈交的学位论文是本人在导师指导下进行的研究工
作及取得的研究成果。据我所知，除了文中特别加以标注和致谢的地
方外，论文中不包含其他人已经发表或撰写过的研究成果，也不包含
为获得电子科技大学或其它教育机构的学位或证书而使用过的材料。
与我一同工作的同志对本研究所做的任何贡献均已在论文中作了明
确的说明并表示谢意。
日期： 年 月 日
关于论文使用授权的说明
本学位论文作者完全了解电子科技大学有关保留、使用学位论文
的规定，有权保留并向国家有关部门或机构送交论文的复印件和磁
盘，允许论文被查阅和借阅。本人授权电子科技大学可以将学位论文
的全部或部分内容编入有关数据库进行检索，可以采用影印、缩印或
扫描等复制手段保存、汇编学位论文。
（保密的学位论文在解密后应遵守此规定）
导师签名：
日期： 年 月 日
本文的研究旨是为当前基于Web 多媒体CAI 课件的制作提供理论指导和技术
支持，并为基于Web 多媒体CAI 课件的应用提供借鉴和参考，从而有利于基于Web
多媒体 CAI 教学的广泛应用和发展，进而提高教学效果，促进现代教育改革的实
施和发展。
本文阐述了基于Web 多媒体CAI 课件应用的国内外研究现状、研究背景、发
展方向、研究意义和研究内容，并指出了当前基于Web 多媒体CAI 课件存在的问
题；从基于Web 多媒体CAI 课件制作的原则、主要开发工具、课件开发、系统安
全等入手，规划设计了合理的数据结构；采用理论研究与实例举证相结合的方法，
对基于Web 多媒体CAI 课件的页
正在加载中，请稍后...东北石油大学版权所有 |& 地址：黑龙江省大庆市高新技术产业开发区学府街99号&
信息维护：教务处& |& &技术支持：现代教育技术中心君，已阅读到文档的结尾了呢~~
基于Web的新型CAI课件的设计研究与远程教学研究,和,教学,设计研究,教育研究,远程教学,Web,基于Web,CAI教学,CAI课件
扫扫二维码，随身浏览文档
手机或平板扫扫即可继续访问
基于Web的新型CAI课件的设计研究与远程教学
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由：
将文档分享至：
分享完整地址
文档地址：
粘贴到BBS或博客
flash地址：
支持嵌入FLASH地址的网站使用
html代码：
&embed src='/DocinViewer-4.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布，请您等待！
3秒自动关闭窗口}