制作弹出式菜单.ppt

教学目标： 掌握行为面板的打开； 学会利用行为制作特效； 利用行为制作弹出式菜单； 教学重点： 利用行为制作弹出式菜单 教学难点： 行为的使用 复习： 1、请解释下列事件 2、为网页添加背景音乐 打开需添加音乐的网页； 按下“shift+F4”，打开“行为”面板； 点击“添加行为”按钮，在弹出的快捷菜单中选择“播放声音”命令，打开“播放声音”对话框； 在该对话框中点击“浏览”按钮选择目标声音文件； 点击“确定”回到“播放声音”对话框，完成添加声音； 在行为面板中修改事件为Onload； 在编辑窗口中选中声音标志，修改其参数：LOOP和AUTOSTART的值均设为true,点击“确定”，关闭对话框； 保存；预览。 3、弹出消息框 打开目标网页，框选目标文字； 在属性面板中的链接栏中输入“#”号； 点击行为面板中的“添加行为”按钮，从菜单中选择“弹出信息”命令； 在弹出的对话框中输入目标信息，点击“确定”按钮，关闭对话框； 保存预览。 新课： 制作弹出式菜单 效果图 操作步骤分析： 制作“展会简介”按钮； 利用行为制作弹出式菜单； 改变触发该行为的事件； 制作“展会简介”按钮 打开目标网页，在目标位置插入一个层layer1，并适当调整其大小； 设置层的边框为0，背景颜色为#BAE6EF； 在层layer1中单击鼠标，插入图像 。 利用行为制作弹出菜单： 选中图片 ，点击“行为”面板的“添加行为”按钮，在弹出的菜单中选择“显示弹出式菜单”，打开“显示弹出式菜单”对话框； 在该对话框中的文本框内输入弹出菜单“展会背景”，点击“添加”按钮，增加“主办单位”、“展会内容”； 点击视窗中已添加的“展会背景”，点击链接 栏中的文件夹按钮，弹出“选择文件”对话框，在该对话框中选择目标链接文件：zhbj.htm； 使用同样的方法设置“主办单位”合“展会内容”两个菜单按钮的链接； 点击“显示弹出菜单”对话框的“外观”按钮，在该对话框中设置弹出菜单的外观和显示方式分别为：垂直显示；文本颜色为#219452；单元格背景颜色为：#BAE6EE； 点击“显示弹出菜单”对话框中的“位置”按钮，在该对话框中设置弹出菜单的显示位置为“ ”，即“低于且位于触发器的左边源”； 点击“确定”按钮，完成弹出菜单设置； 保存预览效果。 修改事件： 如果效果不是很满意，可以在选中图片 的基础上，打开行为面板，查看其触发事件，选中事件，点击其右边的下拉三角形，在弹出的下拉列表框中选择恰当的事件，如：OnMouseup 、OnMouseOver、OnClick等。 思考： 当事件为Onclick 和OnMouseOver时，效果有何不同？ 如果要使我们的网页能在不同的浏览器版本中都能播放，应采取什么措施？ 网页状态栏中的滚动字幕是怎么实现的？ 制作弹出式菜单 ——Dreamweaver 性应轻菡萏，根本是琅玕。夺目霞千片，凌风绮一端。稍宜经宿雨，偏觉耐春寒。 Dreamweaver PowerPoint 授课教师：魏小红 OnClick OnMouseOver OnLoad OnMouseUp 鼠标单击时触发的事件 鼠标移入时触发的事件 网页打开时触发的事件 鼠标键按下并松开时触发的事件 展会简介 展会背景 主办单位 展会内容 效果说明：当网页打开时，只出 现 ，当把鼠标移至按钮 上时，出现 ，或者是单击 时，出现 ，并 且，每个下拉菜单还可以各自链接到不同的网页，鼠标移开后，所有的下拉菜单全部隐藏。 展会简介 展会背景 主办单位 展会内容 展会简介 展会背景 主办单位 展会内容 展会简介 展会简介 展会简介