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

Dreamweaver行为的应用

作者:闵涛 文章来源:闵涛的学习笔记 点击数:578 更新时间:2009/4/23 12:33:36
如果想要使网页更“聪明”的话,就要使用行为来感知外界的信息并做出相应的响应。这些外界信息包括鼠标的活动,如页面的调用与关闭、鼠标移动到页面元素上点击元素或移开元素,以及焦点的改变和键盘的情况等各种变化,对不同的页面内容有不同的事件,另外能够响应的事件也和浏览器有关,一般说来,3.0的浏览器能够响应的事件要少于4.0浏览器,而IE4能够响应的事件要多于Netscape4.0浏览器,我们可以根据不同的浏览器进行不同的设置。

  

    图A三是一个简单的例子,这个页面有两项内容,一部分是上面的文字“Click here for more information"并成为一个超链接,下面是一个汽水瓶的图片。现在想要产生这样的效果,当浏览者将鼠标移到超链接的文字之上的时候发出一段开启汽水瓶的声音,这段声音是已有的资源。我们可以这样做。将超链接设置成工作的焦点,可以用鼠标在这行文字上点一下。这时调出行为浮动面板(window菜单的behavior命令),

a4.gif (7986 bytes)

    如图A四这个浮动面板一共有两部分组成。左边是事件,右边是对事件的响应。我们可以看到浮动面板的事件栏中显示了 Events ,表明现在是对刚才选中的超链接所产生的各种可能的事件。在这一栏中我们可以选择浏览器的类型,例子中是选择IE4作为目标浏览器,我们点击加号会弹出一个菜单,菜单中列出各种可能产生的事件。我们选择事件,当鼠标移动到目标元素上的时候就会产生事件信息,选中以后这一事件被加入事件栏中,一个页面元素可以激发许多事件。当一个事件有响应的时候这个事件才是有价值的事件,因为即使没有选事件也是存在的,也是会在适当的时候被激发,只是没有响应所以对页面没有任何影响。用同样的方法我们点击行为浮动面板右侧的响应栏中的加号按钮,这里也列出了所有可能的响应,包括改变属性、检查插件、声音控制、浏览器状态条显示何种信息,跳到指定的地址上,打开新的浏览器窗口。弹出消息以及层的变化等等。我们选择声音控制(control sound )一项,这时会自动弹出对话框提示我们开始和结束声音。

    图A五就是弹出的对话框,选择合适的声音文件后(注意,要选择网页允许的声音文件格式)整个有关本例的事件及响应的设置就完成了。我们没有编写一句代码就完成了较为复杂的交互式操作,这足以表明Dreamweaver在编写高级网页时的优越性。

a5.gif (8624 bytes)


  我们可以用这种方法编写出十分精彩的网页,比如:当我们开启一个网页的时候先奏一段音乐(这里用到对onLoad事件的响应),当浏览者将鼠标移动到网页的各个项目上时,这一项目闪烁并响起音乐且状态条显示项目的说明(这里用到对onMouseOver事件的响应,响应为图片来源控制、声音控制和状态条信息的设置),当浏览者随超链接进入新的页面并点击页面的MOV格式的电影时检查浏览器是否有quicktime插件,如果有就播放这段电影(对onClick事件响应,响应为检查插件),我们可以将一幅图片作为一超链接,当浏览者点击或按下任意键时显示目标页(用到对onKeyPress 和onMouseOver事件的响应),如果是商业或教育网页我们还可以对onHelp 和onError等事件产生响应。我们还可以对整个页面进行控制(用到对onReadyStateChange事件的响应),如果浏览者结束浏览时说一些感谢的话或传达一些信息或打开相关网页就要用到对onClose事件的响应等等,还有许多更精彩的事件和不同寻常的响应事件留给广大读者去发现吧。


没有相关教程
教程录入: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……
    咸宁网络警察报警平台