插入多媒体元素.ppt

第7章插入多媒体元素,本章重点：如何使用Flash动画、Flash按钮、Flash元素和Applet小程序丰富网页。,第7章插入多媒体元素,7.1网页的动感效果设计7.2插入Flash对象7.3插入其它多媒体元素7.4插入第三方插件7.5实战演练,7.1网页的动感效果设计,7.1.1案例综述,本章案例主要是通过在网页中插入Flash动画和Applet插件等多媒体元素来美化网页，使网页看上去更加生动。,7.1网页的动感效果设计,7.1.2案例分析,本页面的制作分五个步骤进行：页面基本制作Banner条的制作导航条的制作正文区的制作；扩展功能。,7.1网页的动感效果设计,7.1.3实现步骤,页面基本制作创建站点创建主页文件设置标题Banner条的制作（透明背景的Flash)设置图片背景插入Flash设置背景透明参数导航条的制作插入Flash按钮,7.1网页的动感效果设计,7.1.3实现步骤,正文区的制作用CSS样式格式化页面插入Flash文本插入图像查看器插入JavaApplet小程序插入背景音乐扩展功能扩展命令扩展对象扩展行为,7.2插入Flash对象,Flash动画的优点：文件小，网上传输快。在Dreamweaver8中可以插入多种Flash对象包括：Flash动画、Flash按钮、Flash文本、Flash视频、Flash元素（图像查看器）、Flash文档等。,7.2插入Flash对象,7.2.1插入Flash动画插入Flash动画的操作步骤：将插入点置于要插入Flash影片的位置。选择【插入】|【媒体】|【Flash】命令，或【常用/媒体】插入栏中Flash按钮。在弹出的对话框中选择一个swf文件。插入的Flash动画显示为一个灰色的方框，里面有Flash标志。单击【属性】面板上的【播放】按钮，可预览动画。,7.2插入Flash对象,7.2.1插入Flash动画设置Flash影片属性：【Flash】:影片的名称。【宽】和【高】：以像素为单位指定影片的宽度和高度。【文件】：指定指向Flash或Shockwave文件的路径。【源文件】指定指向Flash源文档(fla)的路径。【编辑】可以启动MacromediaFlashMX2004以更新fla文件。【重设大小】将选定影片返回到其初始大小。【循环】选中则连续播放。,7.2插入Flash对象,7.2.1插入Flash动画设置Flash影片属性：【自动播放】选中则在加载页面时自动播放。【垂直边距】和【水平边距】指定空白的像素值。【品质】控制抗失真度。【比例】确定影片如何适合在【宽】和【高】文本框中设置的尺寸。【对齐】确定影片在页面上的对齐方式。【背景颜色】指定影片区域的背景颜色。【参数】打开一个对话框，可在其中输入传递给影片的附加参数,7.2插入Flash对象,7.2.2插入Flash按钮,操作步骤如下：将光标放到要插入Flash按钮对象的位置。选择【插入】|【媒体】|【Flash按钮】命令，或单击【插入】面板上【常用】|【媒体】|【Flash按钮】，打开【插入Flash按钮】对话框.设置完成后单击“确定”按钮。,7.2插入Flash对象,7.2.3插入Flash文本,操作步骤如下：将光标放到要插入Flash文本对象的位置。选择【插入】|【媒体】|【Flash文本】命令，或单击【插入】栏上【常用】|【媒体】|【Flash文本】，打开【插入Flash文本】对话框.设置完成后单击“确定”按钮。,7.2插入Flash对象,7.2.4插入图像查看器,操作步骤如下：将光标放到要插入Flash元素的位置。选择【插入】|【媒体】|【图像查看器】命令，打开【保存Flash元素】对话框。设置完成后单击“确定”按钮。,7.2插入Flash对象,7.2.5插入Flash视频,操作步骤如下：选择【插入】【媒体】【Flash视频】命令，或单击【插入】栏的【常用】类别中的【媒体】下拉框，选择【FlashVideo】。设置完成后单击“确定”按钮。,7.2插入Flash对象,7.2.6插入FlashPaper文档,操作步骤如下：将插入点放在页面上想要显示FlashPaper文档的位置，然后选择【插入】【媒体】【FlashPaper】命令，或单击【插入】栏的【常用】类别中的【媒体】下拉框，选择【FlashPager】。在【插入FlashPaper】对话框中，浏览到一个FlashPaper文档并将其选定。设置完成后单击“确定”按钮。,7.3插入其它多媒体元素,7.3.1插入JavaApplet小程序,操作步骤如下：将光标放到要插入Applet小程序的位置。选择【插入】|【媒体】|【Applet】命令，或者单击【插入】面板上【常规】|【媒体】|【Applets】按钮，打开【选择文件】对话框，从对话框中选择扩展名为.class的文件。选中插入到页面中的Applet图标，打开属性面板，设置其属性。,7.3插入其它多媒体元素,7.3.2插入ActiveX控件,操作步骤如下：将光标放到要插入ActiveX对象的位置。选择【插入】|【媒体】|【ActiveX】命令或者单击【插入】面板上【常规】|【媒体】|【ActiveX】按钮，即可在文档中插入ActiveX对象。选中ActiveX对象图标，打开它的属性面板，设置其属性。,7.3插入其它多媒体元素,7.3.3插入Shockwave影片,操作步骤如下：将插入点置于要插入Shockwave影片的位置。选择【插入】|【媒体】|【Shockwave】命令，或【常用/媒体】插入栏中Shockwave图标。插入的Flash动画显示为一个灰色的方框，里面有Shockwave标志。选中此影片标记，在属性面板中设置其相关属性。,7.4插入第三方插件,7.4.1安装扩展插件利用插件可以增强Dreamweaver8的功能。在网站可以下载第三方插件，大部分是免费的。插入第三方插件的操作方法：在【文档】窗口中，将插入点置于要插入ActiveX控件的地方。选择【插入】栏|【常用】|【媒体】|【插件】图标，或【插入】|【媒体】|【插件】出现的图标会标记出页面中插件将在页面上出现的位置。,7.4插入第三方插件(扩展插件管理器),要保存下载的扩展：单击MacromediaExchangeWeb站点上的扩展链接，开始下载。将扩展保存到扩展管理器应用程序文件夹的DownloadedExtensions文件夹中。执行下列操作之一来安装扩展：在扩展管理器中，选择“文件”“安装扩展”。浏览到已保存在DownloadedExtensions文件夹中的该文件，然后双击文件图标。,安装扩展：用以下方法之一启动扩展管理器：双击Windows资源管理器(Windows)或Finder(Macintosh)中的扩展文件。在Windows中，选择“开始”菜单中的“Macromedia”“Macromedia扩展管理器”。在Macintosh中，双击Applications/MacromediaExtensionManager文件夹中的扩展管理器图标。在Dreamweaver中，选择“命令”“管理扩展”，或者在Flash或Fireworks中选择“帮助”“管理扩展功能”。,7.4插入第三方插件(扩展插件管理器),7.4插入第三方插件(扩展插件管理器),在扩展管理器工具栏的“产品”弹出菜单中，选择您要在其中安装该扩展的Macromedia产品。在扩展管理器中，选择“文件”“安装扩展”。在出现的文件选择对话框中，选择一个扩展名为.mxp的扩展文件，然后选择“安装”(Windows)或“选择”(Macintosh)。仔细阅读Macromedia扩展免责声明和所有可能附带的第三方扩展许可。选择“接受”，继续安装；或者选择“拒绝”，取消安装。,7.4插入第三方插件(扩展插件管理器),如果您已安装了该扩展的另一个版本，或者安装了具有相同名称的另一个扩展，扩展管理器会问您是否禁用已经安装的那个扩展。选择“是”会用新的扩展替换以前安装的扩展，或者选择“否”取消安装，保留现有的扩展。如果系统问您是否替换一个或多个现有文件，选择“是”或者“全是”将接受扩展中包括的一个或多个版本；或者选择“否”，则保留当前文件版本。如果您单击“取消”，则会取消安装，不安装或替