[精选]网页设计之插入多媒体元素.pptx

《[精选]网页设计之插入多媒体元素.pptx》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、上海理工大学计算机基础教研室网页设计(第5讲）学习目标插入多媒体元素模板、库和资源管理插入多媒体元素重点：如何使用Flash动画、Flash按钮、Flash元素和Applet小程序丰富网页。插入多媒体元素1.1网页的动感效果设计1.2插入Flash对象1.3插入其它多媒体元素1.4插入第三方插件1.5实战演练1.1网页的动感效果设计1.1.1案例综述本章案例主要是通过在网页中插入Flash动画和Applet插件等多媒体元素来美化网页，使网页看上去更加生动。1.1网页的动感效果设计1.1.2案例分析本页面的制

2、作分五个步骤进行：页面基本制作Banner条的制作导航条的制作正文区的制作；扩展功能。1.1网页的动感效果设计1.1.3实现步骤页面基本制作创建站点→创建主页文件→设置标题Banner条的制作（透明背景的Flash)设置图片背景→插入Flash→设置背景透明参数导航条的制作插入Flash按钮1.1网页的动感效果设计1.1.3实现步骤正文区的制作用CSS样式格式化页面→插入Flash文本→插入图像查看器→插入JavaApplet小程序→插入背景音乐扩展功能扩展命令→扩展对象→扩展行为1.2插入Flash对象F

3、lash动画的优点：文件小，网上传输快。在Dreamweaver8中可以插入多种Flash对象包括：Flash动画、Flash按钮、Flash文本、Flash视频、Flash元素（图像查看器）、Flash文档等。1.2插入Flash对象1.2.1插入Flash动画插入Flash动画的操作步骤：将插入点置于要插入Flash影片的位置。选择【插入】

4、【媒体】

5、【Flash】命令，或【常用/媒体】插入栏中Flash按钮。在弹出的对话框中选择一个swf文件。插入的Flash动画显示为一个灰色的方框，里面有Flash

6、标志。单击【属性】面板上的【播放】按钮，可预览动画。1.2插入Flash对象1.2.1插入Flash动画设置Flash影片属性：【Flash】:影片的名称。【宽】和【高】：以像素为单位指定影片的宽度和高度。【文件】：指定指向Flash或Shockwave文件的路径。【源文件】指定指向Flash源文档(fla)的路径。【编辑】可以启动MacromediaFlashMX2004以更新fla文件。【重设大小】将选定影片返回到其初始大小。【循环】选中则连续播放。1.2插入Flash对象1.2.1插入Flash动画设

7、置Flash影片属性：【自动播放】选中则在加载页面时自动播放。【垂直边距】和【水平边距】指定空白的像素值。【品质】控制抗失真度。【比例】确定影片如何适合在【宽】和【高】文本框中设置的尺寸。【对齐】确定影片在页面上的对齐方式。【背景颜色】指定影片区域的背景颜色。【参数】打开一个对话框，可在其中输入传递给影片的附加参数1.2插入Flash对象1.2.2插入Flash按钮操作步骤如下：将光标放到要插入Flash按钮对象的位置。选择【插入】

8、【媒体】

9、【Flash按钮】命令，或单击【插入】面板上【常用】

10、【媒体】

11、

12、【Flash按钮】，打开【插入Flash按钮】对话框.设置完成后单击“确定”按钮。1.2插入Flash对象1.2.3插入Flash文本操作步骤如下：将光标放到要插入Flash文本对象的位置。选择【插入】

13、【媒体】

14、【Flash文本】命令，或单击【插入】栏上【常用】

15、【媒体】

16、【Flash文本】，打开【插入Flash文本】对话框.设置完成后单击“确定”按钮。1.2插入Flash对象1.2.4插入图像查看器操作步骤如下：将光标放到要插入Flash元素的位置。选择【插入】

17、【媒体】

18、【图像查看器】命令，打开【保存

19、Flash元素】对话框。设置完成后单击“确定”按钮。1.2插入Flash对象1.2.5插入Flash视频操作步骤如下：选择【插入】｜【媒体】｜【Flash视频】命令，或单击【插入】栏的【常用】类别中的【媒体】下拉框，选择【FlashVideo】。设置完成后单击“确定”按钮。1.2插入Flash对象1.2.6插入FlashPaper文档操作步骤如下：将插入点放在页面上想要显示FlashPaper文档的位置，然后选择【插入】｜【媒体】｜【FlashPaper】命令，或单击【插入】栏的【常用】类别中的【媒体】下拉

20、框，选择【FlashPager】。在【插入FlashPaper】对话框中，浏览到一个FlashPaper文档并将其选定。设置完成后单击“确定”按钮。1.3插入其它多媒体元素1.3.1插入JavaApplet小程序操作步骤如下：将光标放到要插入Applet小程序的位置。选择【插入】

21、【媒体】

22、【Applet】命令，或者单击【插入】面板上【常规】

23、【媒体】

24、【Applets】按钮，打开【选择文件】对话框，从对话框中选