Skip to main content

在Dreamweaver网页中嵌入声音文件

Dreamweaver 網站製作教學 07 - html 5 影片與聲音 (六月 2025)

Dreamweaver 網站製作教學 07 - html 5 影片與聲音 (六月 2025)
Anonim
01年01月

插入媒体插件

使用Dreamweaver将背景音乐添加到页面

向网页添加声音有点令人困惑。大多数Web编辑器没有单击按钮来添加声音,但可以将背景音乐添加到Dreamweaver Web页面而不会有太多麻烦 - 并且无需学习HTML代码。

请记住,无需任何关闭即可自动播放的背景音乐对许多人来说都很烦人,因此请谨慎使用该功能。本教程介绍如何使用控制器添加声音,您可以决定是否要自动播放。

Dreamweaver没有声音文件的特定插入选项,因此要在设计视图中插入一个,您需要插入一个通用插件,然后告诉Dreamweaver它是一个声音文件。在“插入”菜单中,转到媒体文件夹,然后选择“插件”。

07年02月

搜索声音文件

Dreamweaver将打开“选择文件”对话框。浏览要嵌入页面的文件。我更喜欢让我的URL相对于当前文档,但您也可以相对于站点根目录编写它们(从初始斜杠开始)。

03年3月

保存文档

如果网页是新的并且尚未保存,Dreamweaver将提示您保存它以便可以计算相对路径。在保存文件之前,Dreamweaver会将声音文件保留为file:// URL路径。

此外,如果声音文件与Dreamweaver网站不在同一目录中,Dreamweaver将提示您将其复制到那里。这是一个好主意,因此网站文件不会遍布整个硬盘驱动器。

07年04月

插件图标出现在页面上

Dreamweaver在“设计”视图中将嵌入的声音文件显示为插件图标。这是没有相应插件的客户会看到的。

05年05月

选择图标并调整属性

选择插件图标后,“属性”窗口将更改为插件属性。您可以调整页面上显示的大小(宽度和高度),对齐方式,CSS类,对象周围的垂直和水平空间(v空格和h空格)和边框。以及插件URL。我通常将所有这些选项留空或默认,因为大多数选项都可以用CSS定义。

07年6月

添加两个参数

您可以添加许多参数到embed标签(各种属性),但有两个你应该总是添加到声音文件:

  • 自动播放这告诉Web浏览器声音是否应在加载后立即启动(通常在页面加载后)或等待请求播放。大多数人都对声音设置为autoplay = true的网站感到恼火。
  • 调节器这为您的客户提供了一种控制声音文件的方法 - 将其关闭或从头开始重放等等。如果您将自动播放设置为false,则需要一个控制器才能启动声音(或启用JavaScript函数)。
07年07月

查看来源

如果您对Dreamweaver如何安装声音文件感到好奇,请在代码视图中查看源代码。在那里,您将看到将参数设置为属性的embed标记。请记住,embed标记不是有效的HTML或XHTML标记,因此如果您使用它,您的页面将不会验证。但由于大多数浏览器不支持对象标记,因此总比没有好。