当前位置:软件学习 > Dreamweaver >>

深入DW插件的奥秘(3)

制作篇:Dreamweaver插件编写Step by Step

  一、体验篇

  1. 插件的下载
  最权威的插件下载不用说是Macromedia Exchange
  国内最好的就是JET的Dreamweaver Extensions Zone

  2. 插件的安装
  由于Macromedia公司采用了一种新的插件封装,一般是.mxp为后缀(本文只讨论.mxp的安装方法,没有封装的插件都带有说明),下载相应的插件后(本文以本人编写的一个中国省市自治区插件为例,下载),用Macromedia的插件管理器Dreamweaver Exetensions Manager安装后,就可以使用了,如果你使用的是Dreamweaver 4.0的话,插件管理器已经安装,你可以在Commands菜单里的Manage Extensions启动插件管理器,如果你用的是低版本的Dreamweaver的话,可能要单独安装它,你可以在Macromedia的网站上找到。
插件安装界面解释如下:(如图1)

插件安装界面说明
1安装
2卸载
3插件类型
4Macromedia插件网页
5帮助
6用图标表示的插件类型
7插件选用开关
8插件名称
9插件版本号
10插件类型
11作者名
12插件功能描述
13插件使用说明
  

  插件安装步骤:点击图1的安装按钮,选择相应的插件(本文为ChinaDW.mxp),此时会弹出Macromediea的插件协议,Accept接受就能安装,安装成功后,仔细阅读使用说明能使用插件了,有时需要重新启动Dreamweaver才能使用,但是本例能直接在Objects浮动面板(快捷方式:ctrl+F2)的Blueidea类中找到,就是红色的地图,以后点击这个图标就能直接插入中国省市自治区的下拉选择框了,方便吧?

  注:1、这一步可能碰到的问题是安装不成功,可能是插件的安装的Dreamweaver版本问题,说明该插件是专门为特定软件制作,如:Dreamveaver 3.0、Dreamweaver UltraDev 1.0、Dreaweaver 4.0、Dreamweaver UltraDev 4.0、Fireworks、Flash等等
  2、如果下载的不是.mxp文件,说明是以前没有经过封装的插件,一般在你解压后能看到Readme.txt文件,里面有安装的方法。

  3. 最简单的Object插件编写

  3. 最简单的Object插件编写

  通过前面的介绍,你是不是觉得插件的使用相当方便呢,是不是跃跃欲试,想制作一个自己的插件的话,跟我来吧!

Example 1:一个常用的表格框架插件,效果如下
 
样例Example 1


  Ex1.1:编辑一个htm文件.
  源代码如下,注意:没有〈html〉〈title〉〈head〉〈body〉等等Tag

〈table width="100%" border="0" cellspacing="0" cellpadding="1" bgcolor="#000066"〉
〈tr〉
〈td〉 〈/td〉
〈/tr〉
〈tr〉
〈td〉
〈table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF"〉
〈tr〉
〈td〉 〈/td〉
〈/tr〉
〈/table〉
〈/td〉
〈/tr〉
〈/table〉


  Ex1.2:存盘为TableTitle.htm.
  存盘的路径为Dreamweaver安装目录下的/Configuration/Objects/Redidea目录下,如果没有Redidea目录,可以先新建一个Redidea目录(当然你也可以自己命名,本文以Redidea为例),存盘ok!

  Ex1.3:看看成果。
  Ctrl+F2打开Objects浮动面板,然后按住Ctrl点击右上角的下拉箭头,选择Reload Extensions,你会发现:再次点击下拉箭头时多了一个Redidea的类,选择他你会发现有一个带问号的图标,他就是你刚才做的插件,同时,在Insert菜单里也多了一个TableTitle的菜单项,哈哈,有成就感吧!

  Ex1.4:美化插件。
  虽然还能将就着使用,可是你还不满意,想要给作自己的插件定制图标,是吧?
  Macromedia公司制定了插件图标规格,尺寸:18px*18px,类型:gif文件,文件名:与htm文件名相同,如本例的TableTitle.gif,位置:与.htm文件放在统一目录下


  Object插件的编写
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,