3。3网页课件设计原则 16

3。4网页课件的设计流程 17

3。4。1设计思路和框架 17

3。4。2具体设计 21

3。5网页课件的调试与发布 27

第四章 网页课件制作成果展示 28

4。1 主网页成果展示 28

4。2 产品相关成果展示 29

4。3 产品参数成果展示 29

4。4 柴油机与汽油机区别成果展示 30

4。5 工作原理成果展示 31

4。6 图片展示成果展示 32

4。7 视频演示成果展示 33

4。8 互动教程成果展示 34

第五章 结论与展望 35

致  谢 36

参考文献 37

附 录 39

主网页的设计 39

“产品相关”设计 40

“产品参数”设计 41

“柴油机与汽油机”区别 44

“工作原理”设计 46

“基本概念”设计 46

“工作行程”设计 47

“五大系统”设计 49

“图片展示”设计 53

“视频演示”设计 60

“互动教程”设计 71

第一章 绪  论

1。1研究的背景和意义

1。1。1研究背景

从20世纪末发展至今，人们对于Windows 操作系统的掌握程度已日趋成熟，将传统的、面向控制台的字符软件开发，向着面向窗口程序的可视化编程转化已经成为必然的趋势。伴随着软件工程技术的不断发展，可视化和面向对象的编程已成为当今世界十分流行的编程技术。

在现实教学的活动过程中，教师经常用的多媒体课件类型主要包括Word 文档、Authorwear 课件、PPT 演示文稿以及FrontPage 制作的静态网页等。教师喜欢这些类型的课件的原因在于制作用时少、课件制作方便、易于运行、所占系统容量小、易于修改且页面简洁。但是，这些课件必然是存在着一定的局限性的。按分类上划分，这些多媒体教学软件属于资料型和展示型，并没有突出多媒体课件在用于辅助教学活动的过程中所能发挥的优势，它只是将教学内容、知识和资料利用电子信息的方式大量地展示给学生，导致了在教学活动过程中老师很容易步入满堂“电灌”的误区。这样，课堂教学就无法激起学生的学习兴趣，不利于教师在教学活动中主导作用的发挥，更加不利于学生自主学习能力的发挥[1]。所以利用网页制作设备运行可视化的特点和方法，突破了传统课件的缺点，可以有效地改变传统课件，使网页多媒体课件中包括文字、动画、图像、视频、声音、交互以及学生反馈和师生交流等。

网页型多媒体课件是一种依照教学目标而设计的、表现特定教学内容、反映一定教学方案的计算机教学程序，是为学校课堂的教学应用而开发的编程软件，它可以用来存储、传递以及处理教学信息，是可以让学生进行交互操作、并针对学生的学习情况作出评价的教学媒体，具有教学性、交互性、科学性以及诊断性和集成性这五个特点[1]。