网页电子教案-第7章.pptVIP

第7章 在网页中使用行为 第7章 在网页中使用行为 7.1 认识行为 7.2 使用Dreamwerver8内置的行为 本章小结 7.1 认识行为 7.2 使用Dreamwerver8内置的行为 第7章 在网页中使用行 * $ [知识目标] 　　了解Dreamweaver8中的行为 　　掌握Dreamweaver8内置行为的添加方法 　　掌握行为的设置流程，及应用方法 8 [能力目标] 　　掌握行为面板的使用 　　熟练内置行为的添加与应用操作 7.1.1 认识行为 7.1.2 使用行为面板 7.1.3 增加行为的基本步骤 7.1.4 修改行为 　　行为是由对象、事件和动作构成的。 　　1．对象：是产生行为的主体。网页中的很多元素都可以成为对象，如网页中的一个图片、一段文字等元素，也可以整个网页文档。 　　2．事件：是由用户或浏览器触发的事件。事件经常是针对页面元素的，如鼠标经过、鼠标单击、键盘某个键按下等。 　　3．动作：通常是一段JavaScript代码，用于完成某些特殊的任务。如打开一个窗口时自动播放声音、弹出信息窗口等。 　　4．行为：事件和动作组合起来就构成了行为。事件是产生行为的条件，动作是行为的具体结果。 7.1.1 认识行为 7.1 认识行为 　　单击菜单栏中的“窗口”|“行为”命令或使用组合键Shift+F4，可以打开行为面板如图所示。 　　（一）行为面板各按钮功能 　　（二）设置浏览器版本 　　在行为面板中，单击 按钮，在“显示事件”的级联菜单中选择浏览器版本，如图所示。 7.1.2 使用行为面板 7.1 认识行为 　　（三）常见事件 　　添加行为后，要为行为选择触发事件。选择某个行为，单击左侧的事件名称右侧的下拉箭头弹出下拉菜单，菜单列出了所选行为可以使用的触发事件，如图所示。 7.1.2 使用行为面板 7.1 认识行为 　　1．在文档窗口中选择要增加行为的对象，例如一个图像或一个链接或一段文字。要将行为附加到整个页，请在“文档”窗口底部左侧的标签选择器中单击 body 标签。 　　2．在行为面板中单击加号“+”按钮，从弹出菜单中选择一种行为。 　　3．打开某种行为的设置对话框，根据需要进行设置，完成对话框。 　　4．在行为面板中选择行为，添加触发事件。 　　6．保存网页，在浏览器中检测行为。 7.1.3 增加行为的基本步骤 7.1 认识行为 　　要修改和编辑己设置行为,执行以下操作之一： 　　1．在行为面板中双击要修改的行为。 　　2．选择要修改的行，单击行为面板上的“选项”按钮 ，选择“编辑行为”命令。 7.1.4 修改行为 7.2.1 播放声音 7.2.2 打开浏览器窗口 7.2.3 弹出消息 7.2.4 转到URL 7.2.5 设置状态栏文本 7.2.6 拖动层 7.2.7 显示—隐藏层 7.2.8 检查浏览器 7.2.9 改变对象属性 7.2.10控制Shockwave或Flash 　　1．打开一个网页，选择行为的对象如某一图像，也可单击窗口下方的body标签，为整个页面增加行为。 　　2．在行为面板上，单击“+”按钮，从下拉菜单中选择“播放声音”。 　　3．打开“播放声音”对话框。 　　4．在文本框中输入声音文件的路径和名称，也可单击“浏览”按钮，选择要播放的声音文件。 　　5．单击“确定”按钮。在网页中出现占位符。 　　6．在行为面板设置事件，如设为“OnLoad”。 　　7．保存并在浏览器中预览网页，观看效果。 7.2.1 播放声音 7.2 使用Dreamwerver8内置的行为 　　1．打开一个网页，选择行为的对象如某一图像，如选择一个图像。 　　2．在行为面板上，单击“+”按钮，从下拉菜单中选择“打开浏览器窗口”。 　　3．打开“打开浏览器窗口”对话框，如图所示。 　　4．设置对话框，单击“确定”按钮。 　　５．在行为面板设置事件，如设为“OnMouseOver” 　　6．保存并在浏览器中测试行为。 7.2.2 打开浏览器窗口 7.2 使用Dreamwerver8内置的行为 　　 1．打开一个网页，选择行为的对象，如选择一个图像。 　　2．在行为面板上，单击“+”按钮，打开下拉菜单，从中选择“弹出消息”。 　　3．打开“弹出消息”对话框，如图所示。 　　4．输入要显示的信息，单击“确定”按钮。 　　5．在行为面板设置事件，如设为“OnMouseDown” 　　6．保存并在浏览器中测试行为。 7.2.3 弹出消息 7.2 使用Dreamwerver8内置的行为 　　 1．打开一个网页，插入一个按钮，在“属性检查器”中设置“动作”为“无”。 　　2．选中按钮。在行为面板上，单击“+”按钮，打开下拉菜单，从中选择“转到URL”。 　　3．打