网页设计与制作第8章插入多媒体对象.ppt
《网页设计与制作第8章插入多媒体对象.ppt》由会员分享,可在线阅读,更多相关《网页设计与制作第8章插入多媒体对象.ppt(34页珍藏版)》请在三一办公上搜索。
1、第八章 插入多媒体对象,学习目标:在网页中添加多媒体元素,可以使网页更加丰富多彩。熟练掌握向网页中添加多媒体对象的方法,注意各种媒体对象的运用条件。灵活运用多媒体元素,制作精彩的网页。,我们可以很方便地在网页中插入文字、图像、表格、表单等元素。也可以很轻松地在网页中添加多媒体元素。如Java小程序,QuickTime或Shockwave影片,Flash动画,ActiveX控件、MP3音乐文件,Flash按钮和文本对象或其他声音和视频对象。通过这些元素的加入,可以将文字、声音和图像等元素以交互且动态的方式呈现在网页上。,第八章 插入多媒体对象,第八章 插入多媒体对象,8.1 插入Flash动画
2、8.2 插入Shockwave影片 8.3 插入ActiveX控件 8.4 添加插件 8.5 插入Fireworks HTML 8.6 添加Java Applet 8.7 添加声音 8.8 插入其他对象,8.1 插入Flash动画,【垂直边距】和【水平边距】:指影片上、下、左、右的留白间距。【品质】:为运行影片的object和embed标签设置quality参数。该设置关系到影片回放时使用的防锯齿的级别。在高的设置下看起来会好些,但这便要求一个更快的CPU在屏幕上进行显示。【低品质】设置重点强调速度,而【高品质】尽可能强调外观。【自动高品质】则会在开始时尽量保证两个方面的质量,但在需要时会牺牲
3、品质来换取速度。【比例】:确定影片如何适合在【宽】和【高】文本框中设置的尺寸。【默认值】设置显示整个影片,维持原始的纵横比;【无边框】使影片适合设定的尺寸,超出部分将自动裁剪,维持原始的纵横比;【严格匹配】对影片影片进行缩放以适合设定的尺寸,而不管原始的纵横比 如何。会压缩变形,【参数】:将打开一个对话框,可在其中输入传递给影片的附加参数,如图8-2所示。影片必须已设计好,可以接收这些附加参数。当用户在文档中插入一个Flash影片时,Dreamweaver MX 2004将同时使用object标签(Microsoft为ActiveX 控件定义的标签)和embed标签(Netscape为插件定义
4、的标签),以便在所有的浏览器类型中都能获得最佳效果。当用户在【属性】面板中对影片作修改时,Dreamweaver MX 2004将同时对object标签和embed标签中的参数作适当的修改。,8.1 插入Flash动画,8.2 插入Shockwave影片,Shockwave电影是Macromedia公司在Web上的交互式多媒体。用于播放插入网页中应用Director软件创建的多媒体电影。Shockwave电影可以集动画、位图、视频和声音于一体,并将它们合成一个交互式界面。Shockwave电影允许媒体文件通过Macromedia的控制器下载,下载速度十分快,而且能被绝大多数的浏览器播放。Mic
5、rosoft公司的Internet Explorer与Netscape公司的Navigator两种浏览器都可以播放Shockwave电影.Dreamweaver MX 2004是利用object标签与embed标签来插入Shockwave电影的;object标签是通过Microsoft公司的ActiveX控件来定义的;embed标签是通过Navigator的插件来定义的。,插入Shockwave电影的具体操作如下:(1)打开文档,将光标定位于要插入Shockwave影片的地方。(2)通过下列步骤之一插入Shockwave影片:l在【常用】工具栏单击【媒体】下拉列表,从中选择【Shockwave
6、】。l选择【插入菜单/【媒体】/【Shockwave】。(3)在弹出对话框中的选择文件,选取一个Shockwave影片文件,Shockwave影片文件的扩展名为dcr、dir、dxr。【文档】窗口中将出现一个Shockwave占位符。(4)设置Shockwave影片的属性,如图8-3所示。,8.2 插入Shockwave影片,l【名称】:为脚本程序指定Shockwave影片的名称。l【宽】和【高】:指定Shockwave影片的宽度和高度,默认单位为象素。还可以指定以下单位:pc(十二点活字)、pt(点)、in(英寸)、cm(厘米)或%。l【文件】:指定Shockwave影片文件的路径。点击文件
7、夹图标可查找文件,或者键入路径。l【垂直边距】和【水平边距】:指影片上、下、左、右的留白间距。l【对齐】:确定电影与页面的对齐方式。l【背景颜色】:指定电影区域的背景颜色。l【播放】:单击可观察电影的播放效果。l【参数】:将打开一个对话框,在对话框中可输入其他参数传递给电影。,8.2 插入Shockwave影片,8.3 插入ActiveX控件,ActiveX控件实际上是一个程序,它可以嵌入到网页中,随网页传送到客户的浏览器上,只要客户端的浏览器有支持ActiveX的功能,就会自动下载并执行它。ActiveX控件扩展了Web浏览器的功能。要插入ActiveX控件,具体操作如下:(1)打开文档,将
8、光标定位于要插入ActiveX控件的地方。(2)通过下列步骤之一插入ActiveX控件:l 在【常用】工具栏单击【媒体】下拉列表,从中选择【ActiveX】。l 选择【插入】菜单/【媒体】/【ActiveX】。(3)【文档】窗口中将出现ActiveX控件的一个占位符。(4)设置ActiveX控件的属性,如图8-4所示。,l【名称】:为脚本程序指定ActiveX的名称。l【宽】和【高】:指定ActiveX对象的宽度和高度,默认单位为象素。还可以指定以下单位:pc(十二点活字)、pt(点)、in(英寸)、cm(厘米)或%。l【ClassID】:用于浏览器识别ActiveX控件。输入一个值,或在下拉
9、列表中选择一个选项,载入页面时,浏览器使用ClassID确定播放ActiveX对象的ActiveX控件位置。l【嵌入】:为ActiveX控件在Object标签内添加embed标签。如果ActiveX控件具有等效和Netcaspe Navigateor插件,则Embed 将激活该插件。l【源文件】:如果启用了【嵌入】选项,将要用于Netscape Navigator 插件的数据文件。如果没有输入值,则有Dreamweaver将尝试根椐已输入的ActiveX属性确定该值。,8.3 插入ActiveX控件,l【垂直边距】和【水平边距】:指ActiveX对象的上、下、左、右的留白间距,单位为像素。l【
10、基址】:指定包含该ActiveX控件的URL,如果在访问者的系统中尚未安装该ActiveX控件,则Internet Explorer从该位置下载它。如果没有指定【基址】参数,并且访问者尚未安装相应的ActiveX控件,则浏览器不能显示ActiveX对象。l【编号】:该文本框定义了ActiveX控件中的ID参数,该参数专门供ActiveX控件使用。l【数据】:为ActiveX控件指定载入的数据文件,许多ActiveX控件(如Shockwave 和RealPlayer)不支持这个参数。l【替代图像】:该属性(只有当使用Object标签时才有效)指定一个图像,当用户的浏览器不支持ActiveX控件时
11、,就显示该图像。l【参数】:将打开一个对话框,在其中可以为该ActiveX对象添加更多的参数。,8.3 插入ActiveX控件,8.4 添加插件,在浏览网页时,常会遇到一些浏览器无法处理的文件,如动画文件、音乐文件。为了解决这个问题,要借助于插件,通过下载媒体公司为浏览器开发的插件,可以看到更多的媒体类型。插件处理程序是为扩展Netscape处理多媒体内容的能力而安装在Netscape浏览器中的执行程序。通过使用插件可以在Web站点上显示并播放一些已安装了插放器的媒体文件。插件主要是针对Netscape Navigator浏览器制作的,虽然 Internet Explorer也支持该功能,但仍
12、有少数的插件在执行时会出问题。,添加插件的具体操作步骤如下:(1)打开文档,将光标定位于要插入插件的地方(2)通过下列步骤之一添加插件:l 在【常用】工具栏单击【媒体】下拉列表,从中选择【插件】。l 选择【插入】菜单/【媒体】/【插件】。(3)在弹出对话框中选择文件,这里选择一个mp3的声音文件,然后单击【确定】按钮。设置插件属性,【插件】的属性面板如图8-5所示:,8.4 添加插件,l【源文件】:设置数据文件的路径及文件名。l【插件URL】:该设置是针对源文件中文件的类型来设置的,即此处应为播放源文件中数据文件的程序。例如,若源文件中选择的是mp3的声音文件,则此处应为Realone Pla
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 制作 插入 多媒体 对象
链接地址:https://www.31ppt.com/p-6017038.html