• 日志
  • 教程
  • 插件
  • 设计
  • 欣赏
  • 资源
  • 地图
精灵日志图片

Dreamweaver行为入门简介

作者:梦觉

很多朋友学习Dreamweaver软件一段时间以后,开始对普通的静态页面不再感到满意,网上各种纷繁多样的动态交互式网页效果非常吸引人,可是作为刚刚入门的网页制作者,对网页编程还不是很熟悉,而这些交互效果很多都需要具有JavaScript知识。幸好在Dreamweaver软件中有强大的行为面板(Behaviors)。使用Dreamweaver行为,普通的网页设计者可以轻易的做出诸如:弹出窗口、显示和隐藏层、改变状态条文字、播放多媒体文件甚至制作出动态飘动的图层等等,更复杂的还可以做出常见的下拉菜单效果,以及托拽层的效果等复杂的动态网页。

今天我只给大家介绍Dreamweaver中行为面板的基本用法和知识,在介绍之前需要简单说明组成行为的两个部分:事件(Event)和动作(Action)。事件是一个动作的触发器,在网络上既可以是用户触发的,如鼠标的滑过、点击等,也可以是自动完成的,如一个页面的载入或关闭。动作则是一系列复杂的变化,可以是在状态条显示一条信息,或是复杂的翻转效果,打开新窗口等等。而所有的行为都是依附在某个特定的元素上,例如一个文本链接、一个图像或一个层等等。

在Dreamweaver中创建一个行为需要经过以下几个步骤:

1、  选取一个特定的元素。例如一个文字链接或一个图片等等,最常见的是一个链接。行为将被加到此特定的元素上。

2、  选择你希望兼容的浏览器版本。因为不同的浏览器支持的事件不相同,如果你希望更多的人能看到你做的效果,你必须选择较低的浏览器选项。通常我们选择IE4.0以上版本的浏览器。

3、  选择一个希望执行的动作。例如交换图片,隐藏一个层,或是在状态栏显示一段文字。

4、  为上述的动作设定具体的参数。虽然Dreamweaver自带的动作看起来有限,但通过设定不同的参数我们可以做出很复杂的效果。

在本教程中我们不可能详述行为面板的强大功能,我主要是举两个例子给大家介绍上述的这几个步骤,以此指导大家学会使用行为面板。

第一页|第二页|第三页

教程-Tutorials
FireworksMX2004教程
Fireworks教程
Dreamweaver教程
©2000-2006 Bitgenius.com.All rights reserved. Designed by Mengjue.