当前页面位置: » 丰搜网 » 文档中心 » 详细内容
深入dreamweaver插件的奥秘(3)
二 dw插件编写step by step
1.体验篇
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 | 插件类型 | | 4 | macromedia插件网页 | | 5 | 帮助 | | 6 | 用图标表示的插件类型 | | 7 | 插件选用开关 | | 8 | 插件名称 | | 9 | 插件版本号 | | 10 | 插件类型 | | 11 | 作者名 | | 12 | 插件功能描述 | | 13 | 插件使用说明 | | | |
|
插件安装步骤:点击图1的安装按钮,选择相应的插件(本文为chinadw.mxp),此时会弹出macromediea的插件协议,accept接受就能安装,安装成功后,仔细阅读使用说明能使用插件了,有时需要重新启动
dreamweaver才能使用,但是本例能直接在objects浮动面板(快捷方式:ctrl+f2)的blue
idea类中找到,就是红色的地图,以后点击这个图标就能直接插入中国省市自治区的下拉选择框了,方便吧?
注:1、这一步可能碰到的问题是安装不成功,可能是插件的安装的
dreamweaver版本问题,说明该插件是专门为特定软件制作,如:dreamveaver 3.0、
dreamweaver ultradev 1.0、dreaweaver 4.0、
dreamweaver ultradev 4.0、
fireworks、
flash等等
2、如果下载的不是.mxp文件,说明是以前没有经过封装的插件,一般在你解压后能看到readme.txt文件,里面有安装的方法。
3. 最简单的object插件编写
通过前面的介绍,你是不是觉得插件的使用相当方便呢,是不是跃跃欲试,想制作一个自己的插件的话,跟我来吧!
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文件放在统一目录下