《计算机网络》网上辅助教学课件系统说明书.docx
- 文档编号：9751681
- 上传时间：2023-05-21
- 格式：DOCX
- 页数：33
- 大小：727.35KB
《计算机网络》网上辅助教学课件系统说明书.docx
《《计算机网络》网上辅助教学课件系统说明书.docx》由会员分享，可在线阅读，更多相关《《计算机网络》网上辅助教学课件系统说明书.docx（33页珍藏版）》请在冰点文库上搜索。
《计算机网络》网上辅助教学课件系统说明书
《计算机网络》网上辅助教学课件
课题简介：
《计算机网络》课程是“开放教育试点”计算机科学与技术专业（专科）的一门重要的必修专业课程，是其他后续计算机网络技术课程的基础课，是计算机专业学生的重点课程之一。
目前，计算机网络广泛地用于工业、商业、金融、科研、教育以及日常生活的各个领域，成为信息社会中不可缺少的基础设施。
计算机网络是一个庞大而复杂的系统，其内容广泛且不太集中，是一种实用性的技术。
计算机网络课程介绍了计算机网络的基本概念、基本知识和计算机网络的应用，其内容与实际紧密联系，是一门在理论指导下，需要实际应用的课程。
要求学生在学习计算机网络基本概念和理论的基础上，重视实验环节，以加深对计算机网络的理解和掌握。
《计算机网络》课程是计算机专业学生的重点课程，认真学习和掌握是十分必要和重要的。
通过学习，学生应能够掌握有关计算机网络的基础知识，以便今后进一步学习网络技术的具体分类内容。
由于该课程内容较多，在学习本课程时，要抓住重点，注重基础。
CAI技术的出现为教与学带来了新天地，它不仅是传统课堂教学的补充和扩展，更是带来了全新的教学模式，其多媒体特征完全可以弥补课程黑板教学上的不足，一方面利用多媒体的丰富表现力、动态交互性，变抽象为具体，变静态为动态，变深奥为浅显；另一方面可以充分激发学生学习兴趣，调动学习主动性，丰富联想思维，培养学生创造性。
本系统是根据中央电大《计算机网络》教材与教学大纲要求，结合网络软件的特点，采用网页格式编制的辅助教学课件。
使用本软件，能够充分发挥远距离教学的优势，辅助学员进行学习计划安排，教学要点多媒体化讲授，网络互动式释疑。
本课件力求一种良好的学习环境，在这个环境中，学习者与计算机产生互动，学生在计算机的指导下完成本课程的学习。
它具有个别化、开放式和积极交流式的学习环境，要求学习者积极主动的学习，可以根据所学科目规律等特点，在一人一机的条件下不仅可以改善教师一对多的教学方式的缺陷，更能让学生通过重复学习提高学习效果。
本课件主要采用目前比较流行的网页设计软件DreamweaverMX、
FlashMX、FireworksMX，ASP技术等编制开发，采用模块的设计方
法，层次的结构，配上Flash等大量多媒体资料，力求简洁易用、形
式活泼，具有一定的实用性和可操作性。
《计算机网络》课件系统由六大部分组成:
（一）课程简介：
站点规划；主页面制作；公共模块制作；维护模块编制；系统调试与发布。
包括主页面、教学大纲、实施方案、课程说明、考核要求等。
其中含有系统框图、主界面设计、图标标识等多媒体设计。
（二）教学辅导模块：
子模块规划；子页面设计；代码编制；图片、动画等多媒体制作。
包括各章节所介绍的基本概念、知识点等多个网页。
使用适当的多媒体表现形式，力求突出重点。
（三）实验内容模块：
子模块规划；子页面设计；代码编制；教学内容设计；图片、动画等多媒体制作。
包括教材要求完成的网络实验内容以及具体实现过程。
使用适当的多媒体表现形式，力求突出重点。
（四）练习试题模块：
子模块规划；子页面设计；代码编制；教学内容设计；图片、动画等多媒体制作。
提供课后作业参考答案、练习题，便于学员进行自我测试。
（五）复习指导：
子模块规划；子页面设计；代码编制；图片、动画等多媒体制作。
包括各章节要求掌握的知识点及模拟试卷，指导学生按要求安排复习。
（六）问题解答：
子模块规划；子页面设计；代码编制；图片、动画等多媒体制作。
主要包括针对教材中的难点、重点以及热点问题作出分析的多个网页。
本小组的毕业设计主要完成：
1.课程简介;2.教学辅导;3.实验内容；4.练习试题;5.复习指导;6.问题解答。
本系统可以在互连网上使用，也可以在网络教室中使用，能用于课堂教学，也可用于学员自学使用，是新型的教学方式的必要工具之一。
本人的主要任务是课程简介：
站点规划；主页面制作；公共模块制作；维护模块编制；系统调试与发布。
包括主页面、教学大纲、实施方案、课程说明、考核要求等。
其中含有系统框图、主界面设计、图标标识等多媒体设计。
“《计算机网络》网络教学课件”结合了CAI课件与网络的特点，充分考虑到学生的个性，不仅可以在教学中起到教师的作用，学习伙伴的作用和教学工具的作用，而且其作为现代教学和家庭教育的新型课件，能产生引人入胜的文字、图形、动画和声音，激发学生继续学习的积极性。
必将受到越来越多学生和家长的认可和欢迎。
本论文的编写，由李建国老师亲临指导，接受本小组成员的建议和批评，经多次修改和纠正，只是本人水平有限，加上时间仓促，本论文还有许多不足之处，敬请各位领导和读者能够加以指正。
目录
第一章需求分析…………………………………………………6
●远程教育现状
●开放教学环节分析
第二章总体设计…………………………………………………9
●系统方案确定
●系统功能框图
●网站建立
第三章详细设计…………………………………………………11
●主页及独立页面的设计
●各模块页面设计
●HTML代码
第四章调试与分析………………………………………………28
●系统调试与网上发布
●进一步改进设想
第五章用户操作说明……………………………………………30
●软硬件环境
●操作手册
第六章结论………………………………………………………31
第七章参考文献…………………………………………………32
第一章需求分析
1.远程教育现状
现代远程教育基本上是指以计算机网络为主，卫星接收为辅的网络教学。
网络技术的发展支撑起现代远程教育，为远程教育的顺利实施提供了保障。
网络教育的发展，形成全新的现代教学观念和教学模式，大大丰富了教学内容，拓宽了教育空间。
教学观念由以往的“以教师为主”向“以学生为主”转变。
网络教育不受时间、空间和地点的限制，充分共享教学资源，真正做到教育全民化、教育终身化。
近几年来，国际互联网络在全世界得到了飞速发展，远程教育作为一种新型的教育模式已经使全球活动发生了深刻变化，通过Internet进行在线教育已成为教育发展的趋势。
2.开放教学环节分析
当前各种网上教学形式在Web上出现，如E-mail、网上聊天等方法。
网上教学的出现为学习者提供了方便，学生和学生、教师和教师之间可以方便地进行协作交流或反馈等活动。
网上教学相对与传统的教学而言，有其特殊的优势所在：
⑴突破了时空的局限。
基于Web的教学是通过网络来传输教学信息的，它的覆盖面广，只要计算机连接网络，学习者可以在任何地点、任何时间使用网上各种教学资源进行学习。
⑵教学资源丰富。
Web网上有许许多多不同层次的网上学校，开设各式各样的课程，可满足各种不同的学习需求。
网上资源丰富多彩、图文并茂，对提高学习的学习兴趣，培养创造性思维等都有重要的作用。
⑶教学内容组织方便灵活。
教学内容一般是存放于一个站点上，因而增删改和更新工作是很方便的，也可根据学习者的反馈意见，对教学过程的方法和策略如教学内容的组织结构、呈现方式、导航技巧、界面图符、媒体的应用、问题的设计、情境的创设等作相应改变或调整，使之更能发挥这种教学模式的优势。
⑷实时交互式教学。
在实时交互式远程教学网络中，通过使用电子邮件、语音信箱、交互电视或电视会议技术、虚拟现实技术等，学生与教师、学生与学生甚至教师与教师之间可以进行双向交流和沟通。
⑸实现合作学习。
Web也是一种学习环境，具有极强的链机构功能。
世界各地的教师、学生、专业小组或其他参与者均可在网上进行互交，探讨他们感兴趣的共同话题。
从建构主义的观点来看，合作学习过程实际上也是学生主动进行知识建构和意义建构的过程，教学过程中的这种双向或多向交流及相互联系符合当代教育的发展规律，能够有效地发挥学生学习的主动性和创造性，从而在更高的认知层次上达到对知识的真正掌握。
导学计划入学指南多媒体教材多媒体课件作业自我测试
网上答疑
网上讨论
学习
计划
面授教学
上机实验
网络教学
图1教学环节示意图
第二章总体设计
1．系统总体方案选定
本系统为辅助教学软件，充分运用现代通信技术手段，同时考虑方便学员使用，故采用WWW网页形式，提供网上辅助学习资源。
同时，通过各种网络交互方式进行师生双向交流，达到了个别化教学和自主学习的目的。
根据系统需求分析，采用结构化系统分析方法，可将本系统划分为十个模块，彼此通过超链接相互调用。
2.系统功能框图
3.网站的建立
（1）网页构思
一方面，在做一个网页之前必须先把网页规划好，对网页中的对象
进行定位且必须把网页进行精确地定位，有一点小小的出入，预览
的时候都会出现偏差，特别是用层进行定位的时候，因为层没有固
定的位置，所以用层进行定位是最容易出现偏差的。
另一方面：
在
主页的设计上，考虑到其性质是提供网上辅助学习，通过远程教育
网的建立来实现学员的网上学习与交流的秩序体系。
为了是使学员
能够通过我们的主页了解网络学校的具体情况，我们对主页的整体
设计做了充分的资料准备，力求做到直观、简洁、明了的效果。
（2）准备材料
在做网页之前，通过查阅大量的资料和阅览网上众多的网站中的网
页，根据本课件的特点以及本课件的模板所采用框架式的结构，我
搜集大量的精品素材，同时我自己也必须动手做一些Flash动画，
用Fireworks处理了一些图片。
（3）建站步骤：
①启动DreamweaverMX进入设计主界面，选择菜单命令[Site]&[New
Site]。
②在站点定义[SiteDefinition]对话框中，选择对话框[Advanced]
列中的[LocalInfo]选向。
③在站点[SiteName]输入站点名字“尹建”。
④单击文件夹图标，选择D盘目录下“尹建”。
⑤在出现的对话框中，找到本地站点。
⑥对于[Cache]选项建议选中[EnableCache]来给站点生成一个文件。
⑦单击[OK]按钮关闭对话框。
⑧继续单击[OK]按钮存储信息。
第三章详细设计
1.课件设计的特点
（1）主页布局
✧本站各页总体上均使用框架式层次结构，分为三个部分：
由上框架（TOP-Frame）、左框架（Left-Frame）和主框架（Main-Frame）三部分组成。
设计各部分所需的网页，正确链接，合理布局。
✧各部分至少包含一个以上的动画。
✧各网页应包含适当的图片，图片空间小于30KB。
（2）内容安排本网页虽然是一个教学课件，但是它同样适用于学
员进行自学。
我在内容上做了如下的安排：
我把课题简介、作者简介、
帮助信息、课程性质、考试说明、主要内容、单元练习、综合测试、
实验说明、指导教师做成了一个个的副页，其中主要内容、单元练习、
综合测试部分，我又做成了多个副页。
（3）色彩应用
①对色彩的把握：
a自然界中的颜色可以分为非色彩和色彩两大类。
非彩色指黑色、白色
和各种深浅不一的灰色，而其他所有颜色均属于彩色。
任何一种彩色
具有3个属性：
一是色相，也叫色泽，反映颜色的基本面貌。
二是饱
和度，也叫纯度，指颜色的纯净程度。
三是明度，也叫亮度，体现颜色的深浅。
非色彩只有明度特征，没有色相和饱和度的区别。
b计算机
屏幕的RGB色彩模式表现的是红、绿、蓝原色合成的效果，我们通过
调整这3种基色可调配出其他的颜色。
。
②色彩的选择标准：
色彩是网页设计中除了构图以外最重要的要素甚
至可以认为与构图有同等的重要性。
网页的色彩处理的好，可以锦上
添花，达到事半功倍的效果。
色彩的应用原则应该是网页的整体色彩
效果是和谐统一的，但是局部的、小范围的部分可以有一些强烈的色
彩对比。
艺术没有定式，在色彩应用上，可以根据网页内容的需要，
采用不同的主色调。
黑色代表严肃、；白色代表纯洁、简单；黄色代表
高贵、富有；红色代表热情、喜悦、庆典；蓝色代表清爽；绿色代表
植物、生机；灰色代表阴暗、消极；紫色代表浪漫、爱情；棕
色代表土地、诚实。
③本站使用的配色方案：
主要采用蓝色和白色这两个基本颜色。
蓝色
代表清爽；白色代表纯洁、简单这种搭配给人一种生动、醒目、明爽、一目了然的感觉，非常适合学员学习使用。
2.各模块设计
（1）主页框架及主页设计
Ø主要功能：
提供各子页面进入接口；具有多媒体信息界面。
Ø界面规划
上框架
（主导航栏）
左框架
主工作区
主页设计：
Ø动画题头设计
主页制作步骤：
①属性设置：
选择modify/pageproperties打开pageproperties
窗口，在pageproperties窗口中，设置标题title为index，背景
图片backgroundimage为beijing02.png，文本text颜色为#000000，
link的颜色为#000000，visitedlinks颜色为#0000ff，activelinks
颜色为#0000ff，left为1，top为1，然后点击ok即可。
②图片区制作：
设置图片宽为196pix，高为92pix，然后点击common
中的image，弹出对话框，选择图片，最后再点击ok即可。
图zcylkj.png
的插入和图片bar1-part.gif的插入类似，只是设置的宽度不同而已。
③导航栏：
由表格和文本构成的。
点击layout，在standardview下，点击inserttable，设置行数rows
为1，列数colums为为4，宽度width为760pix，表格边框border为
2，单元格边框cellradding为2，点击ok即可，填充背景颜色为
#99CC99，边框背景为#66ccff。
然后在各单元格中输入导航的名称，
并设置上下、水平均为居中。
④主工作区：
由一副Flash动画和滚动文字组成的。
首先先用flashmx
软件制作出一副flash动画。
然后点击layout，在standardview下，
点击drawslayer，再在工作区中画出一个框来，再点击common中的
flash，弹出对话框，选择要使用的flash生成文件，点击ok即可，
可以调整其大小的。
滚动文字的制作，主要是用一段代码来实现的。
具体代码见下面。
（2）各模块页面设计
①教学大纲
②实施方案
③课程说明
④考核要求
3.程序代码
①index.htm
DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Frameset//EN""
②top.htm
DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
absolute;width: 200px;height: 66px;z-index: 1;left: 199px;top: 17px;"> D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="width="320"height="60"> absolute;width: 200px;height: 67px;z-index: 1;left: 337px;top: -7px;"> absolute;width: 577px;height: 19px;z-index: 2;left: 86px;top: 78px;">