网猴:网页设计:Dreamweaver简介:第一天:第二页

Dreamweaver简介 - 第3天
作者： Taylor 1998/7/7

第一页：JavaScript

　　创建网页的动态或交互内容，可以有两种选择。你可以在服务器端建立 server-side script 或 database interaction ，或者在客户端用JavaScript编程。JavaScript的产品和设计类型是由于它的易用性和它允许的交互性：通用动态内容、检查插件、打开窗口、使窗体有效。并且 - 最容易被忘记的 - 控制动态HTML的所有方面！

　　JavaScript一直存在的问题是人们喜欢它们出现在页面中，却没有人用它编码。JavaScript - 被宣称为比“真正的”语言更容易写 - 仍然是一种编程语言，并且不是每个人都有必要与if-then打交道。而
且多数人不想做那些有趣的事，如在翻滚页面上改变图像、打开新的窗口、扫描插件、改变状态条、弹出消息和许多其它类似的事。DHTML可能要求更复杂的JavaScript编码（当它越流行时越是如此），但是大多数情况下涉及到简单地在DIV之间移动和改变可视性。这些任务在Dreamweaver中很容易实现。

　　Dreamweaver可以把用behavior或action把JavaScript插入页面中。打开Behavior工具条，点击图标（或者从Window菜单中选择，或者按F8）。然后把光标放在能完成很多任务的tag中，如Anchor图标。点击Add Behavior按钮可以得到那个tag可能发生的行为的清单。在这个按钮右边，你可以发现浏览器菜单。从那里你可以选择浏览器的级别。在tag上不同的浏览器可以容纳不同的事件。例如：在Netscape 2.0中，对Anchor tag只有mouseover事件可用；在IE 4.0中，对每个tag几乎每个事件都可用。现在我们选择Onmouseover事件。

　　现在我们用Behavior工具条的另一半插入action，实际上是一个JavaScript函数。点击Add Action按钮，可以得到一列action/function。一些action依赖于页面中是否有某些HTML元素（即，如果你不能把Imageswap函数加在页面中，除非页面上有一个图
像）。在插入合适的action之后，可以编辑关于HTML元素的值，点击你要触发的action的事件，然后双击你要修改的action。

　　注意：这件事有点令人迷惑，尤其是当有时难以定位你插入页面中的action时。对于Dreamweaver中的许多东西，要对确定的元素选择特定的菜单或工具条。准备好要到处点击，尤其是开始时。

　　在源代码中，所有的action定位在相应的事件tag中（例如Onmouseover或Onclick）。用Dreamweaver建立一个翻滚页面，然后是一个Image tag：

　　这与你自己产生的代码很相似。

　　如果为图像选择Swap Image action，然后把一个事件绑到其上，那么列表顶端出现action，action在分隔线以下被括号包围。没被括号包围的action可用于HTML对象 - 如对于图像的Onload。括号内的事件只在修改HTML源代码后可用，通常通过在tag周围放上anchor。如果必须修改源代码，Dreamweaver会事先给你一个警告。

　　Dreamweaver有很多JavaScript函数 - 图像交换、打开窗口、文档重定向 - 还有改变layer可视性的方式。但是dHTML最值得注意的方面之一 - 使layer活动起来 - 没有action与之相连。这是因为 Dreamweaver有一个工具条做此事：Timeline。 >>

　　第一页 JavaScript
　　第二页 Timeline
　　第三页定制

　　[ 第1天 ][ 第2天 ][第3天]

本文根据网猴相关文章改编，版权归原作者所有。