第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格式音频文件为例,具体讲述在网页 中插入音频文件的方法