设为首页
加入收藏
联系站长
您现在的位置: 网贝 >> 建站学院 >> 网页设计 >> HTML >> 文章正文 用户登录 新用户注册
在网页中插入媒体对象         ★★★★
在网页中插入媒体对象
相关网站:
作者:佚名 文章来源:网贝整理 点击数: 更新时间:2005-5-28

 使用Dreamweaver可以在一个网页中插入多种媒体对象,如Java小程序,QuickTime或Shockwave影片,Flash影片或对象,ActiveX控件、MP3音乐文件,Flash按钮和文本对象或其他声音和视频对象,。

1 插入Flash按钮

 Flash按钮对象可以使用户自定义并插入预先设计好的Flash按钮。注意: 在插入Flash按钮或文本对象之前必须保存文档。

1)在[文档]窗口的[设计]视图中,从[对象]面板选取[插入Flash按钮]或者选择[插入>交互式图象>Flash按钮]。也可以将Flash按钮图标拖动到[文档]窗口中。
2)从[样式]列表中选取需要的按钮样式。
将在[范例]域中看到按钮的一个示例,可以点击该范例以查看它在浏览器中是如何动作的。
3)在[按钮文本]域输入需要显示的文本。
4)在[字体]域中从弹出式菜单中选取一种要使用的字体,并指定该字体大小。
5)在[链接]域中,为按钮输入文档的相对路径或绝对路径。
注:相对站点的链接不被接受,因为浏览器不能在Flash影片中识别这种路径。如果使用相对文档的链接,则一定要保证将SWF文件保存在与HTML文件相同的文件夹中。浏览器对相对文档的链接解释方式不同,所以将按钮保存在与文档相同的文件夹可以保证链接正常工作。)
6)在[目标]域(可选)中,指定打开Flash按钮所链接文档的目标框架或目标窗口。
7)在[背景颜色]域(可选)中,为Flash影片设置背景颜色。
8)在[另存为]域中,输入文件名称并保存新的SWF文件。
(注:如果文件包含相对文档的链接,必须将文件保存在和当前HTML文档相同的文件夹内以保证相对文档链接的正常使用。)
9)点击[获取更多样式]前往Macromedia Exchange站点并下载更多的按钮样式。
10)点击[应用]或[确定]在[文档]窗口中插入Flash插入按钮。

(提示: 选取[应用]以在[设计]视图中观察修改结果,并保持对话框处于开启状态,这样可以继续对按钮进行修改。

若要在文档窗口中观看Flash按钮对象播放:

1 在[设计]视图中选取Flash按钮对象。
2 在[属性]检查器中点击绿色的[播放]按钮。

若要修改Flash按钮对象:

1 在[设计]视图中选取Flash按钮对象。
2 [属性]检查器显示Flash按钮性质。可以在[属性]检查器中进行修改。
3 若要对其内容进行修改,双击Flash按钮对象。

2 插入Flash文本对象

1)从[对象]面板中选取[插入Flash文本]或者选择[插入>交互式图象>Flash文本]。
2)从[字体]弹出式菜单中选取字体。该菜单将列出当前系统中安装的所有TrueType字体。
3)在[大小]域中输入字体大小(单位:点)。
4)点击合适的样式按钮设定样式属性,如粗体,斜体,文本对齐方式。
5)在[颜色]域中,使用颜色拾取器或直接输入Web十六进制数值(如#FFFFFF)选取文本颜色。
6)在[转滚颜色]域中,设置鼠标指针经过Flash文本对象上方时要显示的文本颜色。
7) 在[文本]域中输入所需的文本。
若要在[文本]域中显示字体样式,选取[显示字体]选项。
8 如果需要为Flash文本对象创建一个链接,在[链接]域中输入相对文档链接或绝对链接。
(相对站点的链接不被接受,因为浏览器不能在Flash影片中识别这种路径。如果使用相对文档的链接,则一定要保证将SWF文件保存在与HTML文件相同的文件夹中。(浏览器对相对文档的链接解释方式不同,所以将按钮保存在相同文件夹可以保证链接正常工作。)
9)如果输入了一个链接,可以在[目标]域中指定打开所链接文档的目标框架或目标窗口。
10)在[背景颜色]域中,选择文本的背景颜色。使用颜色拾取器或键入Web十六进制数值(如#FFFFF)。
11) 在[另存为]域中,输入文件名称。
如果文件包含相对文档的链接,必须将文件保存在和当前HTML文档相同的文件夹内以保证相对文档链接的正常使用
12) 点击[应用]或[确定]将Flash文本插入[文档]窗口中。
如果点击[应用],对话框将不会关闭,可以在文档中预览Flash文本。

3 插入Flash影片

1)在[文档]窗口的[设计]视图中将插入点放置到要插入影片的地方。
2) 通过下列步骤之一插入影片:

  • 点击[对象]面板的[插入Flash按钮]。
  • 选择[插入>媒体>Flash]。
  • 从[对象]面板拖动[插入Flash]图标到文档中的插入点处。

3) 在出现的对话框中,选取一个Flash影片文件(.swf)。[文档]窗口中将出现一个Flash占位符;若要设置 Flash 影片的属性,使用属性窗口。
4)若要在[文档]窗口中观看Flash影片的预览,点击[属性]检查器中绿色的[播放]按钮。点击[停止]终止预览,也可以按F12键在浏览器中预览Flash影片。

设置Flash影片属性

  • [名称] 为脚本程序指定影片的名称。在[属性]检查器中左边的空白域中输入一个名称。
  • [宽]和[高] 指定影片的宽度和高度(单位:象素)。
  • [文件] 指定Flash影片文件的路径。点击文件夹图标来查找文件,或者键入路径。
  • [对齐] 决定了影片在页面上的对齐方式。若需要其中每个选项的描述,参看对齐元素。
  • [背景颜色] 为影片指定背景颜色。该颜色在影片没有放映时(加载或放映后)也会出现。
  • [ID] 定义可选的ActiveX ID参数。该参数通常用于在ActiveX控件间传递信息。
  • [垂直边距]和[水平边距] 指定按钮四周的间隔。
  • [参数] 将打开一个对话框,并在其中输入其他参数。参看使用参数。影片必须设计得可以接受这些其他的参数。
  • [品质] 为运行影片的object和embed标签设置quality参数。该设置关系到影片回放时使用的防锯齿的级别。在高的设置下看起来会好些,但这便要求一个更快的CPU在屏幕上进行显示。[低品质]设置重点强调速度,而[高品质]尽可能强调外观。[自动高品质]则会在开始时尽量保证两个方面的质量,但在需要时会牺牲品质来换取速度。
  • [缩放] 为运行影片的object和embed标签设置scale参数。
  • [自动播放] 将使页面加载时自动播放影片。
  • [循环] 使影片无限制循环下去。
  • [重设大小] 将选定影片大小恢复到原始大小。

4 添加声音

一.声音文件格式

下面的列表描述了一些常见的声音文件,以及每种声音格式用于Web设计时的优点和缺点。

.midi或.mid(电子乐器化数据接口) 主要用于电子乐器音乐。很多浏览器不用插件也可以支持MIDI文件。虽然其声音品质非常好,但同时也取决于来访者声卡的好坏。一个非常小的MIDI文件却可以提供相当长的声音剪辑。MIDI文件不能录制,而必须在计算机上使用特殊的硬件和软件进行人工合成。
.wav(波形扩展) 该文件有好的声音品质,很多浏览器不用插件也可以支持WAV文件。可以从CD,磁带,麦克风等输入设备录制自己的WAV文件。然而其庞大的文件尺寸限制了在Web页上使用声音剪辑的长度。
.aif(声音交换文件格式,或AIFF) 和WAV格式一样它也有非常好的声音品质,很多浏览器不用插件也可以支持AIF文件。也可以从CD,磁带,麦克风等输入设备录制自己的AIF文件。然而其庞大的文件尺寸限制了在Web页上使用声音剪辑的长度。
.mp3(电影专家组声音,或者MPEG-Audio Layer-3) 一种使声音文件大小有实质性缩小的压缩格式。其声音品质非常好:如果正确地录制和压缩MP3文件,其声音品质可以和CD媲美。新技术可以将文件“流式化”,这样来访者就无须等待下载整个文件便可以听到音乐。然而MP3文件大小比Real声音文件要大,所以如果要通过普通电话线连接传输一首完整的歌曲可能要等上一段时间。若要播放MP3文件,来访者必须下载并安装一个辅助应用程序或插件如QuickTime,Windows Media Player或RealPlayer。
.ra,.ram,.rpm或Real Audio 有非常高的压缩比,所以比MP3文件还要小。完整的歌曲文件可以在较短的时间内完成下载。由于该类文件可以从一个普通的Web服务器上“流式”播放,所以来访者可以在文件还没完全下载之前便开始欣赏音乐。这类文件音质不如MP3文件,但最新版本的播放器和解码器已经极大地提高了声音品质。来访者必须下载并安装RealPlayer应用程序或辅助插件来播放这些文件。

二.链接到声音文件

 链接到声音文件是将声音添加到Web页面的一种简单而有效的方式。这种结合声音文件的方式让来访者可以选择他们所感兴趣的文件,从而使该文件加入方式有着最广泛的受众。(一些浏览器可能不支持嵌入的声音文件。)

若要创建指向声音文件的链接:

1 选取需要用于链接到声音文件的文本或图象。
2 在[属性]检查器中,点击文件夹图标选取声音文件,或者在[链接]域中键入文件名称和路径。

三.嵌入声音

 嵌入声音是将声音播放器直接结合到页面中,但声音只有在站点来访者装有可以播放选定声音文件的插件时才可以播放。如果需要将声音作为背景音乐或者需要更多对声音表现的控制时,可以嵌入文件。例如,可以设置音量,播放器在页面上的外观,声音文件自动开始或按下播放后开始,是否循环等。

1)在[设计]视图中,将插入点放置在需要嵌入文件的地方。
2)选择[插入>媒体>Plugin。
3)在[属性]检查器中,点击文件夹图标选取声音文件,或者在[链接]域中键入文件名称和路径。
4_在相应的域中输入宽度和高度值,或者在[文档]窗口中调整插件占位符的大小。这些值决定了声音控制在页面中显示的大小。

四.使用动作播放声音

 使用「播放声音」动作可以播放声音。例如,在鼠标经过某链接时播放音效,或者在加载页面时播放音乐剪辑等

1) 选择对象并打开「行为」面板。
2) 点击(+)按钮并从「动作」弹出式菜单中选择「播放声音」。
3) 点击「浏览」选取声音文件,或者在「播放声音」域中输入路径和文件名称。
4) 点击「确定」。
5) 检查默认事件是否是需要的事件。

5 插入Java小程序

 Java是一种允许开发可以嵌入Web页面的轻量级应用程序(小程序)的编程语言。在创建Java小程序后,可以使用Dreamweaver将该程序插入到HTML文档中,Dreamweaver使用applet标签来标识对小程序文件的引用。

插入Java小程序:

1)在「文档」窗口中将插入点放置在您要插入小程序的地方。
2)点击「对象」面板上的「小程序」按钮。
3)在出现的对话框中选择一个包含Java小程序的文件。
 (注:要插入的Java小程序的扩展名为.class,该文件需放在引用文件相同的文件夹下,引用文件名时区分大小写。)

6 插入Plugin(插件)

通过使用插件可以在Web站点上显示并播放一些已安装了插放器的媒体文件。

1)在「文档」窗口的「设计」视图中,将插入点放置在您需要插入内容的地方。
2)点击「对象」面板上的「插件」按钮。
3)在出现的对话框中为插件选取一个内容文件。
4)双击插件图标后在属性检查器中设置属性。

7 插入ActiveX控件

在「设计」视图中,将插入点放置在需要插入内容的地方,然后执行下列步骤之一:
点击「对象」面板的ActiveX按钮。
选择「插入>媒体>ActiveX」。

文章录入:admin    责任编辑:admin 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    相关网站:

    文章 下载 图片
    普通文章一些音乐格式文件的
    普通文章[组图]在网页中插入
    普通文章[组图]超酷右下浮出
    普通文章轮换广告代码加演示
    推荐文章关于网页源代码屏蔽
    普通文章啥是SSI?
    普通文章在网页中插入rm,mp3
    普通文章在网页中插入媒体对
    推荐文章关于网页源代码屏蔽
    推荐文章[组图]HTML语言教程
    推荐文章颜色英文代码全集
    推荐文章[组图]HTML 初学者指
    推荐文章设为首页代码大全
    推荐文章一些不常用的html代
    推荐文章JS广告代码大集合
    推荐文章[组图]特效代码集
    普通文章把手教你写私服列表
    普通文章WEB标准
    普通文章GOOGLE sitemap官方
    普通文章用php定制404错误页
    普通文章WAP(wml)开发问答
    普通文章[组图]PS教程系列:快
    普通文章时使用apache和IIS,
    普通文章[组图]2005年的第一
    推荐文章[组图]彻底掌握IIS6
    推荐文章[组图]CSS 全攻略
    推荐文章各种脚本错误详解!
    推荐文章直接生成XML的Googl
    推荐文章九个常见的错误原因
    推荐文章Win XP家用版也能装
    推荐文章JSP入门初级教程之J
    推荐文章ASP入门及提高
  • 在网页中插入rm,


  • 超酷右下浮出代码

    HTML语言教程

    图象(IMAGE)标记(TA

    多媒体页面(Alterna
    (只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    Copyright © 2003-2005 NetBei.com All rights reserved.