互联网观察 网站建设 网站运营 网上创业 电子商务 建站软件 建站软件教程 网站开发 网页制作 收藏本站
建站常识 | 域名 | 主机 | 网上开店 | 搜索引擎优化 | 网站推广 | 网络赚钱 | 站长经验 | 个人建站 | 网站设计 | 网页特效 | wap网站

深入DREAMWEAVER插件的奥秘(7)

5.插件的封装

  虽然插件是做成了,可是存在明显的不足之处:本例的插件没有封装,不方便大家共享,并且安装不方便。只能自己用用了,下一步我们进入插件的封装。

  1.mxi文件的剖析
  插件在封装前,必须制作一个.mxi文件,用以定义插件的几个安装特征:
  1,安装环境。如:Dreamweaver 3,Dreamweaver 4,Dreamweaver UltraDev 4等等
  2,安装目录。
  3,安装时的需要的文件。
  4,定义插件在菜单中的位置。
  5,插件的说明。
  
  其实.mxi文件就是是一个xml文件,只不过是按照Macromedia公司的规定的格式而已,下面让我们看看一个简单的例子:

  Example 5:我们来封装Example 2的插件

  需要安装三个文件:DhtmlTableTitle.js、DhtmlTableTitle.htm、DhtmlTableTitle.gif,目录是/Configuration/Objects/Redidea

DhtmlTableTitle.mxi具体的代码如下

<macromedia-extension name="DhtmlTableTitle" version="1.1" type="Object">

<!-- 注释:安装的产品列表 -->
<products>
<product name="Dreamweaver" version="4" primary="true" />
</products>
<!-- 注释:作者描述 -->
<author name="Redidea" />

<!-- 注释:插件描述 -->
<description>
<![CDATA[这是一个动态的表格框架插件]]>
</description>

<!-- 注释:插件的具体用法描述 -->
<ui-access>
<![CDATA[该插件可以在Object浮动面板的Redidea类的DhtmlTableTitle找到,也可以在Insert菜单找到]]>
</ui-access>


<!-- 注释:安装文件定义 -->
<files>
<file name="DhtmlTableTitle.htm" destination="$dreamweaver/configuration/Objects/Redidea" />
<file name="DhtmlTableTitle.gif" destination="$dreamweaver/configuration/Objects/Redidea" />
<file name="DhtmlTableTitle.js" destination="$dreamweaver/configuration/Objects/Redidea" />
</files>

<!-- 注释:配置Dreamweaver环境,例如插入菜单项等等 -->
<configuration-changes>
<menu-insert insertAfter="DWMenu_Insert_Head" skipSeparator="true">
<menuitem name="DhtmlTableTitle" file="Objects/Redidea/DhtmlTableTitle.htm" id="DhtmlTableTitle" />
<separator id="DhtmlTableTitle_Separator" />
</menu-insert>
</configuration-changes>
</macromedia-extension>



  将上述文件存为DhtmlTableTitle.mxi,位置与DhtmlTableTitle.js、DhtmlTableTitle.htm、DhtmlTableTitle.gif在同一个目录里,这样在封装时就不会找不到文件,下一步我们开始封装:

  2.封装:mxp文件的制作

  .mxi文件制作完毕后,就可以用插件管理器封装了,
  1、从Command菜单里的Manage Extension启动Dreamweaver Exetensions Manager
  2、在File菜单里执行Package Extension,选择DhtmlTableTitle.mxi就能完成封装,同一目录里生成了一个DhtmlTableTitle.mxp文件,这样就制作完毕了,可以发送和大家共享了。

  




上一篇:深入DREAMWEAVER插件的奥秘(7)
下一篇:Dreamweaver行为全接触(3)
相关分类
网页制作 (4121)
  html教程 (591)
  css教程 (546)
  Dreamweaver教程 (1006)
  JavaScript教程 (834)
  网页制作技巧 (378)
  网页特效 (766)
 



版权所有 Copyright© 2006 黑马建站宝典 联系方式:heima123#gmail.com