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

二 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)的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插件编写

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

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文件放在统一目录下




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