网页设计与制作项目教程（第二版）模块八插件.ppt

任务引领 首页效果 项目渐近 网站项目“我心飞扬”之 第八阶段“导航菜单” 拓展训练 “影集”设计 模块八 使用插件“事半功倍” 任务引领 ◎ “首页效果” 　　网页打开后，在首页上显示漂浮的图片，很吸引眼球，可以做广告、发提醒等等。漂浮的图片遇见浏览器的窗口的边框，会自动弹回到窗口内，运行效果如右图所示。 制作演示 ◎ 制作步骤 （1）安装插件文件“floatimg.mxp” ； （2）选择“命令”菜单下的“floating image”菜单项 ； （3）给出漂浮图片的位置和超级链接的地址 。 制作演示 安装插件文件 安装插件按钮 制作演示 使用“Floating image”插件 。 制作演示 “Floating image”插件对话框 漂浮图片的位置 超级链接地址 相关知识 插件又称扩展，是可以添加到Dreamweaver应用程序中，以增强网页功能的文件。运用插件，可以很方便的把网页制作得更加精美，而且还可以制作出很多动态的效果。 可以自己使用HTML、Javascript或C等编程语言来编写一个新插件，也可以从网上下载已开发好的插件。 Dreamweaver的插件管理器就是管理插件的工具，可以完成对插件的安装、删除、打包上传等工作。 　　 1．插件的知识 相关知识 　　 2．插件的种类 Dreamweaver中的插件分为多种，如果按作用划分，可分为链接类插件、导航类插件、窗口类插件、层类插件等。如果按性质划分，可分为HTML代码插件、JavaScript命令插件，以及新的行为、属性检查器和浮动面板等。安装插件后，根据性质的不同，插件命令被分别放在不同的菜单和面板中。插件中，比较常见的有行为类、命令类、对象类插件。 相关知识 　　 3．常用插件 定义鼠标右键菜单的 RightClickMenuBuilder插件对话框Menu选项 相关知识 制作随机广告图片和幻灯片的 advRandImage插件对话框 相关知识 自动启动邮件Super_Email 插件对话框 相关知识 文字滚动显示的Marquee插件对话框 相关知识 始终位于指定位置的层 Persistent Layers插件对话框 项目渐近 网站项目“我心飞扬”之第三阶段“导航菜单” 制作演示 ◎ 操作要点 （1）安装导航菜单插件“softery_menus”； （2）使用“softery_menus”制作导航菜单。 制作演示 1.打开“扩展管理器”，安装 “softery_menus_ui” 插件。 2.在Dreamweaver的“资源”面板内，单击“库”按钮，双击“top”打开编辑。 3.删除表格内导航单元格中的图片，光标放置在单元格内，选择菜单“插入”→“Softery menus” →“silver menus”。弹出“Edit Softery Menu”对话框。如图8-16所示。依次在对话框中设计各导航菜单名称和链接地址。 制作演示 “Edit Softery Menu”对话框 拓展训练 “影集”设计 拓展训练 “影集”设计 “BannerImageBuilder”的对话框 大连理工大学出版社 THANKS!