《网页设计与制作》课程教学资源（PPT课件讲稿）第6章 让网页动起来

第6章让网页动起来 意应用Flash动画 章音乐的应用 意使用其他媒体元素 意上机实践一为“金刚”网页添加动态元素

第6章 让网页动起来  应用Flash动画  音乐的应用  使用其他媒体元素  上机实践—为“金刚”网页添加动态元素

6.1应用Flash动画 Flash动画是目前最为流行的矢量动画，很多网页中 都包含Flash动画。Flash文件有3种类型： 海Flash源文件(.fla),它是所有Flash动画的源 文件，此类型的文件只能在Flash8中创建、打开并 编辑。 Flash动画文件(.swf),它是Flash(.fla)文 件的压缩版本，已进行了优化处理以便在网页中使 用。 Flash模板文件(.swt),可以直接在 Dreamweaver中编辑这类文件，它包括Flash按钮 和Flash文本两种对象

6.1 应用Flash动画 Flash动画是目前最为流行的矢量动画，很多网页中 都包含Flash动画。Flash文件有3种类型： Flash源文件（.fla），它是所有Flash动画的源 文件，此类型的文件只能在Flash 8中创建、打开并 编辑。 Flash动画文件（.swf），它是Flash（.fla）文 件的压缩版本，已进行了优化处理以便在网页中使 用。 Flash模板文件（.swt），可以直接在 Dreamweaver中编辑这类文件，它包括Flash按钮 和Flash文本两种对象

6.1.1插入Flash影片 确定插入点后，单击“插入”栏“常用”类别中的 “媒体：Flash按钮，打开“选择文件”对话框。从 中选择文件，然后单击“确定”按钮即可。 常用、 回里目回·茴回卧·厚 选择文件 ☒ 法取文件名自 8资花标 站点和服务爵丽 查找范圈)：a: 0重3四： 14x0g 20C5E2g182710inx10 ndex I正 index_1 nder 2 文样名图 文纯型所有文件) 取消 inages/xiangsbeng swf 相对于 文档honds htn 在站点定义中更改数认的链接胡对王 预览 效果 2其1 ☒凹

6.1.1 插入Flash影片 确定插入点后，单击“插入”栏“常用”类别中的 “媒体：Flash”按钮，打开“选择文件”对话框。从 中选择文件，然后单击“确定”按钮即可。 预览 效果

6.1.2 Flash背景透明 假如我们为网页、某个表格或某个单元格指定了一张 很漂亮的背景图像，而当我们在其中又插入一个 Flash动画的时候，Flash动画的背景颜色会遮盖掉背 景图像，这就需要将Flash动画的背景颜色改成透明。 $数 为Flash动 田包 因可 确定 取消 画添加参数 wnode transparent 预览 fla.htnl* -日× 回代码园拆分国设计标题：无标题文档 效果 帮助 19 ody>100%443 x 189 I K/1

6.1.2 Flash背景透明 假如我们为网页、某个表格或某个单元格指定了一张 很漂亮的背景图像，而当我们在其中又插入一个 Flash动画的时候，Flash动画的背景颜色会遮盖掉背 景图像，这就需要将Flash动画的背景颜色改成透明。 为Flash动 画添加参数 预览 效果

6.1.3 插入Flash按钮 Flash按钮包括两类，一类是自已制作的Flash按钮， 另外一类是Dreamweaver中集成的Flash按钮。前 者的插入方法与Flash影片类似，这里主要讲解后者 的插入。 转人月h按圆 范剂 Dution Tesd 应用 Flash 取 取8样行式 鸭卫按钮代 A1ash文本 FlashPaper Flash Video 报nml ■荒门 Shopping Shockrave 稼 APPLET 世最色 是9加 明参数 元 ActiveX 插件 ☒

6.1.3 插入Flash按钮 Flash按钮包括两类，一类是自己制作的Flash按钮， 另外一类是Dreamweaver中集成的Flash按钮。前 者的插入方法与Flash影片类似，这里主要讲解后者 的插入

6.1.4插入F1ash文本 Flash文本是Dreamweaver中集成的文本，插入 Flash文本与插入Flash按钮类似。 插入F1ah文本 字体：伴文新魏 大小：14☐ 确定 应用■ BL巨叁道 取消 煎色 口好9e00转液颜色：*0000■ 帮助 回，鬼简四卧 文本： 在一个落叶风孝的状天 运到我一生中最受的人 从此以后她的样子把我整颗心灌醉 个叶儿的秋天 ⑦1ash 让我委的即么仙涌即么真 一生中麦的人 从乾以后地的样手老液坚藤心派薛 色F1ash按钮 文本k ☑显示字体 FlashPaper 多希望地会过的快乐 链接：1.ht □河克□ Flash Video 目标：s1f 肯景色 APPLET 另存为：toxt2w王 测览，□ 我送当望一点 参数 hctive 痛的后了以也快函 作词：陈所 零插件 作：马海

6.1.4 插入Flash文本 Flash文本是Dreamweaver中集成的文本，插入 Flash文本与插入Flash按钮类似

6.2 音乐的应用 6.2.1为网页增加背景音乐 通过在网页的与标签之间加入 标签，并在标签里添加一 些相应的属性即可为网页添加背景音乐。 Khead> 5 无标题文档 8

6.2 音乐的应用 6.2.1 为网页增加背景音乐 通过在网页的与标签之间加入 标签，并在标签里添加一 些相应的属性即可为网页添加背景音乐

6.2.2在页面中嵌入音乐文件 如果想控制声音的播放进度、快进和快退、调整音量 等，就必须在网页中嵌入音乐文件

如果想控制声音的播放进度、快进和快退、调整音量 等，就必须在网页中嵌入音乐文件。 6.2.2 在页面中嵌入音乐文件

1.常用音频文件格式 。MID格式：占用空间小，一般为十几KB、几十KB不等，适于网上 传播，其缺点是音色单调。 WAV格式：具有较好的声音品质，适应性强，在所有安装有声卡的 电脑中都可以播放。其缺点是占用空间大，动辄几MB,甚至几十MB。 鲁AIF格式：与WAV格式类似，也具有较好的声音品质，但是，由于 AIF文件体积庞大，从而限制了它在网页上可以使用的长度。 MP3格式：是一种压缩格式，它可令声音文件明显缩小。其声音品 质非常好。 。WMA:是微软公司推出的与MP3格式齐名的一种新的音频格式。 目前，MP3、WMA已经成为网络音频的主要格式之一。 RA或RAM(Real Audio)格式：具有非常高的压缩程度，文件大 小要小于MP3格式的文件

1．常用音频文件格式 MID格式：占用空间小，一般为十几KB、几十KB不等，适于网上 传播，其缺点是音色单调。 WAV格式：具有较好的声音品质，适应性强，在所有安装有声卡的 电脑中都可以播放。其缺点是占用空间大，动辄几MB，甚至几十MB。 AIF格式：与WAV格式类似，也具有较好的声音品质，但是，由于 AIF文件体积庞大，从而限制了它在网页上可以使用的长度。 MP3格式：是一种压缩格式，它可令声音文件明显缩小。其声音品 质非常好。 WMA：是微软公司推出的与MP3格式齐名的一种新的音频格式。 目前，MP3、WMA已经成为网络音频的主要格式之一。 RA或RAM（Real Audio）格式：具有非常高的压缩程度，文件大 小要小于MP3格式的文件

2.在网页中嵌入音乐 下面以插入WMA格式音频文件为例，具体讲述在网页 中插入音频文件的方法。 回代码四拆分设计 标恩：无标题文档 y插入)修改则)文本①)命令C)站点)亩口值)帮助D 标签)， Ctrl+E 四卧·园 图像) Ctrl+Alt+I 图像对象) 媒体侧) Flash (E) Cur1+AIt+F 表格) Ctrl+Alt+T 图像查看器) 表格对象) 1sh文本 布局对象) F1ash按钮⑧) 表单) FlashPaper 1ash视烦但. 超城链接正) 电子邮件链接心) Shockwave (S) Ctrl+Alt+D 回代码斯分园设计标题：无标题文档 命名诺记) Applet(A) 2RO22P222B2O2 日期) Activex图) 服务器端包括) 插件) 注释C) ，属性 插件，560K 宽280 源文件images/ybzdgd.wma 对齐居中 高5 插件UL 下放 垂直边距 边框 水平边距 参数

2．在网页中嵌入音乐 下面以插入WMA格式音频文件为例，具体讲述在网页 中插入音频文件的方法