Dreamweaver4中插件的使用

2016-02-19 20:46 23 1 收藏

下面是个Dreamweaver4中插件的使用教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - Web开发 】

    对于网页设计者来说,总是想把网页制作得更漂亮、更有动感,具有自己鲜明的特色,以便在众多的网站中脱R颖而出,吸引大家的注意力。然而各种特效往往是新技术运用的结果,对于初学者来说,让他们专门学习这些新技术,往往是不现实的,难道他们就无法设计出精美的网页吗?不,只要拥有了Dreamweaver 4,你就无需顾虑设计不出高水平的网页来了。Dreamweaver 4提供了方便的外部插件接口,利用它,你可以把从网上免费下载的各种各样的插件安装到Dreamweaver 4中,用来丰富你的网页制作。这些插件都是网页设计高手针对Dreamweaver开发的,专门用来扩充Dreamweaver功能的, 通过集成的插件我们可以在网页上实现许多原本非常复杂的技术,从而避免了大量源代码的编写和调试工作,你只需简单地进行一些设置,就可以设计出高水平的网页来。
  
  插件的类型

  Dreamweaver 4的插件分为以下几种:

  1、Objects 插件:对象类, 用来添加在objects面板上的功能。

  2、Behaviors 插件:行为类, 用来在Behaviors面板上添加新的行为。

  3、Command插件:命令类,在Command 菜单下添加命令。

  4、Inspector插件:属性类,添加新的属性类别。

  插件的安装方法

  早期的(Dreamweaver 3以前)采用HTML制作的插件,需要下载后解压缩到相应的目录中才能使用,如果解压缩目录错了,插件就不能发挥作用,对于使用和管理非常不方便,鉴于此,Macromedia开发出了新的插件形式和插件管理器,从Dreamweaver 4开始,Macromedia公司对插件的封装形式采用了新的方法,对插件采用特殊的方法制作和压缩,以MXP作为插件的后缀名,并且在Dreamweaver 4中集成了一个插件管理器(Extension Manager),专门用来管理MXP插件,极大地方便了用户安装和使用插件。你即使是一个初学者,也不会出现安装不上插件的情况了。下面我们就来了解这两种插件的安装方法。

  1、早期的HTML插件

  这种插件在网上一般都压缩为ZIP文件,下载之后,解压缩到相应的目录中即可,一般在选择下载时,都知道插件的类型。在解压缩时一定要找准插件安装的目录,当然对于不同的用户,选择的安装路径可能不同,但所有这些插件都需安装到Dreamweaver 4的安装目录下,以下是对具体插件的具体说明:

  ①Objects插件

  解压缩到dreamweaver4configurationobjects目录下,你可以新建一个目录,也可以把它解压到其它目录(如Common)中。如果是新建的目录,你就可以在Objects类别选项中看到它; 如果是解压到其他目录中,那就可以在该组中见到它的图标。

  ②Behavior插件

  解压缩到dreamweaver4configurationehaviorsactions目录下,安装后,就可以在Behavior面板上的Action列表中单击“+”按钮看到它。

  ③Command插件

  解压缩到dreamweaver4configurationcommands目录下,就可以在Command菜单中看到它。

  ④Inspector插件

  解压缩到dreamweaver4configurationinspetors目录下,该插件可能出现在“Insert”菜单里,也可能出现在属性面板上。

  2、MXP插件

  这种新式的插件一般从网上下载的就是MXP文件,直接双击它,就可以启动插件管理器(Extension Manager)进行安装。如图1所示,我们已经安装了5个不同的插件,选中某个插件,就可以在下面的窗口看到关于该插件的功能和类型说明。你也可以在Dreamweaver 4主窗口中单击“command/manage extensions”命令, 先启动插件管理器,然后单击“file/install extension”菜单项或工具栏中的“install new extension”按钮,选择相应的MXP文件,即可完成安装,然后关闭Dreamweaver 4,重新启动它,就可以使用新功能了。

图1

  MXP插件的卸载也非常方便,在插件管理器中选中要卸载的插件,然后单击“file/remove extension”菜单项或工具栏中的“Remove Extension”按钮,即可完成卸载,这比原来的插件使用起来要方便得多。

  插件的使用

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

  插件安装之后,到相应的面板或菜单中找到它,就可以使用了。插件能够实现的功能真是五花八门,应有尽有,例如:文字上下标、给网页添加打印功能、制作日历表、动态时钟、波纹文字等等。下面我们就以在网页中制作一个日历表为例来了解一下插件的使用方法。

  1、双击下载的MXP文件,安装它。

  2、把Objects插件安装在Objects面板上的“Goodies”组中,在Objects面板中选中“Goodies”组,我们就可以看到日历表按钮(calendar)(如图2)。

图2

  3、就像插入其他对象一样,单击“Calendar”按钮,出现日历表设置窗口(如图3),你还可以根据爱好进行设置:

  Month:月份

  Year:年份

  Display Date:日期显示方式,分行(Row)和单元格(Cell)。

  Start Weeks With:一个星期的起始日

图3

  Days Format:日期格式

  Empty Frames:空日期的显示方式,分显示(Display)和合并(Combine)。

  Display Months:月份显示,有只显示当前月份(Current Only)和显示前/后月份(Prtvious/Flowing)两种。

  设置完毕,单击OK按钮。

  4、我们就可以看到在网页中插入的日历表了,它事实上是一个表格,你可以用操作表格的方法对它进行一般修饰,调整大小等,使它看起来更美观(如图4)。

图4 

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

  插件的下载

  看了上面的介绍,你一定跃跃欲试了吧,轻轻松松就可以实现以前做不到的效果,谁不盼望呢。那么到哪里才能得到功能如此强大的插件呢,下面就给你推荐几个站点。

  1、早期HTML插件,包括Objects、Behaviors、Commands以及其它的插件

  http://dwpin.163.net/pin/indexpin.htm

  2、英文站点,提供有插件详细说明http://soccer10.easthome.net/objects/objects.htm

  3、MXP类型插件http://page2000.xiloo.com/

  4、有83个各类插件http://allasp.topok.net/plugin_dw.asp

  5、说明详细http://dream.zj.cninfo.net/dream/plugin/index.html

  6、http://go3.163.com/~pagestar/dream-weaver.htm

  7、http://ohsky.top263.net/main/dwcj.htm

  8、种类齐全http://zero99.myrice.com/dr2p/index.htm

  9、http://go2.163.com/~active10/dream-weaver/plug/dreamweaver.htm

  10、MXP插件http://kupage.myetang.com/dwplugins.htm

  找到了吗?赶快去体会一下吧!

来源:http://www.tulaoshi.com/n/20160219/1624461.html

延伸阅读
标签: Web开发
对于想进行Dreamweaver扩展(插件)开发的用户来说,一般需要有这样的前提知识: 1,需要了解到Dreamweaver扩展(插件)制作的基本步骤,即了解扩展文件(.mxp)在打包前的文件结构及文件内容。可参看使用扩展管理器帮助文档(Macromedia扩展管理器菜单帮助); 2,应了解打包前的扩展安装文件(.mxi)的结构及相关语法应用,可参考Dreamweav...
标签: Web开发
HEAD元素中包含了许多重要的信息,例如文档类型、语言编码、JavaScript和VBscript的函数和变量、搜索引擎的关键字和内容提示等。您可以使用VIEW-HEAD CONTENT或HTML检查器(F10)查看其内容。 要将元素插入文档的HEAD部分请选OBJECT面板的HEAD 下面介绍一下HEAD元素的部分属性: Meta:它可以记录当前页面的信息,例如...
标签: Web开发
作为一个所见即所得的网页编辑器,Dreamweaver能够在强手如林的同类软件中力拔头抽,我这最主要应该归功于Dreamweaver的完全开放的插件环境。由于Dreamweaver的插件就是给予JavaScript的HTML文件,所以任何人,只要通晓一点网页编辑语言,都可以轻而易举地制作自己Dreamweaver插件。所以,我觉得很有必要在教程中告诉大家如何制作自己的Dre...
标签: Web开发
使用库元素必须首先在DW中正确建立站点。 库被设计用来使重复性的工作更快、更容易并尽可能地无差错。 任何网页中的元素,无论文本还是图形均可以指定为库元素。 库元素可以用来放置在同一个站点内的任何页面中,而不需要重新输入文本或插入图片等。 可以在任何时候修改库文件。编辑完成,保存,DW会同时更新所有...
标签: Web开发
八、为网页增添互动效果 制作更复杂的互动效果 在Dreamweaver中,更复杂的效果是通过一个叫Behaviors的功能实现的,Behaviors的从字面上理解是“行为”,我们又称为事件的响应。通过网页元素的变化,如鼠标的移动、点击等“事件” (Events),触发弹出窗口,关闭页面等“响应”(Actions),就是一个事件的响应。而值得高兴的是,“行...

经验教程

765

收藏

97
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部