日期:2014-03-19  浏览次数:20783 次

作为一个所见即所得的网页编辑器,Dreamweaver能够在强手如林的同类软件中力拔头抽,我这最次要应该归功于Dreamweaver的完全开放的插件环境。由于Dreamweaver的插件就是给予JavaScript的HTML文件,所以任何人,只需通晓一点网页编辑言语,都可以轻而易举地制造本人Dreamweaver插件。所以,我觉得很有必要在教程中通知大家如何制造本人的Dreamweaver插件。

  在揭开Dreamweaver插件的奥秘面纱,先让我们来看看DW肚子里到底有些什么,在这儿我就拿Dreamweaver4.0开刀了。打开Dreamweaver4.0所在目录下的Configuration子目录,你会看到分门别类许多小目录,在这些目录中大多藏的都是HTML文件,而Dreamweaver正是通过这些HTML文件中的特殊语法标识来设定软件运转环境的。由于篇幅无限,在这里我只将其中与本文有关的目录做个引见,至于其余的东东,如果你有兴味的话,不妨做个备分然后本人慢慢揣摩。

  Behaviors目录这个Behaviors目录就同Dreamweaver中的Behaviors面板中的内容逐一对应,整个Behaviors目录又分为Actions和Events。先说Events目录,这里边存着的是不同版本的浏览器信息,信息保存的方式很简单,看到那里面的HTML文件了吗,看看他们的原代码你就明白是怎样回事了。所以当前就可以做个比如专门for Opare的Event在Dreamweaver的Behaviors面板中调用了。再说Actions目录,那里面都是宝,就是在Dreamweaver的Behaviors面板按下那个加号出现的各种Javascript特效。至于如何做本人的Action嘛,文章后头会通知你的(先买个关子xixix),有点要留意的是不要去打Dreamweaver自带的Actions的主意,如果放错了位置就不好使了。而且从网上下载来的Actions作者普通都说明了该放的目录,如果你想让它起作用的话,就得乖乖听作者的话。

  Objects目录这个目录和Dreamweaver中的Objects面板绝对应,在Objects目录下还有许多子目录,每一个子目录就是Objects面板下的一个类(实在想不出好名字的,就权且叫它“类”吧)。在这些子目录下面放着各个HTML文件就是在Objects面板中用户可以选择插入的东东,而每个HTML文件都对应一个18*18大小的同名图案,这些图案就是出如今Objects面板里的图标。

  一个最简单的Object 新建一个HTML文件,在里面打些字,比如“谢天谢地,总算这个教程还不至于太蹩脚”。OK,在Objects目录下新建一个目录,起个本人喜欢的名字,然后把刚才那个写了字的HTML文件保存到目录下,保存的时候也给起个好名字。重新运动Dreamweaver,打开Objects面板,默认的类是Common。在Common上按一下鼠标选中上一步中新建的那个目录的名字,瞧见刚才保存的那个HTML文件了吗,摁一下。对了,这就是一个最简单的Object。

  Object进阶Dreamweaver规定了作为Object的HTML文件要在其中用javascript写入一个名为objectTag的函数,然后由Dreamweaver将objectTag的前往值写入页面中去。而在页面规划中可以通过表单元素加事件处理器实现互交。置于具体的细节,不是一两片文章能够讲清楚的。所以建议感兴味的朋友多看看各种Objects的原代码,在这里贴上一个我作的可设置参数的插入mailto标签的Object。在贴原代码前,有几点说明:Object文件不支持〈a href〉标签,如果要值入超链,可以通过onclik之类的事件处理器打开新窗口实现。(例:一个用来插入mailto标签的Object)

  关于Action Action的原理和Object相反,但要比Object复杂多得多,至于详细的内容可以参考Macromedia提供的Dreamweaver behavior development kit & tutorial(可以在Macromedia的网站中下载)