网页制作实验教程第五章---有影音动画的网页.pptVIP

第五章 有影音动画的网页 互联网络之所以被称为多媒体，主要是因为除了文字和图片这两大基本元素之外，它还集音乐、影视视频、Flash动画这些元素资源于一身，它们能够很好地丰富网页的表现形式。 实验目的： 要求同学们能够熟练掌握插入影音动画的各种网页编辑命令。 实验原理： 丰富多彩的网页得益于各种控制元件的加入，这些元件其实就是一些HTML标签，通过它们可以将文字、声音以及图像等元素以交互且动态的方式呈现在网页上。 实验条件： 电脑操作系统Windows XP/2000/98、Dreamweaver 8网页设计软件。 实验十六 插入Flash动画 Flash动画的制作比较简单，其文件比较小，还可以任意调整大小而仍保持清晰效果，另外还可以播放MP3高品质声音，可设超级链接。 实验内容： 步骤1 将光标移到想加入Flash动画的地方，选择［插入］工具栏中的［常用］栏中的［媒体］下拉菜单栏，单击 （Flash选项）按钮，弹出［选择文件］对话框。 步骤2 在弹出的［选择文件］对话框中，选择要添加的Flash动画文件，点击［确定］，该Flash动画就被添加到页面上了。 步骤3 点击页面上的Flash动画，下端出现该Flash动画的［属性］面板。 步骤4 在［属性］面板的［宽］和［高］文本框中，输入该Flash动画需要的宽度和高度值。 步骤5 选中［循环］复选框，设置该动画为自动循环播放。 步骤6 选中［自动播放］复选框，设置在动画下载的过程中同时播放已下载的部分，这样可以缩短浏览的等待时间。 步骤7 单击F12，在浏览器中预览效果。 实验十七 播放视频文件 该实验主要是使用了Dreamweaver中的插件功能，插件功能可以插播视频 文件和音乐文件等。 实验内容： 步骤1 将光标移到想加入视频文件的地方，选择［插入］工具栏中的［常用］栏中的［媒体］下拉菜单栏，单击（插件选项）按钮，弹出［选择文件］对话框。 步骤2 在弹出的［选择文件］对话框中，选择要添加的视频文件。页面上呈现图标时，表明该视频文件以插件的形式被添加到页面上了。 步骤3 点击页面上的图标，下端出现该插件的［属性］面板。 步骤4 在［属性］面板的［宽］和［高］文本框中，输入该插件需要的宽度和高度值。 步骤5 选择［参数］复选框，弹出［参数］设置面板，将参数autostart的值设为true，将参数loop的值设为-1。 实验十八 播放背景音乐 本实验以制作引导页的背景音乐为例，具体讲解如何使用插件播放音乐文件。 实验内容： 步骤1 将光标移到想加入音乐文件的地方，选择［插入］工具栏中的［常用］栏中的［媒体］下拉菜单栏，单击 （插件选项）按钮，弹出［选择文件］对话框。 步骤2 在弹出的［选择文件］对话框中，选择要添加的音乐文件。页面上呈现的图标时，表明该音乐文件以插件的形式被添加到页面上了。 步骤3 点击页面上的图标，下端出现该插件的［属性］面板。 步骤4 选择［参数］复选框，弹出［参数］设置面板，将参数hidden的值设为true，将参数autostart的值设为true，将参数loop值设为-1。 学习与思考 希望同学们按照以下要求来完善你的个人主页: 1.为你的个人主页添加风格相符、主题适合的影音、动画文件。 2.将你添加的文件在个人主页上做一个合理的布局，要求与主页的整体风 格相符。 3.为你添加的文件做合理的属性设置。 * * 实验十六 插入Flash动画 实验十七 播放视频文件 实验十八 播放背景音乐 *