网页制作第十一章.ppt
文本预览下载声明
第十一章 DW使用行为 课堂学习目标 1.行为 2.动作 11.1.1 行为 行为 行为可以理解为在网页中选择的一系列动作,以实现用户与网页间的交互。简单的说,行为是动作和触发该动作的事件的结合体。 可附加的网页元素: 整个文档(bodybiao标签)、连接对象、图像、表单元素或其他HTML元素。 11.1.2事件 · 事件 事件是附加在浏览器中元素上的特殊过程,每个浏览器都提供一组事件。 行为打开方法 :打开方法工具栏-窗口-标签检查器 也可以按快捷键F9 11.1.4应用行为 一、将行为附加到网页元素上 1 在文档窗口中选择一个元素,单击文档窗口左下侧标签选择器body标签 2 选择 窗口行为 命令,启用行为控制面板 3 单击 添加“添加行为”进行设置单击“确定”。 4 在“行为”控制面板“事件”列表中显示动作的默认事件单击该事件,弹出全部事件的事件列表。 二、将行为附加到文本上 一般情况下,不能将行为直接附加到纯文本上,因为它不是一个HTML对象。若要将行为附加到文本上,最简单的方法就是向文本添加一个空链接,然后将行为附加在链接上。 添加空链接的方法 1、在“属性”面板的“链接”文本框中输入 “javascript:;” 2、在“属性”面板的“链接”文本框中输入# 将行为附加到所选文本上的具体步骤 1、为文本添加一个空链接 2、选择“窗口行为”命令,启用“行为”控制面板 3、选中链接文本,单击“添加行为”从弹出菜单中选择一个动作 4、在“行为”控制面板的“事件”中显示动作的默认事件,单击该事件,弹出包含全部事件的事件列表,选择相应的事件。 更改链接文本外观的具体步骤 选择“查看代码”命令,切换到“代码”视图。 查看该文本的链接并在该链接的a href标签中插入一下属性 style=“text-decoration,color:biack”属性设置的含义是禁用下划线并将文本的颜色设置为黑色 11.2动作 动作是系统预先定义好的选择指定任务的代码 命令介绍 打开浏览器窗口:功能是在新的窗口中打开指定网页 11.2.2调用javascript 调用javascript:功能是当发生某个事件时选择自定义函数或javascript代码行 “调用javascript”的具体步骤 1、选择一个网页元素对象。 2、在“行为”面板中,单击“添加行为”,从弹出的菜单中选择“调用javascript”动作,弹出调用Javascript对话框 3、如果不是默认事件,则单击该事件,会出现箭头,单击后,弹出对话框,包含全部事件。 4、F12 预览 11.2.3打开浏览器窗口 “打开浏览器窗口”动作的功能是在一个新的窗口中打开指定网页。 “打开浏览器窗口”动作的具体步骤 1、打开一个网页文件 2、启用“行为控制面板 ,单击添加事件,并从弹出的菜单中选择”打开浏览器窗口”动作,选择相应的动作 3、 显示设置事件、显示所有事件、添加行为、删除事件、、降低事件值 修改浏览器版本 显示设置事件 显示所有事件 添加行为 删除事件 降低事件值 增加事件值 显示设置事件、显示所有事件、添加行为、删除事件、、降低事件值 修改浏览器版本 * *
显示全部