Dreamweaver 行为的使用

dreamweaver

  DreamWreaver自带的行为动作有不少,下面就分别介绍。

  1.Call JavaScript
  Call JavaScript(调用JavaScript)动作允许使用行为控制器指定当事件发生时将被执行的自定义函数或JavaScript代码行。
  要使用Call JavaScript(调用JavaScript)动作:选择一对象并打开行为控制器,单击加号按钮,从动作弹出菜单中选择Call JavaScrip,在弹出的对话框中键入将要执行的JavaScript或函数名。

  2.Change Property
  使用Change Property(改变属性)动作能够改变对象的属性值。能改变的属性是由目标浏览器的类型决定的。Internet Explorer(IE)4.0浏览器能够改变的属性比IE3.0或Netscape Navigator3.0或4.0浏览器多得多。要使用改变属性动作,必须十分熟悉HTML和JavaScript语言。

  3.Check Browser
  使用Check Browser(检查浏览器)动作可以根据访问者浏览器的类型和版本发送不同的网页。例如,如果访问者使用的是Netscape Navigator4.0或其后续版本的浏览器,你可以将其引导到一个网页;如果访问者使用的是Internet Explore4.0或其后续版本的浏览器,你可以将其引导到另一个网页;如果访问者使用的是其它类型的浏览器,你可以保留当前网页。

  4.Check Plugin
  使用Check Plugin(检查插件)动作可以根据访问者是否安装特定插件决定是否给他发送不同网页。例如,你可以让安装了Shockwave插件的访问者访问一网页,而未安装的访问者访问另一网页。

  5.Control Shockwave or Flash
  使用Control Shockwave or Flash(控制Shockwave或Flash电影)动作可以播放、停止、回放或转到Shockwave或Flash电影中的某一帧。

  6.Drag Layer
  Drag Layer(拖动层)动作允许访问者使用拖动层的操作。使用这个动作你可以创建动脑筋、滑动控制和其它可移动的网页页面元素。

  7.Go TO URL
  使用Go TO URL(转到URL)动作可以在当前窗口或指定框架中打开一新的网页。这个动作对于想单击一次便改变两个或更多个框架中的内容特别有用。此外,在Timeline(时间轴)中,可以调用该动作使访问者经过特定时间间隔后跳转到另一网页。

  8.Jump Menu
  当使用Insert>Form Object>Jump Menu(插入>表单对象>跳转菜单)建立一个Jump Menu(跳转菜单)动作时,DreamWeaver创建菜单对象,并为该对象附加适当的行为,通常无须手工添加Jump Menu(跳转菜单)动作,我们可以在行为控制器中双击一已存在的跳转菜单动作来编辑新的。

  9.Open Browser Window
  使用Open Browser Window(打开浏览器窗口)动作可以在一新的窗口中打开一个URL。你可以指定新窗口的属性,包括它的大小、属性(窗体大小是否可调整,是否有菜单栏等)及名称。
  如果你指定新窗口无属性,则新窗口将按启动它的窗口的大小及属性打开。为新窗口指定任何属性都将自动关闭其它所有未加指定的属性。例如,如果你指定新窗口无属性,则它可能以640×480像素大小打开,并且附加有一个导航工具栏、位置工具栏、状态栏及菜单栏;但是如果你仅仅指定新窗口以640×480像素大小打开,而没有指定其余的属性,则它以640×480像素大小打开,但没有附加导航工具栏、位置工具栏、状态栏、菜单栏、调整柄及滚动条,因而此行为非常适合打开一个定制的窗口,运用非常广泛。

  10.Play Sound
  使用Play Sound(播放声音)动作可以播放声音。例如,我们可能想让访问者将鼠标移动到链接上的时候产生声音效果,或在网页载入时播放音乐片段。

  11.Popup Message
  Popup Message(弹出消息)动作用我们指定的消息显示在JavaScript警告框中。由于JavaScript警告框中只有一个按钮(OK),因此可以使用这个动作给访问者提供信息而不是提供选择。

  12.Preload Images
  Preload Images(预先载入图像)动作载入那些不会立即在网页中出现的图像到浏览器缓存中,例如那些使用时间轴、行为或JavaScript变换的图像。这样可以防止图像显示时由于下载导致的延迟。

  13.Set Nav Bar Image
  使用Set Nav Bar Image(设置导航条图像)动作能将图像转换成导航条图像或改变导航条中图像的显示及动作。

  14.Set Text of Frame
  Set Text of Frame(设置框架中的正文)动作允许我们动态设置框架中的正文,可以用指定的内容替代原框架中的内容和格式。该指定的内容包含任何有效的HTML。
  虽然Set Text of Frame(设置框架中的正文)动作可以替代原框架中的格式,但我们也可以通过选择保留背景颜色来保留网页的背景及文本颜色属性。

  15.Set Text of Layer
  Set Text of Layer(设置层中的正文)动作用指定的内容替代原层中的内容和格式。该指定的内容包含任何有效的HTML。

  16.Set Text of Status Bar
  Set Text of Status Bar(设置状态栏信息)动作在浏览器窗口左下角的状态栏内显示信息。例如,使用该动作可以在状态栏内描述一个链接的目的替代显示该链接的URL。

  17.Set Text of Text Field
  Set Text of Text Field(设置文本域中的文本)动作可以用你指定的内容替代表单对象中文本域中的内容。

  18.Show-Hide Layers
  使用Show-Hide Layers(显示或隐藏层)动作可以显示、隐藏或还原一个或多个层的默认的显示状态。当访问者和网页相交互时,该动作对于显示信息很有用。例如,当访问者将鼠标移到一幅地图上时,可以让访问者触发显示一个层,此层用以描述该地区的相关信息。

  19.Swap Image
  Swap Image(变换图像)动作可以通过改变IMG(图像)标签的SRC属性将该图像变换为另外一幅图像。使用该动作可以创建按钮变换和其它图像效果,包括一次变换多幅图像。由于在此动作中被影响到的只有SRC属性,因此变换图像应该和原图像有相同的尺寸(即高度和宽度都相同)以防止产生图像变形。

  20.Swap Image Restore
  Swap Image Restore(变换图像还原)动作可以将最后设置的变换图像还原为原始图像。当你为一对象附加Swap Image(变换图像)动作时,该动作将自动添加,如果此时选择了Restore Images onMouseOut(当鼠标移开图像时,变换图像还原)选项,那么Swap Image Restore(变换图像还原)动作就无须人工选择。

  21.Go To Timeline Frame
  Go To Timeline Frame(到时间轴帧)动作将playback head(播放头)移动到指定帧。你可以在时间轴检查器的行为通道中使用该动作来设置时间轴的某个部分循环若干次、创建Rewind(回退)链接或按钮、或者让访问者跳到动画的其它部分。
  设置方法:打开时间轴检查器,在一时间轴上选择动画条上附加行为的帧,在行为检查器上单击加号按钮,从动作弹出菜单中选择Timeline>Go To Timeline Frame(时间轴>到时间轴帧)。在出现的对话框中选择一个时间轴,在Go to Frame(转到帧)域中输入帧号(即转到第几帧),单击OK。再将默认事件改为我们想要的。

  22.Play Timeline and Stop Timeline
  使用Play Timeline and Stop Timeline(播放时间轴和停止时间轴)动作可以允许访问者通过单击一个链接或按钮实现开始和停止播放时间轴;也可以允许访问者在鼠标移动到一个链接、图像或其它对象上时使时间轴自动开始和停止播放。如果你在时间轴检查器中选择Autoplay(自动播放)选项,Play Timeline(播放时间轴)动作将自动使用onLoad事件附加到BODY标签中。

  23.Validate Form
  Validate Form(验证表单)动作可以检测指定文本域中的内容以确保访问者输入的数据类型正确。用onBlur事件为单独的表单域附加该动作,则访问者填写表单时检测该域;用onSubmit事件为表单附加该动作,则访问者单击Submit(提交)按钮时立即评估若干个域。为表单附加该动作可以防止指定域包含无效数据提交给服务器的情况。

时间: 2024-11-01 17:35:50

Dreamweaver 行为的使用的相关文章

Dreamweaver页面制作

  现在,以下边的简单网页为例,叙述一下制作过程.简单网页如下图: 在开始制作之前,我们先对这个页面进行一下分析.看看这个页面用到了那些东西. □网页顶端的标题"我的主页"是一段文字. □网页中间是一幅图片. □最下端的欢迎词是一段文字. □网页背景是一深紫红颜色. 知道了这个网页的结构以后我们就来可以制作了. 首先启动Dreamweaver MX 2004,确保你已经用站点管理器建立好了一个网站(根目录). 为了制作方便,请您事先打开资源管理器,把要使用的图片收集到网站目录image

Dreamweaver MX 2004高级技巧(8)制作居中的网页

dreamweaver|高级|技巧|网页 本文介绍两种居中的网页,一种是页面居中,一种是页面上下左右居中. 页面居中的网页 实现方法:设置body标签居中. 1.打开一个网页或新建一个网页,在文档左下角的"标签选择器"上选择"body"标签. 2.在"属性面板"上点击"居中对齐".现在居中的页面就做好了,往里面填充内容就可以了. 转换到代码视图,看看生成的代码,原来生成的是"<div align="c

如何在Dreamweaver中设计首页

  一.网站设计思路 每个网页开始前,一般要在Firworks或在Photoshop等图像设计软件中设计好基本页面设计,图4-1-1就是Photoshop中设计好的基本页面设计图. 图4-1-1 Doking's BLOG基本页面设计图 在图4-1-1中序号①画上红色方圈部分的是网页的左边栏目,目前是空白的,它的栏目在以后章节中会一一添加上去的,序号②画上红色方圈部分的是网站的导航条,它是由第三章建立的dkblog.mdb数据库中的LM表动态生成的.基本思路已清楚后,开始构建立网站的模板. 二.

Dreamweaver中如何拆分单元格

  今天小编为大家介绍一下Dreamweaver中如何拆分单元格. 拆分单元格 首先将光标移到需要拆分的单元格中,点击属性窗口中"拆分单元格"按钮,在弹出窗口中填写你需要拆分的行或列. 确定拆分后就可以得到下图中的效果.

Dreamweaver教程-使用属性面板

Dreamweaver属性面板可以快速更改HTML.CSS属性,从而实现页面修改效果所见即所得. 1.仍然使用greenstart.html文件作为示例文件,打开后切换到设计视图. 2.如果属性面板被隐藏了,在菜单栏选择"窗口">"属性". 3.选取正文中的"绿色下载吧",然后单击"B"按钮应用 <strong> 标签给文字加上粗体效果. 4.在"属性"面板中,单击"CSS&qu

Dreamweaver让css制作网页图片半透明

  Ok,我们现在开始,前提是你得打开Dreamweaver 4,下面是设置步骤:没用过这个工具?晕!快下载一个吧. 1:在Dreamweaver 4中点windowàcss styles(或按键盘的shift+f11),调出css styles窗口. 2:在css styles窗口中,单击右下角的加号,弹出new style窗口.设置如图: 3:点ok,弹出一个大窗口style definition for .clarity,我们按照下图设置. 也许你已经注意到了Alpha(Opacity=?

Dreamweaver MX 2004 打造细线表格(2)

dreamweaver 3.设置表格的CSS属性border-collapse为collapse:按Ctrl+Alt+T插入表格,对话框的设置同法2.选中表格,在属性面板中设置表格的边框颜色: 按F9展开"Tag Inspector"面板,在"Attributes"面板中的"style"里填入"border-collapse:collapse;" 完成后如图: 注意:法3所作的细线表格只适用于IE5+,兼容性最好的是法1,法二

解决在Dreamweaver中不支持中文文件名

dreamweaver|解决|文件名|中文     用Dreamweaver制作网页时,如果插入的图片.GIF动画.声音.视频或链接的网页是用中文命名的,在用IE浏览器浏览时可能显示不出来.以至于大家不得不将用到的素材全改为英文文件名,然后再在Dreamweaver中引用.随着素材的增多,因为是英文文件名,要查找某个文件是多么不方便呀! 经过摸索,笔者发现Dreamweaver可以插入以中文命名的素材.也可以链接以中文命名的网页.在插入素材或链接网页后切换到代码窗口,将乱码文件名改为相应的中文文

Dreamweaver MX 2004做信息公告系统(2)建立站点

dreamweaver|站点 1.按照前面的教程中的方法建立站点,站点文件夹中应该包含你设计的页面文件. 2.切记在创建测试服务器的时候一定要保证IIS中已经有了相应的网站或虚拟目录,"前缀"中填写的一定要是可以通过浏览器输入访问到该网站的地址. 3.按照前面教程中的方法建立数据库连接,连接名为"conn". 4.在"文件"面板中连接建立后双击/Connections文件夹下的conn.asp,把文件内容按前面教程中提到的方法修改,这是修改完成后

Dreamweaver MX 2004从零开始(5)(组图)

dreamweaver 用行为丰富网页效果 行为可以说是DreamweaverMX2004中最有特色的功能,它可以让你不用书写一行JavaScript代码即可实现多种动态网页效果.行为的关键在于DreamweaverMX2004中提供了很多动作,其实就是标准的JavaScript程序,每个动作可以完成特定的任务.这样,如果你所需要的功能在这些动作中,那么就不要自己编写JavaScript程序了. 弹出消息框 如果希望别人进入网站首页的时候可以看见一个弹出的消息框来显示一些内容,则可以通过下述方法