网页设计与制作案例教程第14章.ppt

第*页 14.5 案例5：插入音频 【案例目的】将音频链接到网页中。 【核心知识】 链接音频。 第*页 14.5 案例5：插入音频 14.5.1 音频的文件格式 14.5.2 插入音频 第*页 14.5.1 音频的文件格式 1．MIDI格式 2．WMA格式 3．RA格式 4．MP3格式 第*页 14.5.2 插入音频 方法一： 应用插件插入视频。选择菜单“插入记录”→“媒体”→“插件”。 方法二： 将音频链接到网页中。即选中要链接的文本或图像，单击属性面板中“链接”文本框旁的浏览文件夹图标，打开选择文件对话框，选择需插入的文件。 第*页 14.5.2 插入音频 案例分解：插入音频 （1）打开网页文件，选中链接的文本 。 （2）在属性面板中，单击“链接”文本框旁的浏览文件夹图标，打开选择文件对话框 。 （3）单击“确定”按钮，文件名出现在链接文本框中 第*页 14.6 插入其他多媒体对象 14.6.1 插入Shockwave电影 14.6.2 插入Applet(Java小程序) 14.6.3 插入ActiveX 第*页 14.6.1 插入Shockwave电影 （1）将光标位于要插入Shockwave电影的位置，选择菜单“插入记录”→“媒体”→“Shockwave”。 （2）从弹出的文件选择对话框，选择要插入的Shockwave电影文件（*.swf），单击“确定”按钮。 （3）单击选中Shockwave电影对象，修改其属性。 第*页 14.6.2 插入Applet(Java小程序) （1）将光标位于要插入Applet的位置，选择菜单“插入记录”→“媒体”→“Applet”。 （2）在弹出的文件选择对话框中选择已经制作好的Applet小程序文件，单击“确定”按钮，将其插入到文档中。打开其属性面板 ，修改其属性。 第14章 动画和多媒体　　　 第*页 本章内容 14.1 案例1：创建基本动画 14.2 案例2：创建图像动画 14.3 案例3：插入Flash对象 14.4 案例4：插入视频 14.5 案例5：插入音频 14.6 插入其他多媒体对象 14.7 在HTML代码中插入多媒体 14.8 安装多媒体插件 14.9 上机实训 14.10 习题 第*页 14.1 案例1：创建基本动画 【案例目的】利用时间轴创建基本动画，物 体从画面左侧飞至右侧 。 【核心知识】应用AP Div插入对象，AP Div添加到时间轴。 第*页 14.1 案例1：创建基本动画 14.1.1 时间轴概述 14.1.2 时间轴面板 14.1.3 使用时间轴创建动画 第*页 14.1.1 时间轴概述 时间轴也称为时间线，用于排列画面的顺序，表示网页元素在不同时间的不同状态。它由通道组成，每一个通道里放置一个运动的对象。 不需要任何ActiveX控件、插件或Java程序，通过往文档中添加JavaScript代码就可以实现时间轴构建的动态效果。 第*页 14.1.1 时间轴概述 时间轴还有4项功能： 改变层的大小 改变层的可见性 改变层的叠放顺序 改变图片的属性 第*页 14.1.2 时间轴面板 选择“窗口”→“时间轴”或按快捷键Alt＋F9，即可显示时间轴面板。 第*页 14.1.3 使用时间轴创建动画 创建时间轴动画，就是首先在动画通道上添加对象构建动画条，然后构建动画条上的关键帧，最后在文档窗口中设置对象在关键帧上的位置，从而实现动画效果。 第*页 14.1.3 使用时间轴创建动画 案例分解：创建基本动画 （1）打开网页文件 （2）选择菜单“插入记录”→“布局对象” →“AP Div” （3）将插入点放置在AP Div中，选择菜单“插入记录”→“图像” （4）选中AP Div，将其拖到时间轴面板 （5）单击“确定”按钮，在时间轴面板中出现动画条，拖动最右端的关键帧标记至60帧。 第*页 14.1.3 使用时间轴创建动画 案例分解：创建基本动画 （6）在时间轴面板中选中第30帧，单击鼠标右键，在弹出的快捷菜单中选择“增加关键帧”命令，插入关键帧。选中第30帧，将AP Div拖动到相应位置。 （7）选中第60帧，将AP Div拖动到相应位置 。 （8）保存文档，按F12键预览动画效果。 第*页 14.2 案例2：创建图像动画 【案例目的】通过改变图像的源文件，创建 图像切换效果。 【核心知识】通过属性面板改变图像的源文 件。 第*页 14.2 案例2：创建图像动画 14.2.1 编辑时