在网页中使用行为.ppt

$[知识目标]

了解Dreamweaver8中的行为

掌握Dreamweaver8内置行为的添加方法

掌握行为的设置流程，及应用方法

8[能力目标]

掌握行为面板的使用

熟练内置行为的添加与应用操作;8.1认识行为

8.2使用Dreamwerver8内置的行为

本章小结;8.1认识行为;行为是由对象、事件和动作构成的。

1．对象：是产生行为的主体。网页中的很多元素都可以成为对象，如网页中的一个图片、一段文字等元素，也可以整个网页文档。

2．事件：是由用户或浏览器触发的事件。事件经常是针对页面元素的，如鼠标经过、鼠标单击、键盘某个键按下等。

3．动作：通常是一段JavaScript代码，用于完成某些特殊的任务。如翻开一个窗口时自动播放声音、弹出信息窗口等。

4．行为：事件和动作组合起来就构成了行为。事件是产生行为的条件，动作是行为的具体结果。;单击菜单栏中的“窗口”|“行为”命令或使用组合键Shift+F4，可以翻开行为面板如下图。

〔一〕行为面板各按钮功能

〔二〕设置浏览器版本

在行为面板中，单击按钮，在

“显示事件”的级联菜单中选择浏览

器版本，如下图。;〔三〕常见事件

添加行为后，要为行为选择触发事件。选择某个行为，单击左侧的事件名称右侧的下拉箭头弹出下拉菜单，菜单列出了所选行为可以使用的触发事件，如下图。;1．在文档窗口中选择要增加行为的对象，例如一个图像或一个链接或一段文字。要将行为附加到整个页，请在“文档”窗口底部左侧的标签选择器中单击body标签。

2．在行为面板中单击加号“+”按钮，从弹出菜单中选择一种行为。

3．翻开某种行为的设置对话框，根据需要进行设置，完成对话框。

4．在行为面板中选择行为，添加触发事件。

6．保存网页，在浏览器中检测行为。;8.2使用Dreamwerver8内置的行为;1．翻开一个网页，选择行为的对象如某一图像，也可单击窗口下方的body标签，为整个页面增加行为。

2．在行为面板上，单击“+”按钮，从下拉菜单中选择“播放声音”。

3．翻开“播放声音”对话???。

4．在文本框中输入声音文件的路径和名称，也可单击“浏览”按钮，选择要播放的声音文件。

5．单击“确定”按钮。在网页中出现占位符。

6．在行为面板设置事件，如设为“OnLoad”。

7．保存并在浏览器中预览网页，观看效果。;1．翻开一个网页，选择行为的对象如某一图像，如选择一个图像。

2．在行为面板上，单击“+”按钮，从下拉菜单中选择“翻开浏览器窗口”。

3．翻开“翻开浏览器窗口”对话框，如下图。

4．设置对话框，单击“确定”按钮。

５．在行为面板设置事件，如设为“OnMouseOver”

6．保存并在浏览器中测试行为。;1．翻开一个网页，选择行为的对象，如选择一个图像。

2．在行为面板上，单击“+”按钮，翻开下拉菜单，从中选择“弹出消息”。

3．翻开“弹出消息”对话框，如下图。

4．输入要显示的信息，单击“确定”按钮。

5．在行为面板设置事件，如设为“OnMouseDown”

6．保存并在浏览器中测试行为。;1．翻开一个网页，插入一个按钮，在“属性检查器”中设置“动作”为“无”。

2．选中按钮。在行为面板上，单击“+”按钮，翻开下拉菜单，从中选择“转到URL”。

3．翻开“转到URL”

对话框，如下图。

4．在“URL”框中

输入要翻开的文件的

路径和名称，也可单

击“浏览”按钮选择文件。

5．单击“确定”按钮。

6．在行为面板设置事件，如设为“OnMouseDown”

7．保存并在浏览器中测试行为;1．翻开一个网页，选择窗口下方的body标签。

2．在行为面板上，单击“+”按钮，翻开下拉菜单，从中选择“设置文本”子菜单中的“设置状态栏文本”。

3．翻开“设置状态栏文本”对话框，如下图。

4．输入要显示的信息，单击“确定”按钮。

5．在行为面板设置事件，如设为“OnLoad”。

6．保存并在浏览器中测试行为。;1．翻开一个网页，插入一个层，命名为layer1，在层插入图像。

2．选择窗口下方的body标签。

3．在行为面板上，单击“+”按钮，翻开下拉菜单，从中选择“拖动层”。

4．翻开“拖

动层”对话框，

如下图。

5．在“根本”选项中，选择要拖动的层，其他使用默认设置。

6．单击“确定”按钮，退出“拖动层”对话框。

7．在行为面板设置事件为“OnLoad”。

8．保存并在浏览器中测试行为。;1．翻开一个网页，输入“长影世纪城景观”，并设置空链接。