为Dreamweaver制作插件

NO_liVE

NO_liVE

2016-02-19 20:44

下面是个简单易学的为Dreamweaver制作插件教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  在揭开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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

为Dreamweaver制作插件

Web开发
为Dreamweaver制作插件

Dreamweaver教程:Dreamweaver的插件

Web开发
Dreamweaver教程:Dreamweaver的插件

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

用Dreamweaver插件制作滚动链接层

Web开发
用Dreamweaver插件制作滚动链接层

Dreamweaver扩展(插件)的开发

Web开发
Dreamweaver扩展(插件)的开发

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Dreamweaver插件用法简要说明

Web开发
Dreamweaver插件用法简要说明

Dreamweaver4中插件的使用

Web开发
Dreamweaver4中插件的使用

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Dreamweaver技巧精粹(1)

Dreamweaver技巧精粹(1)

Access 2007 以PDF 格式保存文件

Access 2007 以PDF 格式保存文件
下拉加载更多内容 ↓