网页网站制作教程第11章

第11章在网页中插入多媒体Dreamweaver8(网页制作）主讲：张景山□本章知识点及学习目标随着多媒体技术的发展使网页设计者能轻松地在页面中插入声音、动画以及影片等内容，给访问者增添了几分欣喜。本章主要讲述如何使用Dreamweaver8在网页中插入多种媒体对象，如Flash文本、Flash按钮、Shockwave影片、Applet程序、ActiveX控件以及时间轴动画等对象。■在网页中插入Flash动画■在网页中插入Flash按钮■在网页中插入Flash文本■插入Shockwave影片■在网页中插入Applet程序■插入ActiveX控件■在网页中插入直线运动动画■在网页中插入曲线运动动画■在网页中插入自由运动动画本书内容概览11.1在网页中插入Flash对象11.1.1在网页中插入Flash动画11.1.2在网页中插入Flash按钮11.1.3在网页中插入Flash文本11.2插入Shockwave影片11.3在网页中插入Applet程序11.4插入ActiveX控件11.5时间轴动画11.5.1认识时间轴11.5.2插入直线运动动画11.5.3插入曲线运动动画11.5.4插入自由运动动画11.6实战演练11.7思考与练习11.1在网页中插入Flash对象在Dreamweaver8中不但可以插入Flash动画，而且还可以直接制作Flash文件、Flash按钮等对象。利用Flash文件可以制作出更具有动感的网页。下面介绍在Dreamweaver中Flash的应用方法。11.1.1在网页中插入Flash动画11.1.2在网页中插入Flash按钮11.1.3在网页中插入Flash文本11.2插入Shockwave影片Shockwave主要用来在网页上播放用Macromedia公司的Director创建的多媒体电影。Shockwave小电影可以集动画、位图、视频和声音于一体，并将它们合成一个交互式界面。要插入Shockwave电影，执行【插入】|【媒体】|【Shockwave】命令，插入后在文档中可以看到一个Shockwave动画占位符。11.3在网页中插入Applet程序Java是一种允许开发并可以嵌入Web页面的应用程序的编程语言。Javaapplet（Java小程序）是在Java的基础上演变而成的应用程序，它可以嵌入到网页中用来执行一定的任务。Javaapplet小程序创建后，便可以用Dreamweaver8将它插入到HTML文档中。Dreamweaver8使用applet标签来标识对小程序文件的引用。11.4插入ActiveX控件ActiveX控件（以前称作OLE控件）是可以充当浏览器插件的可重复使用的组件，有些像微型的应用程序。ActiveX控件在Windows系统中的InternetExplorer中运行，但不能在Macintosh系统中或NetscapeNavigator中运行。Dreamweaver8中的ActiveX对象允许在访问者的浏览器中为ActiveX控件提供属性和参数。11.5时间轴动画要在浏览器中预览页面，必须先保存框架集和框架文时间轴是根据时间的流逝移动图层位置的方式显示动画效果的一种动画编辑界面。例如制作最初在左侧的图像随着时间流逝移动到右侧的动画效果。在Dreamweaver中将应用简单动画稍加提高到应用高级的动画，就可以制作出具有个性并且专业的动画效果。通过查看旁边的实例可以更加容易理解时间轴。下面先简单查看制作方法。先选择要应用动画中有天鹅的图层，拖动到时间轴上进行标注。选择第一个帧后把图层放置到左侧，然后又选择最后一个帧后把图层向右移动。这样就制作了从左侧移动到右侧的动画。件。可以分别保存框架集或框架文件，也可以同时保存所有框架和框架集文件。11.5.1认识时间轴当完成框架页面的创建后，可以直接在框架集的框架页面中认识时间轴首先要从【时间轴】面板学起。【时间轴】面板用于显示层与图像随时间变化的属性。执行【窗口】|【时间轴】命令，打开【时间轴】面板，如图所示。插入表格、图像以及多媒体等网页元素，完成整个网页的制作，也可以将已经完成的页面载入框架。【时间轴】下拉列表框【行为通道】【关键帧】【动画】通道【动画条】【播放栏】【帧编号】11.5.2插入直线运动动画时间轴是通过改变层的位置、大小、可视性以及叠放顺序来创建动画。时间轴只能移动层。因此，如果要移动图像或文本，就要先在页面中创建动画的位置。插入一个层，再将图像、文本或其他类型的内容插入到层中，并适当地调整它们的大小关系，通过移动层来移动这些元素。11.5.3插入曲线运动动画制作曲线运动动画的操作步骤如下。1、如果使动画层作曲线移动，选择动画条，按住Ctrl键单击，在插入点位置添加一个关键帧；或在动画条中间单击一帧，并从右键快捷菜单上选择【添加关键帧】。2、移动层，使运动轨迹呈曲线状（本实例是在添加的关键帧处向下移动层。3、单击【播放】按钮，预览页面上的动画。4、按照本操作过程，在时间轴中添加另外的层和图像，可以创建更加复杂的动画。11.5.4插入自由运动动画如果要创建具有复杂路径的动画，若按上述创建一个个关键帧的方法就比较麻烦，若用拖动层时记录路径的方法则简便得多。11.6实战演练使用【播放时间轴】和【停止时间轴】动作可允许用户通过单击一个链接或按钮启动和停止时间轴，也可以在用户将鼠标移动到某个链接、图像或其他文本之上时自动启动或停止时间轴。如果在【时间轴】面板中选中了【自动播放】复选框，则【播放时间轴】动作将自动使用onLoad事件附加到body标签中。11.7思考与练习1.简答题（1）在网页中插入Flash对象有哪几类？（2）时间轴与层的关系是什么？（3）采用什么方法能快速地创建一个较复杂路径的时间轴动画？（4）采用什么方法能控制时间轴动画的播放与停止？2.操作题制作一个飞翔的小鸟自由运动的时间轴动画。本节学习结束