转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> 网页制作 >> 正文
菜鸟学用Dreamweaver MX 2004行为         ★★★★

菜鸟学用Dreamweaver MX 2004行为

作者:闵涛 文章来源:闵涛的学习笔记 点击数:652 更新时间:2009/4/23 12:26:59

· 行为概述

  Dreamweaver MX 2004已经成为网页设计者的良好的设计工具,我们在使用过程中你注意到它提供的行为功能了吗?今天在这里我给大家介绍一下其中的行为的使用。

  Dreamweaver MX 2004提供了丰富的行为,这些行为的设置为网页对象添加一些动态效果和简单的交互功能,为使那些不熟悉JavaScript或VBScript的网页设计师可以方便的设计出通过复杂的JavaScript或VBScript语言才能实现的功能。如果熟悉JavaScript或VBScript还可以编写一些特定的行为来使用。

  行为是用来动态响应用户操作、改变当前页面效果或是执行特定任务的一种方法。行为是由对象、事件和动作构成。例如,当用户把鼠标移动至对象上(称:事件),这个对象会发生预定义的变化(称:动作)。

  对象是产生行为的主体。网页中的很多元素都可以成为对象,例如:整个HTML文档、插入的一个图片、一段文字、一个媒体文件等。对象也是基于成对出现的标签的,在创建时首先选中对象的标签。

  事件是触发动态效果的条件。网页事件分为不同的种类。有的与鼠标有关,有的与键盘有关,如鼠标单击、键盘某个键按下。有的事件还和网页相关,如网页下载完毕,网页切换等。对于同一个对象,不同版本的浏览器支持的事件种类和多少也是不一样的。

  动作是最终产生的动态效果。动态效果可能是图片的翻转、连接的改变、声音播放等。

  行为可以附加到整个文档,还可以附加到连接、图象、表单元素或其他HTML元素中的任何一种,用户可以为每个事件指定多哥动作。动作按照它们在行为面板的动作列表中列出的顺序发生。注意:不同的显示器支持的行为事件是不一样的。

Dreamweaver MX 2004 内置的基本行为如图所示:

Dreamweaver MX 2004行为详解实例

   Dreamweaver MX 2004 行为面板

  使用“行为”面板将行为附加到页元素(更具体地说是附加到标签)并修改以前所附加行为的参数。

  若要打开“行为”面板,请选择“窗口”>“行为”(SHIFT+F3)。“行为”面板如下图所示:

Dreamweaver MX 2004行为详解实例

  已附加到当前所选页元素的行为显示在行为列表中(面板的主区域),按事件以字母顺序排列。如果同一个事件有多个动作,则将以在列表上出现的顺序执行这些动作。如果行为列表中没有显示任何行为,则没有行为附加到当前所选的页元素。

  设置“行为”面板选项:“行为”面板具有以下选项:

Dreamweaver MX 2004行为详解实例

  显示设置事件仅显示附加到当前文档的那些事件。事件被分别划归到客户端或服务器端类别中。每个类别的事件都包含在一个可折叠的列表中,您可以单击类别名称旁边的加号/减号按钮展开或折叠该列表。“显示设置事件”是默认的视图。

  显示所有事件按字母降序显示给定类别的所有事件。

  添加行为(+): 是一个弹出菜单,其中包含可以附加到当前所选元素的动作。当从该列表中选择一个动作时,将出现一个对话框,您可以在该对话框中指定该动作的参数。如果所有动作都灰显,则没有所选元素可以生成的事件。

  删除(-):从行为列表中删除所选的事件。

  上下箭头按钮将特定事件的所选动作在行为列表中向上或向下移动。给定事件的动作以特定的顺序执行。选中一个事件或动作可以更改执行的顺序。

  事件是一个弹出菜单,根据所选对象的不同,显示的事件也有所不同。如果未显示预期的事件,请检查是否选择了正确的页元素或标签。

· 认识行为事件

  行为是为响应某一具体事件而采取的一个或多个动作。当指定的事件被触发时,将运行相应的JavaScript程序,执行相应的动作。所以在创建行为时,必须先指定一个动作,然后再指定触发动作的事件。行为是针对网页中的所有对象,要结合一个对象添加行为。

  每个浏览器都提供一组事件,这些事件可以与“行为”面板的“动作”(+) 弹出菜单中列出的动作相关联。当 Web 页的访问者与页进行交互时(例如,单击某个图像),浏览器生成事件;这些事件可用于调用引起动鞣⑸?JavaScript 函数。(没有用户交互也可以生成事件,例如设置页每 10 秒钟自动重新载入。)DW MX 2004 提供许多可以使用这些事件触发的常用动作。

  根据所选对象和在“显示事件”子菜单中指定的浏览器的不同,显示在“事件”弹出菜单中的事件将有所不同。若要查明对于给定的页元素给定的浏览器支持哪些事件,请在您的文档中插入该页元素并向其附加一个行为,然后查看“行为”面板中的“事件”弹出菜单。如果页上尚不存在相关的对象或所选的对象不能接收事件,则这些事件将禁用(灰显)。如果未显示预期的事件,则检查是否选择了正确的对象,或在“显示事件”弹出菜单中更改目标浏览器。

  如果要将行为附加到某个图像,则一些事件(例如 onMouseOver)显示在括号中。这些事件仅用于链接。当选择其中之一时,DW MX 2004 在图像周围使用 a 标签来定义一个空链接。在属性检查器的“链接”文本框中,该空链接表示为 javascript:;。如果要将其变为一个指向另一页的真正链接,您可以更改链接值,但是如果删除了 JavaScript 链接却未用另一个链接来代替它,则将删除该行为。

  在动作选单中,越是高版本的浏览器支持的动作越多,我们先认识一下它们:

点击放大


[网页制作]ColdFusion MX 轻松制作 FLASH  [网页制作]DW MX 的快键一览表
[网页制作]Fireworks MX 2004从入门到精通视频教程  [网页制作]创新学习法之Fireworks MX 2004视频教程
[网页制作]Fireworks MX 2004金属特效字制作  [网页制作]使用 Fireworks MX 2004 制作IE浏览器图标
[网页制作]Fireworks mx 2004制作风景类Logo全过程  [网页制作]详解Fireworks MX 2004丰富的图像导出功能
[网页制作]Fireworks MX 2004处理数码照片技巧  [网页制作]体验Fireworks MX 2004绘图新功能
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台