第十二章 制作多媒体网页解析.pptVIP

第十二章　制作多媒体网页 第十二章　制作多媒体网页 本章学习要点： 时间轴动画的制作 图像动画的制作 插入Flash对象 插入音频 插入视频 插入其他多媒体 12.1 案例1 创建时间轴动画 〖学习目标〗在Dreamweaver CS3中，利用时间轴制作简单的动画效果。 〖知识要点〗时间轴和“时间轴”面板；应用AP Div插入对象；制作时间轴动画等。案例效果是一叶落叶缓缓落下，效果如下图所示。 12.1.1 时间轴及“时间轴”面板 1．认识时间轴 时间轴也称为时间线，用于排列画面的顺序，表示网页元素在不同时间的不同状态。时间轴由通道组成，每一个通道里放置一个运动的对象。Dreamweaver可以利用时间轴创建动画，构建动态的网页效果。 2．时间轴面板 选择“窗口→时间轴”菜单命令或按下〈Alt+F9〉组合键均可打开“时间轴”面板，如下图所示。 “时间轴”面板： 12.1.2使用时间轴创建动画 时间轴是通过改变AP Div的位置、大小、可视性以及叠放顺序来创建动画。时间轴只能移动AP Div，因此，如果要移动图像或文本，需要先在页面中创建动画的位置。插入一个AP Div，再将图像、文本、或其他类型的内容插入到AP Div中，并适当地调整它们的大小关系，通过移动AP Div来移动这些元素。 12.2 案例2 创建图像动画 〖学习目标〗熟练Dreamweaver时间轴的基本编辑，掌握在时间轴中创建图像动画的方法。 〖知识要点〗时间轴的新建、删除和重命名；为时间轴添加关键帧、对象；使用时间轴创建图像动画效果等。本案例依次显示4幅图像，它们分别如下图所示。 12.3 案例3 在网页中插入Flash对象 〖学习目标〗掌握在网页中插入Flash动画、Flash按钮、Flash文本的方法。 〖知识要点〗插入Flash对象；设置Flash对象的属性等。网页效果如下图所示。 Flash对象： 插入Flash动画 Flash动画采用的是矢量技术，它以文件小巧、速度快、特效精美、支持流媒体和交互功能强大的特点成为网页中最流行的动画格式，广泛地应用于网页中。 添加Flash按钮 可以直接在Dreamweaver中创建、插入和修改Flash按钮，不需要应用Flash 软件制作完成。 插入Flash文本 Flash文本是指只包含文本的Flash影片。Flash文本使用户利用自己选择的设计字体创建较小的矢量图形影片。 12.4 案例4 插入音频 〖学习目标〗熟悉网页中常用的音频文件格式，掌握为网页添加音频效果的方法。 〖知识要点〗音频文件格式；在网页中嵌入音频；为网页添加背景音乐等。链接音频文件的网页效果如下图7所示。 音频文件： 1.音频文件格式 音效在网页中有画龙点睛的作用，使网页给访问者留下深刻的印象。在网页中添加的音频格式比较多，通常使用的主要有WMA、MIDI、RA及MP3等 2.在网页中嵌入音频 3.为网页添加背景音乐 为网页添加背景音乐的方法一般有两种：第一种是通过bgsound标签来添加，另一种是通过embed标签来添加。 1．使用bgsound标签 使用bgsound标签为网页添加背景音乐的具体方法：在Dreamweaver中新建或打开需要添加背景音乐的页面，单击“代码”打开代码编辑视图，在body/body之间输入bgsound后按空格键，代码提示框会自动将bgsound标签的属性列出来供用户选择使用。 2．使用embed标签 使用embed标签来添加音乐的方法并不是很常见，但是它的功能非常强大，如果结合一些播放控件就可以打造出一个Web播放器。 使用embed标签为网页添加背景音乐的具体方法：在Dreamweaver中新建或打开需要添加背景音乐的页面，单击“代码”打开代码编辑视图，在body/body之间输入embed后按空格键，代码提示框会自动将embed标签的属性列出来供用户选择使用。 12.5案例5 插入视频 〖学习目标〗熟悉视频文件格式，掌握在网页中插入视频的方法。 〖知识要点〗插入Flash视频；应用插件插入视频等。插入视频后的网页效果如下图所示。 12.5.1视频文件格式 1．ASF格式 2．WMV格式 3．RM格式 4．RMVB格式 1 插入Shockwave影片 Shockwave影片是Macromedia网上交互多媒体的的标准，是一种允许用Macromedia的Director软件创建的媒体文件，能够快速下载并能被大多数浏览器播放的压缩格式。播放Shockwave影片的软件既可以作为Netscape Navigator插件，也可以作为ActiveX控件。插入一个Shockwave影片时，Dreamweaver将同时使用Object标签和embed标签，以便