学院首页>网页制作>Dreamweaver>用Dreamweaver制作动作

用Dreamweaver制作动作

作者:未知 来源:未知 添加时间:2006-5-21 9:09:27
这就是一个动作:当打开/关闭一个窗口、鼠标移进/移出某个区域、一幅网页载入、点击一个链接等等,都是一个动作。这些动作的实质,其实就是网页中使用了JAVA的脚本。如何在发生这些动作时,出现你需要的结果,就是我说的动作编辑,实际这就是用Dreamweaver自动导出页面的JavaScript。
创建网页的动态或交互内容,可以有两种选择。一种是在服务器端建立主机端脚本server-side script,另一种就是在在客户端用JavaScript编程。JavaScript能控制动态HTML的所有方面,很多人喜欢使用它,让它出现在页面中,但是能够熟练使用它编程的人却很少。动态HTML要求更复杂的JavaScript编码,但是大多数情况下,如果仅仅涉及到简单地在层之间移动,或者改变可视性的话,这些任务在Dreamweaver中是很容易实现的。
一般的动作编辑器Behavior使用方法,我就通过解释这页的制作过程向大家说明一下。
第一步首先是建立一个层,在层的区域内插入你要插入的表格、文字、图片或者链接之后,调整好层的背景颜色、大小和位置,设置它的可视属性在一般情况下为隐藏(hidden),并给它一个唯一的ID标识,层属性面板如下图所示。
接下来点击图标启动动作编辑器,选择事件所针对的浏览器,我选择了IE4.0浏览器,如右图所示。然后选定你需要它完成任务的对象,我在这里选择的就是你们看到的动画图片。点击添加动作Add Behavior按钮,在这个按钮右边,你可以看到那个完成任务对象可能发生的行为的任务清单,如下图所显示。如果你选择不同的浏览器,清单内的内容也是不同的。
在任务清单中我选择了Show-hide Layers显示隐藏层对象的任务,它会弹出一个对话框,要求我说明对层的动作是显示还是隐藏,如果这页中有多个层,你还要说明是对哪个层动作。如左图所示。
最后一步就是自己选择动作Events的方式,按下动作后面的小箭头,会弹出如下图所示的动作清单,清单的内容也是同浏览器有关的。这里我选择的动作是MouseMove,这是指当鼠标进入某区域便发生动作。当然如果是你做的话,也可以由你自己选择其它的。
到了这里,还不算全部完成,因为让隐藏层显示后,还要它又回到原来的隐藏状态。你可以用同样的步骤,设定让图片显示的任务完成对象以下的区域,完成另外一个任务,那就是当鼠标移动到这个区域后,就让图片进入隐藏状态。
站内搜索