第11章 扩展插件.ppt

第11章扩展插件 理解第三方插件利用为Dreamweaver附加功能的第三方插件 可以把网页制作得更加美观 而且还可以制作动态的网页 在这一节中理解第三方插件的概念 同时介绍在有关的站点下载第三方插件并安装到Dreamweaver中的方法 以及应用方法等 1 利用第三方插件的种类1 对象 Objects 插件安装对象插件之后 以图标形式添加到Dreamweraver的 快捷栏组中 2 行为 Behaviors 插件在扩展管理器中安装行为插件 就在Dreamweraver的行为面板与基本的行为并列显示 3 命令 Commands 插件命令由HTML文档和图片文件组成 用扩展管理器安装之后就会添加到菜单栏的命令菜单中 2 注册Macromedia 下载插件Macromedia公司免费提供600多种 我们可以在其中选择需要的效果并下载 但是因为很多插件并没有得到验证 而且有可能与其他插件或Dreamweaver功能相互冲突 因此应该注意使用 在Macromedia公司的网页 http www M 4 应用 收藏夹 插件安装 AddToFavorites 文件 给网页文档增添 收藏夹 功能 运行Dreamweaver在行为项目中显示新添加的IE AddToFavorites插件 弹出对话框 在TitletoDisplayMenu文本框中输入添加到收藏夹对话框中的名称 此插件不支持中文 所以必须要输入英文题目 如 sunshinemusicbox 制作幻灯片和任意图片如果每次访问同一网站的时候 都看到相同的界面就会举得没有新鲜感 在这一节中我们将制作每次访问网站的时候都会任意改变的图片 以及按照指定的时间改换页面图片的效果 1 每次访问网页时都发生变化的图片首先选择几张图片 每当加载网页文档时都会在登陆的图片中任意选择一幅 因为是任意选择图片 因此重新访问网页的时候不一定显示相同的图片 安装 MX707316 advRandImage 插件 在网页文档中插入光标 选择 命令 K AdvancedRandomImage 命令 弹出对话框 设置如图 2 按照一定时间间隔更换图片幻灯片效果安装指定的时间间隔自动更换图片 最近 该功能多用于横幅广告条中 但是其应用范围很广泛 因为与静态图片相比 使用动态图片可以表现一种新鲜感 表现幻灯片效果的形式有两种 即按照顺序表现的形式和任意表现才形式 在网页文档中插入光标 选择 命令 K AdvancedRandomImage 命令 弹出对话框 设置如图 Action 在RandomImage DailyImage SepuentialSlieshow RandomSildeshow中选择一种 SlideshowTimer 设置显示幻灯片的时间间隔 ImageLimer 添加或删除图片 ImagePropertiesDimensions 设置图片的尺寸 Title Alt 输入对图片的说明文字 Border 设置图片的边框厚度 Link 输入单击图片的时候链接的站点地址 Target 设置移动到链接站点时的目标 自动启动的电子邮件服务在这一节中将介绍的插件是 用户在单击没有邮件传送功能的文本时自动出现收件人 邮件题目 内容等的SuperEmail插件 因为这是访问者发送给管理员的邮件 所以应该输入题目和内容 安装 Super Email 插件 在网页文档中插入光标 单击常用快捷栏中的SuperEmail图标 弹出对话框 设置如图 设置电子邮件的文本功能 访问者给管理员发送的邮件地址 显示在邮件题目框中的题目 显示在邮件内容输入框中的内容 定义鼠标右键菜单在浏览器中如果单击鼠标右键 就会在单击的位置上出现具有常用功能的快捷菜单 在这里我们利用RightClickMenuBuilder插件 把快捷菜单修改为与网页相关的功能和样式 1 制作基本格式的鼠标右键菜单制作鼠标右键菜单的RightClickMenuBuilder插件是非常有用的功能 但是只有Explorer5 0以上版本才支持这一功能 而且只能用英文制作菜单 这是应该注意的问题 如果用中文制作菜单就会出现乱码 下面就利用RightClickMenuBuilder插件 将单击鼠标右键之后出现的快捷菜单制作成一般格式 即相关网页的内容 安装 RightClickMenuBuilder 插件 选择 命令 RightClickMenuBuilder 弹出对话框 设置如图 MenuText 输入单击鼠标右键时出现的菜单名称 只能输入英文 URL 输入选定菜单是跳转的网页文档路径或站点地址 Target 设置链接的网页文档或站点出现的目标方式 设置为 blank 就会在新的浏览器窗口上显示链接的网页文档 如果设置为 top 就会在当前的浏览器中显示 DividerLine 选定之后就会插入区分菜单的水平线 2 制作个性化的鼠标右键菜单在前面制作了一般格式的菜单 在这里修改菜单的文字颜色 背景颜色以及边框颜色等将鼠标右键菜单制作为个性化的样式 将这一类的基本菜单按照自己的网页风格进行设计 3 修改鼠标右键菜单制作鼠标右键菜单之后 如果想修改特定菜单的内容 就选择插入到网页文档中的黄色标志 并单击设计视图 在源代码中修改 之间需要改变的菜单内容或URL就可以了 如果想改变菜单的内容 就修改和之间的内容 而链接地址可以在 url 中进行修改 4 禁止使用鼠标右键菜单到目前为止我们学习了制作单击鼠标右键时出现快捷菜单的方法 下面学习禁止使用鼠标右键菜单的方法 利用NoRightClick插件 就可以非常轻松地实现这一功能 安装 MX487104 noRightClick 插件 单击新添加的的NoRightClick快捷栏中的NoRightClick图标 根据浏览器大小自动改变背景图片如果利用相当于浏览器大小的图片来指定网页的背景 那么在浏览器大小背景图片或者小于背景图片时就很难表现原样式的背景图片 在这一节中我们将介绍根据浏览器大小自动改变背景图片的BackgroundthatFit插件 安装 Background that Fit 插件 单击常用快捷栏中的BackgroundthatFit图示 弹出对话框 选择图片 文字滚动显示的效果在这一节中我们将介绍文字从左到右 或者从右到左滚动显示的效果 利用这种效果可以制作简单的通知或欢迎致词等 该功能使用Marquee插件来实现非常简捷 安装 Marquee 插件 在网页文档中定位光标 单击常用快捷栏中的Marquee图示 弹出对话框 设置如下 Direcrion 决定文字移动的方向 Speed 设置文字移动的速度 Delay值越大速度就会越慢 Amount值越大移动的范围也就越广 Behavior 表示文字移动到最后的格式 Scroll表示从头再来 Slide表示文字到头就禁止 Alternare表示左右来回移动文字 Align 指定文字的排列状态 Size 用像素或百分比单位指定滚动的范围 Repeat 选择是否重复移动文字 Continuously 或是否指定移动次数 Times 始终位于指定位置的层我们在访问网页的时候 经常碰到浏览器大小发生变化或者滚动时也始终位于固定位置上的广告条 这就是利用PersistentLayers插件来制作完成的 1 制作始终位于指定位置的层安装 MX508561 flevPersistentDivs 插件 在网页文档中选择标记 在行为面板中选择 RibbersZeewolde PersistentLayers 弹出对话框 设置如下 介绍PersistentLayers对话框 制作始终跟随网页页面的遥控器菜单1 制作始终跟随网页页面的遥控器菜单 制作下拉菜单 在这一节中将介绍简单制作