2024年2月27日发(作者:郝英卓)
DW中插入背景音乐的几种方法
时间:2007-07-07来源:不详作者:佚名发布人:点击:次
关键字:迅雷GoogleBaiduDW插入背景音乐一、直接插入法 1.打开一张需要插入背景音乐的网页,在菜单中找到这样的命令: Windows Behaviors,调出“Behaviors”行为面板,如下图所示(Dreamweaver MX 的面板): 2.点击“+”号按钮,选择“play sound”命令,如下图: 如果此命令呈反白色,不可用,请在此命令下拉列表中选
一、直接插入法
1.打开一张需要插入背景音乐的网页,在菜单中找到这样的命令: Windows - > Behaviors,调出“Behaviors”行为面板,如下图所示(Dreamweaver MX 的面板):
2.点击“+”号按钮,选择“play sound”命令,如下图:
如果此命令呈反白色,不可用,请在此命令下拉列表中选择“Show Even For”命令,在此子菜单里选择“ IE 4.0 ”以上的版本,因为IE 4.0 以上的版本才支持此种格式的音乐插入方法。
3.此时弹出插入文件窗口,按“Browser”按钮选择音乐文件,当然是要浏览器支持的音乐文件格式(如mid、wav、AIFF、AU)
4.插入之后网页里会显示一个“plugin”插件图标,但我们还需要作进一步的调整。因为 Dreamweaver 自动插入了一段控制代码,方便我们定制激活背景音乐。但此功能不需要用到,那么就要把它删除。代码有两段,分别如下:
代码一、
代码二、
5.完成插入,此时的背景音乐还不能自动播放,点选插件图标,按“ctrl + F3”快捷键,调出属性面板,点击右下角的“Parameters”按钮,在弹出的窗口中进行修改,把参数“AutoStart”后面的“Value”缺省值“false”改成“true”(如下图所示),这样就达到打开页面背景音乐就响起的效果。
我们知道,音乐的播放是有时间长短的,如果希望它重复播放,可以把上图
中的“Loop”参数值改成“true”。
6.之前打开删除代码时我们看到了插入音乐的 HTML 标记为 < EMBED > ,为了让大家对它有更加深入的了解,接下来引用一段 太平洋网络学院 - > 设计教室 - > HTML 部分中的“HTML语言剖析”中的一段,介绍一下< EMBED >标记的参数:
< EMBED > 是用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU 等等,Netscape 及 新版的 IE 都支持。其参数设定较多。如下
< EMBED src="" autostart="true" loop="true" hidden="true" >
src=""
设定 midi 档案及路径,可以是相对或绝对。
autostart=true
是否在音乐档下载完之后就自动播放。true 是,false 否 (内定值)。
loop="true"
是否自动反复播放。LOOP=2 表示重复两次,true 是, false 否。
HIDDEN="true"
是否完全隐藏控制画面,true 为是,no 为否 (内定)。
STARTTIME="分:秒"
设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。
VOLUME="0-100"
设定音量的大小,数值是0到100之间。内定则为使用系统本身的设定。
WIDTH="整数" 和 HIGH="整数"
设定控制面板的高度和宽度。(若 HIDDEN="no")
ALIGN="center"
设定控制面板和旁边文字的对齐方式,其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom
CONTROLS="smallconsole"
设定控制面板的外观。预设值是 console。
console 一般正常面板
smallconsole 较小的面板
playbutton 只显示播放按钮
pausecutton 只显示暂停按钮
stopbutton 只显示停止按钮
volumelever 只显示音量调节按钮
二、代码法
< BGSOUND >:
< BGSOUND > 是用来插入背景音乐,但只适用于 IE,其参数设定不多。
如下
< BGSOUND src="" autostart=true loop=infinite >
src=""
设定 midi 档案及路径,可以是相对或绝对。
autostart=true
是否在音乐档下载完之后就自动播放。true 是,false 否 (内定值)。
loop=infinite
是否自动反复播放。LOOP=2 表示重复两次,Infinite 表示重复多次。
此种方法就是直接把< BGSOUND >标记放于网页文件的< head >< /head >之间,设置好mid文件的路径就行。参数的设置如文中解说。
三、插件法
有些人始终没有舍弃 FrontPage 也许就因为在一些元素的插入中,Dreamweaver 没有提供功能,或者不方便。但我们知道,Dreamweaver 支持插件,声音插入插件为我们提供了方便。
下载后双击文件,就可以直接安装了,安装完成你可以在“对象”面板的“Common”栏看到一个喇叭图标。直接点击此按钮,就弹出如下图所示的插入窗口:
Forever:设置无限循环播放
Never:不循环播放,即只播放一次
NO of times:设置播放的次数
点击“Browser”按钮选择好声音文件之后,按确定完成制作。
学习了上面三种方法,以后插入背景音乐就简单方便多了
相关教程
在DW 中创建或修改 ColdFusion 数据源
巧用DW判定字符串中是否有换行
用DW8制作网页中常用的过度效果
利用DW8把握网页代码基本格式
用Dreamweaver8在网页中轻松插入Flash视频
DW精细化网页中表格的外观
DW打造多彩文字链接
用DW MX造站内搜索
DW MX 2004代码编辑新功能
细品DW MX 2004内建FW技术
顶一下
(0)
0%
踩一下
(0)
0%
上一篇:Dreamweaver教程:页面制作
下一篇:Dreamweaver MX中表单应用技巧
收藏
挑错
推荐
打印
欧涛 12:01:52
用DW简单描述制作网页的基本步骤2007-07-17 13:03 来源:网页教学网
【简 介】
本教程主要是针对初学者,如何使用Dreamweaver制作一个网页?这个教程具体详细讲解了制作网页的步骤,及注意的问题,并且拿一个实例来给大家做了一下详细讲解!
加入收藏 设为首页
文曲星视频器1080随心更换彩壳本本JVC圆您摄像梦想森海塞尔仅150
本教程主要是针对初学者,如何使用Dreamweaver制作一个网页?这个教程具体详细讲解了制作网页的步骤,及注意的问题,并且拿一个实例来给大家做了一下详细讲解!
创建网页页面
1、在Dreamveaver“文件-新建-常规-基本页-HTML”,这样就建好了一个页面,英文版的默认的文件名为。中文版的的默认的文件名为“无标题文档”。htm就表示这个网页文件是一个静态的HTML文件。给它改名为。
注:网站第一页的名字通常是或。其它页面的名字可以自己取。这也就是主页,上传后打开网页默认连接到此页。
2、在标题空格里输入网页名称,点击修改-页面属性,打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背景图像,超级链接的颜色(一
般默认即可),其他都保持默认即可。
3.此时光标位于左上角,可输入一句话,如“欢迎来到我的主页”。选取文字,用菜单“窗口/属性”打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间等。
4.如要选取字体,则选择字体中的最后一项:编辑字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体列表中的一种字体,点击中间的按钮就可以加入了。
注:在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用,因为别人电脑上未装就看不到。如果需要用的话,要做成图片后再使用。
注:在网页上打入空格的办法是:把输入法调为全角。
注:在网页上换行的办法是:shift+Enter。只按Enter则为换段。
下面拿一个现成的例子来给大家讲解一下:
现在,以下边的简单网页为例,叙述一下制作过程。简单网页如下图:
在开始制作之前,我们先对这个页面进行一下分析。看看这个页面用到了哪些东西。
□网页顶端的标题“我的主页”是一段文字。
□网页中间是一幅图片。
□最下端的欢迎词是一段文字。
□网页背景是一深紫红颜色。
构思好这个网页的结构,我们就可以开始制作了。
首先启动Dreamweaver,确保你已经用站点管理器建立好了一个网站(根目录)。
为了制作方便,请您事先打开资源管理器,把要使用的图片收集到网站目录images文件夹内。
【插入标题文字】
进入页面编辑设计视图状态。在一般情况下,编辑器默认左对齐,光标在
左上角闪烁,光标位置就是插入点的位置。如果要想让文字居中插入,点属性面板居中按钮即可。启动中文输入法输入“我的主页”四个字。字小不要紧,我们可以对它进行设置。
【设置文字的格式】 选中文字,在上图属性面板中将字体格式设置成默认字体,大小可任意更改字号。并选中“B”将字体变粗。
【设置文字的颜色】首先选中文字,在属性面板中,单击颜色选择图标,在弹出的颜色选择器中用滴管选取颜色即可。
【设置网页的标题和背景颜色】
点击“修改”菜单选“页面属性”。系统弹出页面属性对话框(如下图)
请在标题输入框填入标题“我的主页”。
设置背景颜色: 网页背景可以是图片,也可以是颜色。此例是颜色。如上图打开背景颜色选择器进行选取。如果背景要设为图片,点击背景图象“浏览”按钮,系统弹出图片选择对话框,选中背景图片文件,点击确定按钮。
设计视图状态,在标题“我的主页”右边空白处单击鼠标,回车换一行,按照以下的步骤插入一幅画图片,并使这张图片居中。您也可以通过属性面板中的左对齐按钮让其居左安放。
【插入图像】选择以下任意一种方法:
(1)使用插入菜单:在“插入”菜单选“图像”,弹出“选择图像源文件”对话框,选中该图像文件,单击确定。如下图:
(2)使用插入栏:单击插入栏对象按钮>选 按钮,弹出“选择图像源文件”对话框,其余操作同上。
(3)使用面板组“资源”面板(如下图):点按钮,展开根目录的图片文件夹,选定该文件,用鼠标拖动至工作区合适位置。
注:为了管理方便,我们把图片放在“images”文件夹内。如果图片少,您也可以放在站点根目录下。注意文件名要用英文或用拼音文字命名而且使用小写,不能用中文,否则要出现一些麻烦。
一个图片就插入完毕了。(插入*.swf动画文件,选择“插入”菜单>媒体>Flash)。
【输入欢迎文字】
在图片右边空白处单击,回车换行。仍然按照上述方法,输入文字“欢迎您……”然后,利用属性面板对文字进行设置。
保存页面。
一个简单的页面就这样编辑完毕了。
【预览网页】在页面编辑器中按F12预览网页效果。
网站中的第一页,也就是首页,我们通常在存盘时取名为。
【小结】我们制作了一个简单的网页。
内容有四:
①图片插入和对齐设置;
②文字的格式、颜色和加粗等设置;
③背景颜色的设置;
④预览网页,查看实际效果。
不仅要掌握还要举一反三反复练习。
2024年2月27日发(作者:郝英卓)
DW中插入背景音乐的几种方法
时间:2007-07-07来源:不详作者:佚名发布人:点击:次
关键字:迅雷GoogleBaiduDW插入背景音乐一、直接插入法 1.打开一张需要插入背景音乐的网页,在菜单中找到这样的命令: Windows Behaviors,调出“Behaviors”行为面板,如下图所示(Dreamweaver MX 的面板): 2.点击“+”号按钮,选择“play sound”命令,如下图: 如果此命令呈反白色,不可用,请在此命令下拉列表中选
一、直接插入法
1.打开一张需要插入背景音乐的网页,在菜单中找到这样的命令: Windows - > Behaviors,调出“Behaviors”行为面板,如下图所示(Dreamweaver MX 的面板):
2.点击“+”号按钮,选择“play sound”命令,如下图:
如果此命令呈反白色,不可用,请在此命令下拉列表中选择“Show Even For”命令,在此子菜单里选择“ IE 4.0 ”以上的版本,因为IE 4.0 以上的版本才支持此种格式的音乐插入方法。
3.此时弹出插入文件窗口,按“Browser”按钮选择音乐文件,当然是要浏览器支持的音乐文件格式(如mid、wav、AIFF、AU)
4.插入之后网页里会显示一个“plugin”插件图标,但我们还需要作进一步的调整。因为 Dreamweaver 自动插入了一段控制代码,方便我们定制激活背景音乐。但此功能不需要用到,那么就要把它删除。代码有两段,分别如下:
代码一、
代码二、
5.完成插入,此时的背景音乐还不能自动播放,点选插件图标,按“ctrl + F3”快捷键,调出属性面板,点击右下角的“Parameters”按钮,在弹出的窗口中进行修改,把参数“AutoStart”后面的“Value”缺省值“false”改成“true”(如下图所示),这样就达到打开页面背景音乐就响起的效果。
我们知道,音乐的播放是有时间长短的,如果希望它重复播放,可以把上图
中的“Loop”参数值改成“true”。
6.之前打开删除代码时我们看到了插入音乐的 HTML 标记为 < EMBED > ,为了让大家对它有更加深入的了解,接下来引用一段 太平洋网络学院 - > 设计教室 - > HTML 部分中的“HTML语言剖析”中的一段,介绍一下< EMBED >标记的参数:
< EMBED > 是用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU 等等,Netscape 及 新版的 IE 都支持。其参数设定较多。如下
< EMBED src="" autostart="true" loop="true" hidden="true" >
src=""
设定 midi 档案及路径,可以是相对或绝对。
autostart=true
是否在音乐档下载完之后就自动播放。true 是,false 否 (内定值)。
loop="true"
是否自动反复播放。LOOP=2 表示重复两次,true 是, false 否。
HIDDEN="true"
是否完全隐藏控制画面,true 为是,no 为否 (内定)。
STARTTIME="分:秒"
设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。
VOLUME="0-100"
设定音量的大小,数值是0到100之间。内定则为使用系统本身的设定。
WIDTH="整数" 和 HIGH="整数"
设定控制面板的高度和宽度。(若 HIDDEN="no")
ALIGN="center"
设定控制面板和旁边文字的对齐方式,其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom
CONTROLS="smallconsole"
设定控制面板的外观。预设值是 console。
console 一般正常面板
smallconsole 较小的面板
playbutton 只显示播放按钮
pausecutton 只显示暂停按钮
stopbutton 只显示停止按钮
volumelever 只显示音量调节按钮
二、代码法
< BGSOUND >:
< BGSOUND > 是用来插入背景音乐,但只适用于 IE,其参数设定不多。
如下
< BGSOUND src="" autostart=true loop=infinite >
src=""
设定 midi 档案及路径,可以是相对或绝对。
autostart=true
是否在音乐档下载完之后就自动播放。true 是,false 否 (内定值)。
loop=infinite
是否自动反复播放。LOOP=2 表示重复两次,Infinite 表示重复多次。
此种方法就是直接把< BGSOUND >标记放于网页文件的< head >< /head >之间,设置好mid文件的路径就行。参数的设置如文中解说。
三、插件法
有些人始终没有舍弃 FrontPage 也许就因为在一些元素的插入中,Dreamweaver 没有提供功能,或者不方便。但我们知道,Dreamweaver 支持插件,声音插入插件为我们提供了方便。
下载后双击文件,就可以直接安装了,安装完成你可以在“对象”面板的“Common”栏看到一个喇叭图标。直接点击此按钮,就弹出如下图所示的插入窗口:
Forever:设置无限循环播放
Never:不循环播放,即只播放一次
NO of times:设置播放的次数
点击“Browser”按钮选择好声音文件之后,按确定完成制作。
学习了上面三种方法,以后插入背景音乐就简单方便多了
相关教程
在DW 中创建或修改 ColdFusion 数据源
巧用DW判定字符串中是否有换行
用DW8制作网页中常用的过度效果
利用DW8把握网页代码基本格式
用Dreamweaver8在网页中轻松插入Flash视频
DW精细化网页中表格的外观
DW打造多彩文字链接
用DW MX造站内搜索
DW MX 2004代码编辑新功能
细品DW MX 2004内建FW技术
顶一下
(0)
0%
踩一下
(0)
0%
上一篇:Dreamweaver教程:页面制作
下一篇:Dreamweaver MX中表单应用技巧
收藏
挑错
推荐
打印
欧涛 12:01:52
用DW简单描述制作网页的基本步骤2007-07-17 13:03 来源:网页教学网
【简 介】
本教程主要是针对初学者,如何使用Dreamweaver制作一个网页?这个教程具体详细讲解了制作网页的步骤,及注意的问题,并且拿一个实例来给大家做了一下详细讲解!
加入收藏 设为首页
文曲星视频器1080随心更换彩壳本本JVC圆您摄像梦想森海塞尔仅150
本教程主要是针对初学者,如何使用Dreamweaver制作一个网页?这个教程具体详细讲解了制作网页的步骤,及注意的问题,并且拿一个实例来给大家做了一下详细讲解!
创建网页页面
1、在Dreamveaver“文件-新建-常规-基本页-HTML”,这样就建好了一个页面,英文版的默认的文件名为。中文版的的默认的文件名为“无标题文档”。htm就表示这个网页文件是一个静态的HTML文件。给它改名为。
注:网站第一页的名字通常是或。其它页面的名字可以自己取。这也就是主页,上传后打开网页默认连接到此页。
2、在标题空格里输入网页名称,点击修改-页面属性,打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背景图像,超级链接的颜色(一
般默认即可),其他都保持默认即可。
3.此时光标位于左上角,可输入一句话,如“欢迎来到我的主页”。选取文字,用菜单“窗口/属性”打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间等。
4.如要选取字体,则选择字体中的最后一项:编辑字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体列表中的一种字体,点击中间的按钮就可以加入了。
注:在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用,因为别人电脑上未装就看不到。如果需要用的话,要做成图片后再使用。
注:在网页上打入空格的办法是:把输入法调为全角。
注:在网页上换行的办法是:shift+Enter。只按Enter则为换段。
下面拿一个现成的例子来给大家讲解一下:
现在,以下边的简单网页为例,叙述一下制作过程。简单网页如下图:
在开始制作之前,我们先对这个页面进行一下分析。看看这个页面用到了哪些东西。
□网页顶端的标题“我的主页”是一段文字。
□网页中间是一幅图片。
□最下端的欢迎词是一段文字。
□网页背景是一深紫红颜色。
构思好这个网页的结构,我们就可以开始制作了。
首先启动Dreamweaver,确保你已经用站点管理器建立好了一个网站(根目录)。
为了制作方便,请您事先打开资源管理器,把要使用的图片收集到网站目录images文件夹内。
【插入标题文字】
进入页面编辑设计视图状态。在一般情况下,编辑器默认左对齐,光标在
左上角闪烁,光标位置就是插入点的位置。如果要想让文字居中插入,点属性面板居中按钮即可。启动中文输入法输入“我的主页”四个字。字小不要紧,我们可以对它进行设置。
【设置文字的格式】 选中文字,在上图属性面板中将字体格式设置成默认字体,大小可任意更改字号。并选中“B”将字体变粗。
【设置文字的颜色】首先选中文字,在属性面板中,单击颜色选择图标,在弹出的颜色选择器中用滴管选取颜色即可。
【设置网页的标题和背景颜色】
点击“修改”菜单选“页面属性”。系统弹出页面属性对话框(如下图)
请在标题输入框填入标题“我的主页”。
设置背景颜色: 网页背景可以是图片,也可以是颜色。此例是颜色。如上图打开背景颜色选择器进行选取。如果背景要设为图片,点击背景图象“浏览”按钮,系统弹出图片选择对话框,选中背景图片文件,点击确定按钮。
设计视图状态,在标题“我的主页”右边空白处单击鼠标,回车换一行,按照以下的步骤插入一幅画图片,并使这张图片居中。您也可以通过属性面板中的左对齐按钮让其居左安放。
【插入图像】选择以下任意一种方法:
(1)使用插入菜单:在“插入”菜单选“图像”,弹出“选择图像源文件”对话框,选中该图像文件,单击确定。如下图:
(2)使用插入栏:单击插入栏对象按钮>选 按钮,弹出“选择图像源文件”对话框,其余操作同上。
(3)使用面板组“资源”面板(如下图):点按钮,展开根目录的图片文件夹,选定该文件,用鼠标拖动至工作区合适位置。
注:为了管理方便,我们把图片放在“images”文件夹内。如果图片少,您也可以放在站点根目录下。注意文件名要用英文或用拼音文字命名而且使用小写,不能用中文,否则要出现一些麻烦。
一个图片就插入完毕了。(插入*.swf动画文件,选择“插入”菜单>媒体>Flash)。
【输入欢迎文字】
在图片右边空白处单击,回车换行。仍然按照上述方法,输入文字“欢迎您……”然后,利用属性面板对文字进行设置。
保存页面。
一个简单的页面就这样编辑完毕了。
【预览网页】在页面编辑器中按F12预览网页效果。
网站中的第一页,也就是首页,我们通常在存盘时取名为。
【小结】我们制作了一个简单的网页。
内容有四:
①图片插入和对齐设置;
②文字的格式、颜色和加粗等设置;
③背景颜色的设置;
④预览网页,查看实际效果。
不仅要掌握还要举一反三反复练习。