Adobe Dreamweaver 设计 制作 钱海军讲师
Adobe Dreamweaver 钱海军 讲师 设计 制作
使用插件丰富网页效果 ·怎样在页面中使用插件 ·使用行为插件 ·使用命令插件 ·使用对象插件 ZhuHai Radio And Television University
ZhuHai Radio And Television University 使用插件丰富网页效果 • 怎样在页面中使用插件 • 使用行为插件 • 使用命令插件 • 使用对象插件
一、使用插件的基本方法 Dreamweaver具有的扩展功能，最新的扩展管理器，成为独立的管理Dreamweaver扩展的软件， 将Fireworks、Flash与Dreamweaverl的插件管理都包括在其中。 1.单击“开始”菜单中的“所有程序”下的"Macromedia“中的"Macromedia Extension Manager, 运行Macromedia扩展管理器。 2.单击”安装新扩展“按钮，打开”选取要安装的扩展“对话框，在文件夹中可以选择 个”*xp文件，然后单击”安装“按钮。 3.此时会弹出有关插件的版权和注意事项的信息对话框，阅读后单击”接受“按钮，出现成功安装 插件的信息。单击”确定“按钮，可以看到新插件的说明信息。 ZhuHai Radio And Television University
ZhuHai Radio And Television University 一、使用插件的基本方法 Dreamweaver具有的扩展功能，最新的扩展管理器，成为独立的管理Dreamweaver扩展的软件， 将Fireworks、Flash与Dreamweaver的插件管理都包括在其中。 1. 单击“开始”菜单中的“所有程序”下的”Macromedia“中的”Macromedia Extension Manager”， 运行Macromedia 扩展管理器。 2. 单击”安装新扩展“按钮，打开”选取要安装的扩展“对话框，在文件夹中可以选择一 个”*.mxp“文件，然后单击”安装“按钮。 3. 此时会弹出有关插件的版权和注意事项的信息对话框，阅读后单击”接受“按钮，出现成功安装 插件的信息。单击”确定“按钮，可以看到新插件的说明信息
二、使用行为插件 利用为Dreamweaver8附加功能的第三方插件，可以把网页制作得更加美观，而且还可以 制作动态的页面。第三方插件可以根据其功能和保存的位置进行分类。在Dreamweaver8中使用 的第三方插件大体上可以分为行为、命令、对象三种类型。行为插件安装在行为面板中。 1.制作全屏网页 2.制作层动画 ZhuHai Radio And Television University
ZhuHai Radio And Television University 二、使用行为插件 利用为Dreamweaver8 附加功能的第三方插件，可以把网页制作得更加美观，而且还可以 制作动态的页面。第三方插件可以根据其功能和保存的位置进行分类。在Dreamweaver8中使用 的第三方插件大体上可以分为行为、命令、对象三种类型。行为插件安装在行为面板中。 1. 制作全屏网页 2. 制作层动画
2.1制作全屏网页 全屏模式是指在不显示网页浏览器的标题栏、工具栏、状态栏等构成要素的状态下，以分 辨率大小显示网页文档的模式。首先安装全屏模式显示文档的MFX FULLScreen扩展插件。将 其应用到按钮图像或者文字对象，然后单击该按钮，就可以全屏模式显示制定的文档。 1.利用扩展管理器程序安装MFX_FULLScreenf的扩展文件。启动扩展管理器程序，选择“文件” 菜单中的“安装扩展”命令，会打开“选择要安装的扩展”对话框，在对话框中选择要安装的 文件MFX FULLScreen.mxp后，单击“安装”按钮。 2.此时会弹出一个协议对话框，确定后，系统会自动安装该文件，退出DW8程序以后重新运行。 扩展类型为行为。例如下图所示 e The'ChromelessWin'extension has been installed. ZhuHai Radio And Television University
ZhuHai Radio And Television University 2.1 制作全屏网页 全屏模式是指在不显示网页浏览器的标题栏、工具栏、状态栏等构成要素的状态下，以分 辨率大小显示网页文档的模式。首先安装全屏模式显示文档的MFX_FULLScreen扩展插件。将 其应用到按钮图像或者文字对象，然后单击该按钮，就可以全屏模式显示制定的文档。 1. 利用扩展管理器程序安装MFX_FULLScreen的扩展文件。启动扩展管理器程序，选择“文件” 菜单中的“安装扩展”命令，会打开“选择要安装的扩展”对话框，在对话框中选择要安装的 文件MFX_FULLScreen.mxp后，单击“安装”按钮。 2. 此时会弹出一个协议对话框，确定后，系统会自动安装该文件，退出DW8程序以后重新运行。 扩展类型为行为。例如下图所示：
2.1制作全屏网页 3.打开网页文件，选择插入的图像，在“行为”面板中单击加号“+按钮，并在弹出的菜单中 选择“MFX>MFX FULLScreen"行为. 4.在“MFX_FULLScreen"对话框中单击“INTERNET EXPLORE的“Browser""按钮，选择在 全屏模式中显示的文档网页，然后单击“确定”按钮。在“MFX_FULLScreen"对话框中单击 “ALL OTHER BROWSERS的“Browser"按钮，使用与上一步相同的方法，指定显示在IE浏 览器以外的文档路径。 5.在应用行为图像的“属性”面板的链接文本框输入“#”。在“行为面板中将事件指定为 “onClick”。 6.按F12快捷键在网页浏览器中确认制作效果。单击应用行为的图像按钮。在没有状态栏和菜 单栏的全屏窗口中显示链接的文档。单击右侧的窗口关闭按钮，或者按ALT+F4组合键退出窗口。 ZhuHai Radio And Television University
ZhuHai Radio And Television University 2.1 制作全屏网页 3. 打开网页文件，选择插入的图像，在“行为”面板中单击加号“+”按钮，并在弹出的菜单中 选择“MFX>MFX_FULLScreen”行为。 4. 在“MFX_FULLScreen”对话框中单击“INTERNET EXPLORE”的“Browser”按钮，选择在 全屏模式中显示的文档网页，然后单击“确定”按钮。在“MFX_FULLScreen”对话框中单击 “ALL OTHER BROWSERS”的“Browser”按钮，使用与上一步相同的方法，指定显示在IE浏 览器以外的文档路径。 5. 在应用行为图像的“属性”面板的链接文本框输入“#”。在“行为”面板中将事件指定为 “onClick”。 6. 按F12快捷键在网页浏览器中确认制作效果。单击应用行为的图像按钮。在没有状态栏和菜 单栏的全屏窗口中显示链接的文档。单击右侧的窗口关闭按钮，或者按ALT+F4组合键退出窗口
2.2制作层动画 层动画效果对插入在层内的对象赋予十多种显示或消失的专场效果，以制作出动态的文档。 下边通过范例表现从中间逐渐向上、下扩大区域的同时，显示层内对象的转场动画。需要注意 的是，发生动画的内容必须插入在层内，而且必须将行为的事件指定为onLoad,这样才能在下 载文档的同时进行动画。 1.利用扩展管理器程序安装Layer Transitions的扩展文件。启动扩展管理器程序，选择“文件” 菜单中的“安装扩展”命令，在对话框中选择要安装的文件Layer Transitions后，单击“安装” 按钮。扩展类型是行为。 Macromedia Extension Manage 勾 ZhuHai Radio And Television University
ZhuHai Radio And Television University 2.2 制作层动画 层动画效果对插入在层内的对象赋予十多种显示或消失的专场效果，以制作出动态的文档。 下边通过范例表现从中间逐渐向上、下扩大区域的同时，显示层内对象的转场动画。需要注意 的是，发生动画的内容必须插入在层内，而且必须将行为的事件指定为onLoad，这样才能在下 载文档的同时进行动画。 1. 利用扩展管理器程序安装Layer Transitions的扩展文件。启动扩展管理器程序，选择“文件” 菜单中的“安装扩展”命令，在对话框中选择要安装的文件Layer Transitions后，单击“安装” 按钮。扩展类型是行为
2.2制作层动画 2.打开网页文件，在标签选择器中单击,并在“行为”面板中单击加号“+”按钮。选择 “Layer Transitions>Layer Split Vertical Out'"命令。 3.在"Layer Split Vertical Out'”对话框中的“Duration文本框中输入动画播放时间，这里设置为5 秒。在“Layer"中设置要产生动态效果的层，这里选择Layer1层，然后单击“确定‘按钮。 Layer Split Vertical Out Main About OK Layer:layer "Layer1" Cancel Duration:5 seconds op-Up Men ump Menu Go yer Box Browser Win 4.在”行为“面板中确认添加的行为的事件为”onLoad" onLoad事件是下载文档同时发生动作。 ayer Wipe 5.按F12快捷键，在浏览器中观看制作效果，可以看 rer Wipe Righ op-Up Mer yer Wipe Up 到从中央向两边扩散显示插入在层内的内容。 Validate Form Show Events For Get More Behaviors.. ZhuHai Radio And Television University
ZhuHai Radio And Television University 2.2 制作层动画 2. 打开网页文件，在标签选择器中单击,并在“行为”面板中单击加号“+”按钮。选择 “Layer Transitions>Layer Split Vertical Out”命令。 3. 在”Layer Split Vertical Out”对话框中的“Duration”文本框中输入动画播放时间，这里设置为5 秒。在“Layer”中设置要产生动态效果的层，这里选择Layer1层，然后单击“确定‘按钮。 4. 在”行为“面板中确认添加的行为的事件为”onLoad“。 onLoad事件是下载文档同时发生动作。 5. 按F12快捷键，在浏览器中观看制作效果，可以看 到从中央向两边扩散显示插入在层内的内容
三、使用命令插件 命令插件用扩展管理器安装之后，会添加到菜单栏的命令菜单中。 1.漂浮的图片 2.页面切换 ZhuHai Radio And Television University
ZhuHai Radio And Television University 三、使用命令插件 命令插件用扩展管理器安装之后，会添加到菜单栏的命令菜单中。 1. 漂浮的图片 2. 页面切换
3.1漂浮的图片 1.准备好具有制作漂浮图像功能的扩展文件，该文件的名称为floatimg.mxp.。安装好插件后， 在DW8中打开要加入漂浮广告的网页，选择”命令“菜单，显示多了一项”Floating Image“选 项。 2.单击”Floating Image"选项，弹出Floating Image对话框，"Untitled Document 偶用来设置漂浮图像的速度和区域，使用默认即可。在"image" Floating 项中，单击文本框后的“浏览”按钮，打开“选择文件”对话相 Image Cancel☐ 择一幅作为在页面中漂浮的图像，并在”href文本框中设置链接 如果要做内部链接，直接选择根目录下要链接的网页即可：如 max step2 min step 5 果要做外部链接，只需在"URL”文本框中输入网址即可。 area 2 mage 3.单击 Browse... Browse.. mage Extension T(http://dez.yeah.net And Television University
ZhuHai Radio And Television University 3.1 漂浮的图片 1. 准备好具有制作漂浮图像功能的扩展文件，该文件的名称为floatimg.mxp。安装好插件后， 在DW8中打开要加入漂浮广告的网页，选择”命令“菜单，显示多了一项”Floating Image“选 项。 2. 单击”Floating Image“选项，弹出Floating Image对话框，”max step”、”min step”和”area” 偶用来设置漂浮图像的速度和区域，使用默认即可。在”image”选 项中，单击文本框后的“浏览”按钮，打开“选择文件”对话框，选 择一幅作为在页面中漂浮的图像，并在”href”文本框中设置链接。 如果要做内部链接，直接选择根目录下要链接的网页即可；如 果要做外部链接，只需在”URL”文本框中输入网址即可。 3. 单击“OK”按钮，完成插入漂浮图像的制作