网页设计教程第章.pptVIP

8.2.2 制作命令类扩展插件 ＜products＞ ＜product name=Dreamweaver version=8 primary=true \＞ ＜\products＞ ＜!-- 注释：作者描述 --＞ ＜author name= cigarliu \＞ ＜!-- 注释：扩展插件描述 --＞ ＜description＞ ＜![CDATA[这是一个闪烁的状态栏扩展插件]]＞ ＜\description＞ ＜!-- 注释：扩展插件的具体用法描述 --＞ ＜ui-access＞ ＜![CDATA[该扩展插件可以在Commands菜单中的FlashMessage找到]]＞ ＜\ui-access＞ ＜!-- 注释：安装文件定义 --＞ ＜files＞ ＜file name= FlashMessage.htm destination=$dreamweaver\configuration\Commands \＞ ＜file name= FlashMessage.js destination=$dreamweaver\configuration\Commands \＞ ＜\files＞ 8.2.2 制作命令类扩展插件 ＜!-- 注释：配置Dreamweaver环境，例如插入菜单项等等 --＞ ＜configuration-changes＞ ＜menu-insert insertAfter=DWMenu_Insert_Head skipSeparator=true＞ ＜menuitem name= FlashMessage file= Commands \ FlashMessage.htm id= Flash Message \＞ ＜separator id= FlashMessage _Separator \＞ ＜\menu-insert＞ ＜\configuration-changes＞ ＜\macromedia-extension＞ 这样就设计了一个FlashMessage.mxi，然后将这个文件与FlashMessage.js和FlashMessage.htm保存在同一个目录里，这样在封装时就不会找不到文件，下一步开始 封装。 FlashMessage.mxi文件制作完毕后，就可以用扩展管理器封装了。其具体操作如下。 (1) 在Dreamweaver中如图8.1所示，选择【命令】|【扩展管理】命令，启动如图8.2所示的扩展管理器。 (2) 在扩展管理器中选择【文件】|【将扩展打包】命令，这时会出现如图8.29所示的对话框。在这个对话框中选择FlashMessage.mxi。 (3) 单击【确定】按钮，完成封装，同一目录里生成了一个FlashMessage.mxp文件，制作完毕。 8.2.3 制作行为类扩展插件 行为扩展插件与事件扩展插件以及动作扩展插件是紧密结合的，实际上行为扩展插件的编写就是动作文件的编写，动作文件是.htm文件，存放在“Dreamweaver 8安装目录\Configuration\Behaviors\Action”目录下，其结构可以划分为以下两种。 ＜head＞里是Javascript代码，用以处理用户输入的参数，并且将生成的代码插入到当前文档。 ＜body＞里包含form，提供给用户参数输入，定制behaviors的具体细节。 用户可以制作一个全屏打开网页的【行为】扩展插件。 8.2.3 制作行为类扩展插件 1. 设计扩展插件的实际html代码 源代码如下。 ＜HTML＞ ＜HEAD＞ ＜TITLE＞Example＜\TITLE＞ ＜script＞ ＜!— function fullwin(targeturl){ window.open(targeturl,,fullscreen) } \\--＞ ＜\script＞ ＜\HEAD＞ ＜BODY BGCOLOR=#FFFFFF＞ ＜a href=# onClick=fullwin(http:\\)＞打开全屏窗口＜\a＞ ＜\BODY＞ ＜\HTML＞ 8.2.3 制作行为类扩展插件 2. 源代码分析 在代码中，有一个fullwin()函数，另外“Open Full Window”(打开全屏窗口)链接有一个onClick事件。 现在要完成的任务是，制作一个可以给任何链接赋予一个全屏打开的【动作】扩展插件。具体操作是，当选择一个链接时，在【动作】面板上可以直接调用该扩展插件。首先，必须插入一个fullwin()函数，其次，要给选中的链接加上一个onClick事件。 3. 设计Open Full Window.htm文件 具体代码如下。 ＜HTML＞ ＜HEAD＞ ＜SCRIPT LANGUAGE=JavaScript SRC=O