设为首页 | 热门标签 | RSS 订阅 | 加入收藏
游客可以选择 高级搜索 | 成为会员 | 马上登陆

返回首页
当前位置: 主页 > 新手村 > 新手营讲义 > 正文

9月5日Dreamweaver8.0基本操作新手群讲义(中)

时间:2009-09-06 07:26 作者:飞雪鸿云 来源:菜鸟阵地 点击:
主讲:飞雪鸿云
  

行为的概述

行为是事件和动作的组合,浏览器响应用户的动作产生事件。例如,当访问者单击网页上的某一元素时,会生成一个onClick事件,从而产生一系列动作,执行某些特定的任务。在Dreamweaver中使用行为,可以生成动态网页效果。

动作是由一段预先写好的JavaScript代码所组成。该代码能执行各种特殊任务,如打开一个新的浏览器窗口、播放一段声音、控制播放Flash等。

事件由浏览器所定义,浏览器响应用户的某个操作而生成一个事件,通常一个事件总是针对页面元素或标记而言的。例如当某个浏览者将鼠标移动到某一图像或文字上,浏览器就可能生成一个onMouseOver(鼠标滑过)事件,如果用户事先设置了某个动作的话,此事件将调用相关的JavaScript功能,JavaScript功能则激发相应的动作发生,如弹出一个提示框或在状态栏中显示相关信息。

行为的基本操作

行为控制面板

打开行为面板的方法有2种:

°  单击窗口”>“行为命令。

°  Shift+F3组合键。

行为面板可以将行为附加到网页元素并修改以前所附加行为的参数。

添加行为

添加行为的方法:

1)选择要添加行为的对象,所选对象相应的HTML标签出现在行为控制器的标题栏中。

2)在行为面板中单击“+”按钮,从弹出的菜单中选择一个动作,系统将出现该动作的对话框,在对话框中设定参数。

3 单击确定按钮,在事件列表中出现触发该动作的默认事件,用户可以选择其他事件来改变当前默认的事件。

编辑一个行为

1. 编辑行为

编辑行为的操作步骤如下:

1)在网页文档中选择已添加了行为的某个元素或对象,这时会在行为面板中显示所有已添加的行为。

2)如果要编辑该行为的动作,则双击该行为,可以弹出对应的动作对话框,然后在对话框中根据需要进行修改,

3)若要编辑该行为的事件,则在行为面板中单击事件栏,出现下拉按钮,单击下拉按钮会弹出下拉菜单,从中选择相应的事件即可。

4)如果要改变该行为在多个行为中发生的顺序,可以单击行为面板右上角的三角按钮,然后根据需要改变行为的顺序即可。

2.  删除行为

要删除行为,可直接选中该行为,然后单击行为面板上的删除按钮。

 

 

事件

当访问者与网页交互时,浏览器产生事件,而且这些事件通常能够调用JavaScript从而导致动作的发生。Dreamweaver提供了许多常用事件所能够触发的动作。

由于不同的浏览器所支持的事件不尽相同,在行为控制面板上单击“+”按钮,在下拉列表中选择浏览器适配器类型可以选择目标浏览器的类型。一般我们建议选择IE 4.0以上的版本的浏览器。

使用Dreamweaver自带的行为动作

Dreamweaer自带有多种动作,可以随时调用。

交换图像

交换图像动作的功能是:通过改变图像标签的SRC属性,将图像变换为另外一幅图像,使用该动作可以创建变换的按钮和其他图像效果。

操作步骤:

1)打开网页,选择要交换图像的图像或文字。

2)选择行为面板中的交换图像命令,打开交换图像对话框。

3)单击设定图像右侧的浏览按钮,在打开的选择图像源文件对话框中选一幅图片。

4)单击确定按钮,返回交换图像对话框。

5)单击确定按钮,按F12键可浏览网页中添加交换图像行为的效果。

恢复交换图像

用户设置了交换图像后,当鼠标移动到图像上时,图像将发生改变,之后再回复成原来的图像,通过恢复交换图像功能,当将鼠标指在图像上时,图像会变成另外一幅图片。默认情况下,当用户使用了交换图像后,系统将自动设置恢复交换图像功能。

弹出信息

该行为的功能是:当用户执行操作时,显示指定信息。

操作方法:

单击行为面板中选择弹出信息命令,打开弹出信息对话框。在对话框中输入文字,单击确定按钮,按F12键浏览网页时,点击文字会出现相应的提示框。

打开浏览器窗口

该动作的功能是在新的浏览器窗口打开指定的网页。

操作方法:

1)打开网页,单击<body>标记,将行为应用于整个网页。

2)在行为面板中选择打开浏览器窗口命令 ,打开打开浏览器窗口对话框。

3)在要显示的URL”中输入网址。

4)在窗口宽度中输入宽度值,在窗口高度中输入高度值。

5)在属性中选择要显示在浏览器中的组成元素。

6)在窗口名称中输入新打开浏览器窗口的名称。

7)单击确定按钮后,当打开网页时将打开对应的网站。

设置文本

用于设置框架、层和状态栏信息或表单文本框中的文本。

操作步骤:

1)选中网页中要设置文本的图片或文字。

2)在行为面板中选择设置文本”>“设置状态栏文本命令。打开设置状态栏文本对话框。

3)在对话框的信息右侧的文本框中输入信息,单击确定按钮。

4)按F12键,预览设置的动作。

预先载入图像

该行为的功能是载入不会立即在网页中出现的图像到浏览器的缓存中,以防止图像显示时由于下载导致的延迟,同时也便于脱机浏览。

操作步骤:

1)单击<body>标记,使动作应用于整个网页。

2)在行为面板中选择预先载入图像命令,打开对话框。

3)在图像源文件框中输入预下载图像的路径及名称,或单击浏览按钮选择图像文件。

4)单击“+”按钮,将在预先载入图像框中添加图像文件;单击“-”按钮则删除图像文件。最后,单击确定按钮。

控制ShockwaveFlash

该行为的功能是控制ShockwaveFlash影片的播放和停止等。

操作步骤:

1)首先在网页上插入2个按钮,命名为播放停止。然后插入一个Flash插件,Flash插件名称为fla

2)选中按钮播放,选择行为面板上的控制ShockwaveFlash”命令,打开控制ShockwaveFlash”对话框。

3)在影片右侧的下拉列表中选择影片的名称,在操作右侧选择影片的状态播放

4)重复上述步骤,为按钮停止选择影片、操作状态。

5)单击确定按钮,按F12键浏览网页。

显示-隐藏层

该行为的功能是显示或隐藏页面中的层。

操作步骤:

1)单击<body>,选中整个网页

2)在行为面板中选择显示-隐藏层命令,打开对话框。

3)在命名的层中选择层“Layer1”

4)单击隐藏按钮,设置层的显示状态。

5)单击确定按钮,设置完成,按F12键浏览网页效果

转到URL

该行为的功能是在指定的窗口中打开指定的网页。

操作步骤:

1)在页面上分别插入一个表单和按钮,将按钮命名为某个网站的首页名称。

2)选定该按钮,在行为面板中单击转到URL”命令,打开对话框。

3)在“URL”框中输入网址。

4)单击确定按钮,按F12浏览网页,单击该按钮,打开指定网站的首页。

获得更多的行为

如果想使用Dreamweaver以外的行为,可下载和安装第三方行为插件。Dreamweaver为精通JavaScript语言的用户提供编写自己的objects(对象)、行为、命令和属性检查器的机会。

用户可以到Macromedia公司的网站,选择所需的行为进行下载。

单击行为面板中的添加行为按钮,选择获取更多行为。这时会自动打开浏览器并连接Internet,在出现的网站上可以找到许多行为,下载所选择的行为文件。行为文件通常采用WinZip软件压缩,因此需要将下载的行为文件解压缩。再将解压缩的文件拖到Dreamweaver应用程序文件夹中的Configuration/Behaviors/Actions文件夹下,然后重新启动Dreamweaver,就会在行为控制器找到新加入的Behaviors

 

顶一下
(0)
0%
踩一下
(0)
0%
本站声明:本站文章,如无特别说明,均为转载或者节选自其他网站。
如本文内容侵犯了您的合法权益,请与责任编辑联系。谢谢合作!
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
发布者资料
飞雪鸿云 查看详细资料 发送留言 加为好友 用户等级:高级会员 注册时间:1970-01-01 08:01 最后登录:2009-09-24 21:09
热点文章

8月9日Dreamweaver8.0基本操作

8月2日通过实例讲解CSS

7月26日熟悉基本的HTML代码(新手群)

7月25日Dreamweaver8.0基本操作(新手群)

相关教程

8月9日Dreamweaver8.0基本操作

8月2日通过实例讲解CSS

7月26日熟悉基本的HTML代码(新手群)

7月25日Dreamweaver8.0基本操作(新手群)

关于我们 | 站点地图 | 广告服务 | 友情链接 | 论坛 | 沪ICP备05017900号

本站驻搜搜问问特派团队:网页制作新手营

Copyright © 2009-2010 菜鸟阵地