第八章在网页中使用行为.优秀PPT.ppt

《第八章在网页中使用行为.优秀PPT.ppt》由会员分享，可在线阅读，更多相关《第八章在网页中使用行为.优秀PPT.ppt（22页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、$学问目标学问目标 了解了解Dreamweaver8Dreamweaver8中的行为；中的行为；驾驭驾驭Dreamweaver8Dreamweaver8内置行为的添加内置行为的添加方法；方法；驾驭行为的设置流程，及应用方法。驾驭行为的设置流程，及应用方法。8 8 实力目标实力目标驾驭行为面板的运用；驾驭行为面板的运用；娴熟内置行为的添加与应用操作。娴熟内置行为的添加与应用操作。u第一节第一节 相识行为相识行为u其次节其次节 运用运用Dreamwerver8内置的行为内置的行为u 本章小结本章小结第一节 相识行为一、相识行为一、相识行为二、二、运用行为面板运用行为面板三、增加行为的基本步骤三、增

2、加行为的基本步骤四、四、修改行为修改行为行为是由对象、事务和动作构成的。行为是由对象、事务和动作构成的。1对象：是产生行为的主体。网页中的很多元素都可对象：是产生行为的主体。网页中的很多元素都可以成为对象，如网页中的一个图片、一段文字等元素，也可以成为对象，如网页中的一个图片、一段文字等元素，也可以整个网页文档。以整个网页文档。2事务：是由用户或阅读器触发的事务。事务常常是事务：是由用户或阅读器触发的事务。事务常常是针对页面元素的，如鼠标经过、鼠标单击、键盘某个键按下针对页面元素的，如鼠标经过、鼠标单击、键盘某个键按下等。等。3动作：通常是一段动作：通常是一段JavaScript代码，用于完成

3、某些代码，用于完成某些特殊的任务。如打开一个窗口时自动播放声音、弹出信息窗特殊的任务。如打开一个窗口时自动播放声音、弹出信息窗口等。口等。4行为：事务和动作组合起来就构成了行为。事务是行为：事务和动作组合起来就构成了行为。事务是产生行为的条件，动作是行为的具体结果。产生行为的条件，动作是行为的具体结果。一、相识行为单击菜单栏中的单击菜单栏中的“窗口窗口”|“行为行为”吩咐或运用组合键吩咐或运用组合键Shift+F4，可以，可以打开行为面板如图打开行为面板如图1所示。所示。（一）行为面板各按钮功能（一）行为面板各按钮功能（二）设置阅读器版本（二）设置阅读器版本在行为面板中，单击在行为面板中，单击

4、 按钮，在按钮，在“显示事务显示事务”的级联菜单中选择阅读的级联菜单中选择阅读器版本，如图器版本，如图2所示。所示。二、运用行为面板图1图2（三）常见事务（三）常见事务添加行为后，要为行为选择触发事务。选择某个行为，添加行为后，要为行为选择触发事务。选择某个行为，单击左侧的事务名称右侧的下拉箭头弹出下拉菜单，菜单单击左侧的事务名称右侧的下拉箭头弹出下拉菜单，菜单列出了所选行为可以运用的触发事务，如图所示。列出了所选行为可以运用的触发事务，如图所示。1在文档窗口中选择要增加行为的对象，例如一个图像或一个链接或一段文字。要将行为附加到整个页，请在“文档”窗口底部左侧的标签选择器中单击 标签。2在行

5、为面板中单击加号“+”按钮，从弹出菜单中选择一种行为。3打开某种行为的设置对话框，依据须要进行设置，完成对话框。4在行为面板中选择行为，添加触发事务。5保存网页，在阅读器中检测行为。三、增加行为的基本步骤四、修改行为要修改和编辑己设置行为要修改和编辑己设置行为,执行以下操作之一：执行以下操作之一：1在行为面板中双击要修改的行为。在行为面板中双击要修改的行为。2选择要修改的行，单击行为面板上的选择要修改的行，单击行为面板上的“选选项项”按钮按钮，选择，选择“编辑行为编辑行为”吩咐。吩咐。其次节 运用Dreamwerver8内置的行为一、播放声音一、播放声音二、打开阅读器窗口二、打开阅读器窗口三、

6、弹出消息三、弹出消息四、四、转到转到URL五、设置状态栏文本五、设置状态栏文本六、拖动层六、拖动层七、检查阅读器七、检查阅读器八、变更对象属性八、变更对象属性九、限制九、限制Shockwave或或Flash1打开一个网页，选择行为的对象如某一图像，也可单击窗口下方的标签，为整个页面增加行为。2在行为面板上，单击“+”按钮，从下拉菜单中选择“播放声音”。3打开“播放声音”对话框。4在文本框中输入声音文件的路径和名称，也可单击“阅读”按钮，选择要播放的声音文件。5单击“确定”按钮。在网页中出现占位符。6在行为面板设置事务，如设为“OnLoad”。7保存并在阅读器中预览网页，观看效果。一、播放声音1

7、 1打开一个网页，选择行为的对象如某一图像，如选择一个图像。打开一个网页，选择行为的对象如某一图像，如选择一个图像。2 2在行为面板上，单击在行为面板上，单击“+”“+”按钮，从下拉菜单中选择按钮，从下拉菜单中选择“打开阅读器窗口打开阅读器窗口”。3 3打开打开“打开阅读器窗口打开阅读器窗口”对话框，如图所示。对话框，如图所示。4 4设置对话框，单击设置对话框，单击“确定确定”按钮。按钮。5.5.在行为面板设置事务，如设为在行为面板设置事务，如设为“OnMouseOver”“OnMouseOver”6 6保存并在阅读器中测试行为。保存并在阅读器中测试行为。二、打开阅读器窗口1打开一个网页，选择

8、行为的对象，如选择一个图像。打开一个网页，选择行为的对象，如选择一个图像。2在行为面板上，单击在行为面板上，单击“+”按钮，打开下拉菜单，从中选择按钮，打开下拉菜单，从中选择“弹出消息弹出消息”。3打开打开“弹出消息弹出消息”对话框，如图所示。对话框，如图所示。4输入要显示的信息，单击输入要显示的信息，单击“确定确定”按钮。按钮。5在行为面板设置事务，如设为在行为面板设置事务，如设为“OnMouseDown”6保存并在阅读器中测试行为。保存并在阅读器中测试行为。三、弹出消息1打开一个网页，插入一个按钮，在打开一个网页，插入一个按钮，在“属性检查器属性检查器”中设置中设置“动作动作”为为“无无”

9、。2选中按钮。在行为面板上，单击选中按钮。在行为面板上，单击“+”按钮，打开下拉菜单，从中选择按钮，打开下拉菜单，从中选择“转到转到URL”。3打开打开“转到转到URL”对话框，如图所示。对话框，如图所示。4在在“URL”框中框中输入要打开的文件的输入要打开的文件的路径和名称，也可单路径和名称，也可单击击“阅读阅读”按钮选择文件。按钮选择文件。5单击单击“确定确定”按钮。按钮。6在行为面板设置事务，如设为在行为面板设置事务，如设为“OnMouseDown”7保存并在阅读器中测试行为保存并在阅读器中测试行为四、转到URL1打开一个网页，选择窗口下方的打开一个网页，选择窗口下方的标签。标签。2在行

10、为面板上，单击在行为面板上，单击“+”按钮，打开下拉菜单，从中选择按钮，打开下拉菜单，从中选择“设置文本设置文本”子菜单中的子菜单中的“设置状态栏文本设置状态栏文本”。3打开打开“设置状态栏文本设置状态栏文本”对话框，如图所示。对话框，如图所示。4输入要显示的信息，单击输入要显示的信息，单击“确定确定”按钮。按钮。5在行为面板设置事务，如设为在行为面板设置事务，如设为“OnLoad”。6保存并在阅读器中测试行为。保存并在阅读器中测试行为。五、设置状态栏文本1打开一个网页，插入一个层，命名为打开一个网页，插入一个层，命名为layer1，在层插入图像。，在层插入图像。2选择窗口下方的选择窗口下方的

11、标签。标签。3在行为面板上，单击在行为面板上，单击“+”按钮，打开下拉菜单，从中选择按钮，打开下拉菜单，从中选择“拖动层拖动层”。4打开打开“拖动层拖动层”对话框，对话框，如图所示。如图所示。5在在“基本基本”选项中，选择要拖动的层，其他运用默认设置。选项中，选择要拖动的层，其他运用默认设置。6单击单击“确定确定”按钮，退出按钮，退出“拖动层拖动层”对话框。对话框。7在行为面板设置事务为在行为面板设置事务为“OnLoad”。8保存并在阅读器中测试行为。保存并在阅读器中测试行为。六、拖动层1打开一个网页，选择窗口下方的打开一个网页，选择窗口下方的标签。标签。2在行为面板上，单击在行为面板上，单击

12、“+”按钮，打开下拉菜单，从中选择按钮，打开下拉菜单，从中选择“检查阅检查阅读器读器”。3打开打开“检查阅读器检查阅读器”对话框，如图所示。对话框，如图所示。七、检查阅读器4对话框各项设置如下：对话框各项设置如下：“Netscape Navigator”：用于设置：用于设置Netscape Navigator阅读器的版阅读器的版本及打开的网页。本及打开的网页。“Internet Explorer“：用于设置：用于设置Internet Explorer阅读器的版本及阅读器的版本及打开的网页。打开的网页。“其他阅读器其他阅读器”：设置对于其他阅读器的选项设置，。：设置对于其他阅读器的选项设置，。“

13、URL”：用于设置要跳转的地址，单击：用于设置要跳转的地址，单击“阅读阅读”按钮可以选择跳转按钮可以选择跳转的文件。的文件。“替代替代URL”：用于设置替代的：用于设置替代的URL，也可以单击，也可以单击“阅读阅读”按钮选择按钮选择文件。文件。5设置完成后，单击设置完成后，单击“确定确定”退出对话框。退出对话框。6在行为面板设置事务为在行为面板设置事务为“OnLoad”。7保存并在阅读器中测试行为。保存并在阅读器中测试行为。1打开一个网页，插入两个按钮，按钮动作为打开一个网页，插入两个按钮，按钮动作为“无无”，绘制一个层，绘制一个层，命名为命名为Layer1，设置层的背景颜色，设置层的背景颜色

14、为浅紫色，如图为浅紫色，如图1所示。所示。2选中选中“粉色粉色”按钮。在行为按钮。在行为面板上，单击面板上，单击“+”按钮，打开下拉按钮，打开下拉菜单，从中选择菜单，从中选择“变更属性变更属性”。3打开打开“变更属性变更属性”对话框，对话框，如图如图2所示。所示。八、变更对象属性4对话框各项设置如下：对话框各项设置如下：“对象类型对象类型”：选择要变更的类型。选择：选择要变更的类型。选择“LAYER”“命名对象命名对象”：从下拉菜单中选择要更改属性的对象名称，选择：从下拉菜单中选择要更改属性的对象名称，选择layer“Layer1”。“属性属性”：设置要变更的属性名称及阅读器版本。变更背景选择

15、：设置要变更的属性名称及阅读器版本。变更背景选择“style.backgroundColor”，阅读器版本选择，阅读器版本选择“IE4”。“新的值新的值”：设置新属性的值。输入：设置新属性的值。输入“pink”。5单击单击“确定确定”，退出对话框。，退出对话框。6在行为面板设置事务为在行为面板设置事务为“OnMouseDown”。7选中选中“绿色绿色”按钮，添加按钮，添加“变更属性变更属性”，设置，设置“新的值新的值”为为“green”，事务为事务为“OnMouseDown”。8保存并在阅读器中测试行为。保存并在阅读器中测试行为。1打开一个网页，插入两个按钮，按钮动作为打开一个网页，插入两个按

16、钮，按钮动作为“无无”，插入一个，插入一个Flash，在属性检查器中命名为在属性检查器中命名为“flash1”并将并将“自动播放自动播放”和和“循环循环”选项取消，选项取消，如图如图1所示。所示。2选中选中“play”按钮。在行为按钮。在行为面板上，单击面板上，单击“+”按钮，打开下拉按钮，打开下拉菜单，从中选择菜单，从中选择“限制限制Shockwave或或Flash”。3打开打开“限制限制Shockwave或或Flash”对话框，如图对话框，如图2所示。所示。九、限制Shockwave或Flash4在在“影片影片”下拉列表中选择下拉列表中选择“flash1”，“操作操作”选选项中选择项中选择“播放播放”。5单击单击“确定确定”，退出对话框。，退出对话框。6在行为面板设置事务为在行为面板设置事务为“OnClick”。7选中选中“stop”按钮，添加按钮，添加“限制限制Shockwave或或Flash”，“操作操作”选项中选择选项中选择“停止停止”。8保存并在阅读器中测试行为。保存并在阅读器中测试行为。