Dreamweaver 8.0利用行为制作动态页面

       一般说来,动态网页是通过JaveScript或基于JaveScript的DHTML代码来实现的。包含JaveScript脚本的网页,还能够实现用户与页面的简单交互。但是编写脚本既复杂又专业需要专门学习,而Dreamweaver提供的“行为”的机制,虽然行为也是基于JaveScript来实现动态网页和交互的,但却不需书写任何代码。在可视化环境中按几个按钮,填几个选项就可以实现丰富的动态页面效果,实现人与页面的简单交互。 
  
  行为是事件与动作的彼此结合。例如,当鼠标移动到网页的图片上方时,图片高亮显示,此时的鼠标移动称为时间,图片的变化称为动作,一般的行为都是要有事件来激活动作。动作时由预先写好的能够执行某种任务的JavaScript代码组成,而事件是由浏览器前用户的操作相关,如单击鼠标、鼠标上滚等。 
  
  一、了解行为 
  
  “行为”可以创建网页动态效果,实现用户与页面的交互。行为是由事件和动作组成的,例如:将鼠标移到一幅图像上产生了一个事件,如果图像发生变化(前面介绍过的轮替图像),就导致发生了一个动作。与行为相关的有三个重要的部分——对象、事件和动作。
  
  1. 对象(Object)
  
  对象是产生行为的主体,很多网页元素都可以成为对象,如图片、文字、多媒体文件等,甚至是整个页面。
  
  2. 事件(Event)
  
  事件是触发动态效果的原因,它可以被附加到各种页面元素上,也可以被附加到HTML标记中。一个事件总是针对页面元素或标记而言的,例如:将鼠标移到图片上、把鼠标放在图片之外、单击鼠标,是与鼠标有关的三个最常见的事件(onMouseOver、onMouseOut、onClick)。不同的浏览器支持的事件种类和多少是不一样的,通常高版本的浏览器支持更多的事件。
  
  3. 动作(Action)
  
  行为通过动作来完成动态效果,如:图片翻转、打开浏览器、播放声音都是动作。动作通常是一段JaveScript代码,在Dreamweaver中使用Dreamweaver内置的行为往页面中添加JaveScript代码,就不必自己编写。
  
  4. 事件与动作
  
  将事件和动作组合起来就构成了行为,例如,将onClick行为事件与一段JaveScript代码相关联,单击鼠标时就可以执行相应的JaveScript代码(动作)。一个事件可以同多个动作相关联(1:n),即发生事件时可以执行多个动作。为了实现需要的效果,我们还可以指定和修改动作发生的顺序。
  
  Dreamweaver内置了许多行为动作,好象是一个现成的JaveScript库。除此之外,第三方厂商提供了更多的行为库,下载并在Dreamweaver中安装行为库中的文件,可以获得更多的可操作行为。如果您很熟悉JaveScript语言,也可以自行设计新动作,添加到Dreamweaver中。
  
  二.应用行为
  
  1. 行为面板 
  
  在Dreamwaever中,对行为的添加和控制主要通过“行为”面板来实现。选择窗口>行为命令,打开行为面板,下图所示。 
  
  

  
  在行为面板上可以进行如下操作:
  
  单击“+”按钮,打开动作菜单,添加行为;单击“-”按钮,删除行为。
  添加行为时,从动作菜单中选择一个行为项。
  单击事件列右方的三角,打开事件菜单,可以选择事件。

时间: 2024-09-25 18:57:25

Dreamweaver 8.0利用行为制作动态页面的相关文章

Dreamweaver8.0利用行为制作动态页面

查看全套"dreamweaver8.0教程" 一般说来,动态网页是通过JaveScript或基于JaveScript的DHTML代码来实现的.包含JaveScript脚本的网页,还能够实现用户与页面的简单交互.但是编写脚本既复杂又专业需要专门学习,而Dreamweaver提供的"行为"的机制,虽然行为也是基于JaveScript来实现动态网页和交互的,但却不需书写任何代码.在可视化环境中按几个按钮,填几个选项就可以实现丰富的动态页面效果,实现人与页面的简单交互. 行

利用CSS3制作动态时钟特效代码

  CSS3很多新奇的功能,能制作出很多酷炫的效果,比如今天给大家介绍的这个,国外的牛人利用纯CSS3动画制作出了一个动态的时钟效果,它使用纯CSS3动画还有图形,没有使用任何图片或者是JavaScript脚本.   纯CSS3动画制作的动态时钟 HTML代码 <div id="watch">   <div class="frame-face"></div>   <ul class="minute-marks&qu

Flash8制作动态开门效果网页菜单

菜单|动态|网页 今天给大家讲解一个如何利用Flash制作动态网页菜单,如果好你就可以直接拿去用了!你也可以自己改进,改进好了别忘了去论坛告诉一声啊! 先看效果和源文件: 点击这里下载源文件 制作方法非常简单,在这里给大家简单的叙述一下!如果不明白就看源文件吧! 首先制作五个影片剪辑片段,说说方法,建立两个图层,下面这个图层绘制一个矩形,至于填充为什么颜色按你的喜好定就可以了!上面的图层输入要显示的文字.然后分别都在第15帧插入关键帧,下面的矩形稍微调整一下形状,上面的文字层稍微向上移动一点位置

用Dreamweaver制作动态链接的Flash按钮

dreamweaver|按钮|动态|链接 Dreamweaver 4.0 以上的版本都提供了"插入Flash按钮"功能.如下面演示中的flash按钮,就是由Dreamweaver制作并插入的. 这里先介绍一下普通的flash按钮的制作方法,以Dreamweaver MX为例:新建一个HTML文件,并先保存它.然后在"Insert(插入)"菜单的"Media(多媒体)"标签中,点击"Flash Button(Flash 按钮)"

用Dreamweaver添加背景音乐及制作动态字

         添加背景音乐 在Dreamweaver中插入背景音乐是非常容易实现的,这里介绍两种方法,供大家选择. 1.在页面不显眼的地方插入一空层 ,并在层内放入一个ActiveX对象,双击该对象,在打开的对话框中选择一个MIDI.WAV等音乐文件,然后在层对象属性面板中设定其可视性为"Hidden(隐藏)",保存变动后按F12预览网页,听听是否有音乐声. 2.还可以利用Dreamweaver的"Behaviors(行为编辑器)",单击"+"

利用Highcharts插件制作动态图表

原文:利用Highcharts插件制作动态图表 向大家推荐一款js插件,用于绘制图表Highcharts,具体操作可参考官方网站:http://www.hcharts.cn/ 1.如下为本人制作的图形效果如下,当然其效果远不止这些,大家还可以深入研究!     2.下面我来讲解下是如何制作的 首先需要下载并引入 highcharts.js 文件  <script src="../../Scripts/highcharts.js" type="text/javascrip

vc++6 0-用vc++6.0 利用windows media player控件制作播放器时

问题描述 用vc++6.0 利用windows media player控件制作播放器时 在win7 64位环境下 要对 播放器进行暂停 快进等操作时 调用 CWMPcontrols 函数时 显示 'CWMPcontrols.h': No such file or directory 头文件 也加了 cwmpcontrols.h 头文件换成小写也是不行的 也说不能打开 没有这个文件 cwmpcontrols.h 头文件是存在的在工程目录下: 解决方案 你的VC++版本太旧,没有这个头文件.建议你

access-关于vc6.0利用ADO动态链接ACCESS不成功的问题

问题描述 关于vc6.0利用ADO动态链接ACCESS不成功的问题 void CDBDlg::OnButtonOpen() { // TODO: Add your control notification handler code here//建立一个对话框,选择mdb文件 static char BASED_CODE szFilter[] = ""mbd文件 (*.mdb)|*.mdb|所有文件 (*.*)|*.*||"";char Buffer[MAX_PATH

photoshop利用时间轴制作动态火焰文字教程

给各位photoshop软件的使用者们来详细的解析分享一下利用时间轴制作动态火焰文字的教程. 教程分享:     好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的利用时间轴制作动态火焰文字的教程解析分享的全部内容了,各位看到这里的使用者们现在是非常的清楚了制作教程了吧,那么各位就快去自己制作去吧.