最近更新|最新推荐|软件排行|创e测评|软件分类|手机版|软件专题|软件发布为Dreamweaver制作插件

创e测评

教程测评
创e > 创e测评 > 教程测评 > 站长教程 > > 为Dreamweaver制作插件

为Dreamweaver制作插件

 佚名 发布时间:2006/10/6 18:33:33 查看评论
分享收藏吧:


 作为一个所见即所得的网页编辑器,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的网站中下载)

关键词:为Dre  制作插件  

浏览量: