静态网页设计与制作 教学课件 作者 胡汉辉 模块三.pptVIP

任务实施  3.2.1 音乐文件的添加 1)选择第一个歌名“Bad Romance”，单击“属性”面板中的【链接】按钮，打开“选择文件”对话框，在“music”文件夹中找到对应的音频文件，单击【确定】按钮，如图3-41所示。 正文_Embed_129.png 3.2.1 音乐文件的添加 正文_Embed_130.png 图3-40 页面效果 图3-41 选择音频文件 3.2.1 音乐文件的添加 2)按【F12】键预览页面，如果是IE浏览器，单击已设置链接的文本，则会弹出一个新窗口播放音乐。3)由于此时“Bad Romance”文字设置了链接，文字颜色发生了变化，而且还有下划线，如图3-42所示。 正文_Embed_131.png 3.2.1 音乐文件的添加 正文_Embed_132.png 图3-42 链接文字 图3-43 修改链接颜色及下划线4)为其他歌名设置对应的音频链接。 3.2.1 音乐文件的添加 图3-44 页面效果图 1)打开素材页面，切换到代码视图，在其中找到body标签， 3.2.1 音乐文件的添加 并在其后面输入“”以显示标签列表，在弹出列表中找到“bgsound”，并双击该标签。2)如果该标签支持此属性，那么按空格键以显示该标签允许的属性列表，从中选择“src”选项，这个属性用来设置背景音乐文件的路径，如图3-46所示。 正文_Embed_134.png 3.2.1 音乐文件的添加 正文_Embed_135.png 图3-45 输入标签 图3-46 设置标签属性3)选择“src”属性后，出现“浏览”字样，单击【浏览】按钮，弹出“选择文件”对话框。 3.2.1 音乐文件的添加 图3-47 选择背景音乐文件 4)将光标定位在新插入的代码后，按空格键，在属性列表中选择“loop”属性，如图3-48所示。 3.2.1 音乐文件的添加 5)双击插入“loop”属性，出现“-1”，并将其选择。 正文_Embed_137.png 正文_Embed_138.png 图3-48 设置循环 图3-49 循环属性6)保存文档，按【F12】键在浏览器中预览。 3.2.2 视频文件的添加 (1)插入Flash视频1)打开素材页面，将光标放到需要视频插入的位置。2)此时会弹出“插入Flash视频”对话框。 图3-50 页面效果 3.2.2 视频文件的添加 正文_Embed_140.png 3.2.2 视频文件的添加 正文_Embed_141.png 图3-51 插入Flash视频 图3-52 “插入Flash视频”对话框 3.2.2 视频文件的添加 3)保存文档，按【F12】键在浏览器中预览。(2)插入WMV视频1)打开素材页面，将光标放到需要视频插入的位置。2)此时会弹出“选择文件”对话框。 图3-53 页面效果 3.2.2 视频文件的添加 正文_Embed_143.png 3.2.2 视频文件的添加 正文_Embed_144.png 图3-54 插入插件 图3-55 选择视频文件 3.2.2 视频文件的添加 3)可以看到在如图3-56所示的页面中只有一个小小的图标。 正文_Embed_145.png 3.2.2 视频文件的添加 正文_Embed_146.png 图3-56 插件图标 图3-57 设置视频尺寸 3.2.2 视频文件的添加 4)打开页面后，视频会自动播放，有播放滑块，有音频调节器，没有制作人信息。 正文_Embed_147.png 3.2.2 视频文件的添加 正文_Embed_148.png 图3-58 设置插件参数 图3-59 设置后的效果图 3.2.3 扩展程序的使用 图3-60 插入Applet 1)打开素材页面，删除页面左上方原来的图片，将光标放到需要插入Applet的位置。 3.2.3 扩展程序的使用 2)此时会弹出“选择文件”对话框。3)可以看到在页面中新出现一个小的图标。 正文_Embed_150.png 3.2.3 扩展程序的使用 正文_Embed_151.png 图3-61 选择Applet文件 图3-62 设置Applet的“属性”面板 3.2.3 扩展程序的使用 4)切换到拆分视图，在相应的位置输入如图3-63所示代码。