7.1.1 插入Flash动画(课件）-高二《网页设计与制作》同步教学（中国人民大学出版社）

第7章 多媒体网页 教学任务： 学会在网页中插入各种媒体文件，如flash、视频、音乐等。 掌握行为面板中的交换图像、弹出信息、拖动AP元素等操作。 能够创建“都市夜景”网站相册。 教学重点与难点： 在网页中插入各种媒体文件。 行为面板。 创建网站相册。 利用Dreamweaver内建的多媒体组件，可以在网页中制作开场动画、播放影片与声音、显示网页更新日期以及互动行为效果等，各种媒体与程序文件都能使画面的呈现方式更丰富多元化。 相册与人们的生活密切相关，它可以用来收集、查看相片。在制作个人网站时，也可以把自己的电子相册放到网页中去。利用CSS样式可将网站相册修饰得更精美。 7.1 在网页中插入各种媒体文件 7.1.1 插入Flash动画 （1）将光标移到要插入Flash动画文件的位置，然后到【插入】面板的【常用】模式上“媒体”中单击SWF按钮 ，如图所示。 （2）从打开的【选择文件】对话框中找到所需的文件，然后单击 按钮，如图所示。 （3）回到Dreamweaver窗口后，光标位置会出现插入的动画文件图标。移动鼠标在【属性】面板单击 按钮预览动画，如图所示。 （4）选择动画文件，然后在【属性】面板单击 按钮，如下图所示，出现【参数】对话框后，在“参数”栏输入wmode，并在“值”栏输入transparent，然后单击 按钮，可将Flash背景透明化，如图所示。 7.1.2 插入视频 在网页中除了可插入Flash动画外，还可插入其它的视频，如*.mpg、*.avi、*.mov等。 （1）将光标移到要插入影片的位置，然后到【插入】面板的【常用】模式上“媒体”中单击 插件外挂程序按钮，如图所示。 （2）出现【选择文件】对话框后，在“查找范围”栏中选择文件所在磁盘与文件夹，接着在列表中选择文件名，然后单击 按钮。 （3）回到Dreamweaver窗口后，光标位置会出现视频插件图标，在【属性】面板的“宽”和“高”栏分别输入影片的宽度和高度，如下图所示。 （4）按F12键，即可预览播放视频。 7.1.3 插入音乐 （1）将光标移到要插入音乐文件的位置，然后到【插入】面板的【常用】模式上“媒体”中单击 插件外挂程序按钮。 （2）在打开的【选择文件】对话框中选取文件。 （3）回到Dreamweaver窗口后，光标位置会出现音乐插件图标，移动鼠标在属性面板单击 按钮,如下图所示。 （4）出现“参数”窗口后，在“参数”栏输入hidden，并在“值”栏输入false，接着单击 按钮新增设置项目，然后在“参数”栏输入autostart，在“值”栏输入true，最后单击 按钮（同前“参数”对话框），如图所示。 hidden参数用来设置是否隐藏播放器面板，autostart参数则是设置是否自动开始播放。 $$