首 页 网站运营 网络编程 网页制作 图象媒体 数据库 建站资源 网管专区 下载专区 最新资讯
IT学堂|红色黑客联盟
设为首页
加入收藏
联系站长
您所在的位置:首页>网页制作>Dreamweaver>文章内容
教程/dreamweaver/高级 为Dreamweaver制作插件
来源: 作者: 发布时间:2007-04-12

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




[推荐] [返回顶部] [打印本页] [关闭窗口]
热点文章
·Dreamweaver 8图文快报
·Dreamweaver 8图文快报2
·Dreamweaver未必了解的5个小技巧
·手把手教你网页布局的基本元素
·我要看代码 破解加密网页文字有高招
·美化网页 制作精美圆角表格
·Dreamweaver经典问题大搜罗(全集)1
·Dreamweaver经典问题大搜罗(全集)2
·菜鸟学用DreamWeaver做ASP1
·Dreamweaver中加入竖直线的办法
相关文章
·教程/dreamweaver/提高 Dreamweaver制
·教程/dreamweaver/高级 关于 Dreamwea
·教程/dreamweaver/技巧 Dreamweaver
·教程/dreamweaver/高级 深入DREAMWEAV
·教程/dreamweaver/技巧 Dreamweaver处
·教程/dreamweaver/高级 深入DREAMWEAV
·教程/dreamweaver/技巧 Dreamweaver快
·教程/dreamweaver/高级 深入DREAMWEAV
·教程/dreamweaver/提高 Dreamweaver定
·教程/dreamweaver/高级 深入DREAMWEAV
文章检索
Google
相关文章
·教程/dreamweaver/提高
·教程/dreamweaver/高级
·教程/dreamweaver/技巧
·教程/dreamweaver/高级
·教程/dreamweaver/技巧
·教程/dreamweaver/高级
·教程/dreamweaver/技巧
·教程/dreamweaver/高级
·教程/dreamweaver/提高
·教程/dreamweaver/高级
·教程/dreamweaver/提高
·教程/dreamweaver/高级
·调用winzip命令行对上传
·教程/dreamweaver/高级
·修改注册表解决Dreamwea