第11章-使用行为制作特效网页ppt课件(全).ppt

《第11章-使用行为制作特效网页ppt课件(全).ppt》由会员分享，可在线阅读，更多相关《第11章-使用行为制作特效网页ppt课件(全).ppt（13页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、 网页设计与制作基础教程网页设计与制作基础教程网页设计与制作基础教程网页设计与制作基础教程(第第第第3 3版版版版)第第第第 十一十一十一十一 章章章章使用行为制作特效网页使用行为制作特效网页使用行为制作特效网页使用行为制作特效网页:计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站 edu :edu :edu :学学学学 习习习习 目目目目 标标标标 在网页中使用在网页中使用在网页中使用在网页中使用“行为

2、行为行为行为”可以创建各种特殊的网页效果，例可以创建各种特殊的网页效果，例可以创建各种特殊的网页效果，例可以创建各种特殊的网页效果，例如弹出信息、交换图像、跳转菜单等。行为是一系列使用如弹出信息、交换图像、跳转菜单等。行为是一系列使用如弹出信息、交换图像、跳转菜单等。行为是一系列使用如弹出信息、交换图像、跳转菜单等。行为是一系列使用JavaScriptJavaScript程序预定义的页面特效工具，是程序预定义的页面特效工具，是程序预定义的页面特效工具，是程序预定义的页面特效工具，是JavaScriptJavaScript在在在在Dreamweaver CCDreamweaver CC中内建的程

3、序库中内建的程序库中内建的程序库中内建的程序库。:计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站 edu :edu :edu :本本本本 章章章章 重重重重 点点点点uu 认识行为认识行为认识行为认识行为uu 创建与编辑行为创建与编辑行为创建与编辑行为创建与编辑行为uu 使用使用使用使用DreamweaverDreamweaver内置行为内置行为内置行为内置行为:计算机基础与实训教材系列计算机基础与实训

4、教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站 edu :edu :edu :11.1 11.1 11.1 11.1 认识行为认识行为认识行为认识行为 DreamweaverDreamweaver网页行为是网页行为是网页行为是网页行为是AbobeAbobe公司借助公司借助公司借助公司借助JavaScriptJavaScript开发的一组交互特效开发的一组交互特效开发的一组交互特效开发的一组交互特效代码库。在代码库。在代码库。在代码库。在Dre

5、amweaver CCDreamweaver CC中，用户可以通过简单的可视化操作对交互特中，用户可以通过简单的可视化操作对交互特中，用户可以通过简单的可视化操作对交互特中，用户可以通过简单的可视化操作对交互特效代码进行编辑，从而创建出丰富的网页应用效代码进行编辑，从而创建出丰富的网页应用效代码进行编辑，从而创建出丰富的网页应用效代码进行编辑，从而创建出丰富的网页应用。uuu 行为的基础知识行为的基础知识行为的基础知识行为的基础知识行为的基础知识行为的基础知识uuu 使用使用使用使用使用使用“行为行为行为行为行为行为”面板面板面板面板面板面板uuu 编辑网页行为编辑网页行为编辑网页行为编辑网页

6、行为编辑网页行为编辑网页行为:计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站 edu :edu :edu :11.1.1 11.1.1 11.1.1 11.1.1 行为的基础知识行为的基础知识行为的基础知识行为的基础知识 行为是指在网页中进行的一系列动作，通过这些动作，可以实现用户同行为是指在网页中进行的一系列动作，通过这些动作，可以实现用户同行为是指在网页中进行的一系列动作，通过这些动作，可以实现用户

7、同行为是指在网页中进行的一系列动作，通过这些动作，可以实现用户同网页的交互，也可以通过动作使某个任务被执行。在网页的交互，也可以通过动作使某个任务被执行。在网页的交互，也可以通过动作使某个任务被执行。在网页的交互，也可以通过动作使某个任务被执行。在DreamweaverDreamweaver中，行为中，行为中，行为中，行为由事件和动作两个基本元素组成。通常动作是一段由事件和动作两个基本元素组成。通常动作是一段由事件和动作两个基本元素组成。通常动作是一段由事件和动作两个基本元素组成。通常动作是一段JavaScriptJavaScript代码，利用这代码，利用这代码，利用这代码，利用这些代码可以完

8、成相应的任务；事件则由浏览器定义，事件可以被附加到各种些代码可以完成相应的任务；事件则由浏览器定义，事件可以被附加到各种些代码可以完成相应的任务；事件则由浏览器定义，事件可以被附加到各种些代码可以完成相应的任务；事件则由浏览器定义，事件可以被附加到各种页面元素上，也可以被附加到页面元素上，也可以被附加到页面元素上，也可以被附加到页面元素上，也可以被附加到HTMLHTML标记中，并且一个事件总是针对页面元标记中，并且一个事件总是针对页面元标记中，并且一个事件总是针对页面元标记中，并且一个事件总是针对页面元素或标记而言的素或标记而言的素或标记而言的素或标记而言的。uuu 行为的概念行为的概念行为的

9、概念行为的概念行为的概念行为的概念uuu 事件的事件的事件的事件的事件的事件的概念概念概念概念概念概念 :计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站 edu :edu :edu :11.1.2 11.1.2 11.1.2 11.1.2 使用使用使用使用“行为行为行为行为”面板面板面板面板 在网页中应用行为之前，用户需要了解在网页中应用行为之前，用户需要了解在网页中应用行为之前，用户需要了解在网页中应

10、用行为之前，用户需要了解“行为行为行为行为”面板，该面板的作用是面板，该面板的作用是面板，该面板的作用是面板，该面板的作用是显示当前用户选择的网页对象的事件和行为属性。在显示当前用户选择的网页对象的事件和行为属性。在显示当前用户选择的网页对象的事件和行为属性。在显示当前用户选择的网页对象的事件和行为属性。在DreamweaverDreamweaver中选择中选择中选择中选择“窗口窗口窗口窗口”|“行为行为行为行为”命令，即可显示如图命令，即可显示如图命令，即可显示如图命令，即可显示如图11-111-1所示的所示的所示的所示的“行为行为行为行为”面板面板面板面板。:计算机基础与实训教材系列计算机

11、基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站 edu :edu :edu :11.1.3 11.1.3 11.1.3 11.1.3 编辑网页行为编辑网页行为编辑网页行为编辑网页行为 在在在在Dreamweaver CCDreamweaver CC中打开中打开中打开中打开“行为行为行为行为”面板后，单击该面板中的面板后，单击该面板中的面板后，单击该面板中的面板后，单击该面板中的“添加行添加行添加行添加行为为为为”按钮，即可在弹出的菜

12、单中选择相关的网页行为，通过各种设置属性，按钮，即可在弹出的菜单中选择相关的网页行为，通过各种设置属性，按钮，即可在弹出的菜单中选择相关的网页行为，通过各种设置属性，按钮，即可在弹出的菜单中选择相关的网页行为，通过各种设置属性，将其添加至网页中，如图将其添加至网页中，如图将其添加至网页中，如图将其添加至网页中，如图11-211-2所示所示所示所示。:计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站 edu

13、 :edu :edu :11.2 11.2 11.2 11.2 使用行为调节浏览器使用行为调节浏览器使用行为调节浏览器使用行为调节浏览器 在网页中最常使用的在网页中最常使用的在网页中最常使用的在网页中最常使用的JavaScriptJavaScript源代码是调节浏览器窗口的源代码，它源代码是调节浏览器窗口的源代码，它源代码是调节浏览器窗口的源代码，它源代码是调节浏览器窗口的源代码，它可以按照设计者的要求打开新窗口或更换新窗口的形状，同时根据用户所使可以按照设计者的要求打开新窗口或更换新窗口的形状，同时根据用户所使可以按照设计者的要求打开新窗口或更换新窗口的形状，同时根据用户所使可以按照设计者的

14、要求打开新窗口或更换新窗口的形状，同时根据用户所使用的浏览器，将浏览器中的显示内容设置为不同的形式用的浏览器，将浏览器中的显示内容设置为不同的形式用的浏览器，将浏览器中的显示内容设置为不同的形式用的浏览器，将浏览器中的显示内容设置为不同的形式。uuu 打开浏览器窗口打开浏览器窗口打开浏览器窗口打开浏览器窗口打开浏览器窗口打开浏览器窗口uuu 调用调用调用调用调用调用JavaScriptJavaScriptJavaScriptuuu 转到转到转到转到转到转到URLURLURL:计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列

15、计算机基础与实训教材系列系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站 edu :edu :edu :11.3 11.3 11.3 11.3 使用行为控制图像使用行为控制图像使用行为控制图像使用行为控制图像 图像是网页设计中必不可少的元素。在图像是网页设计中必不可少的元素。在图像是网页设计中必不可少的元素。在图像是网页设计中必不可少的元素。在DreamweaverDreamweaver中，我们可以通过中，我们可以通过中，我们可以通过中，我们可以通过使用行为，以各种各样的方式在网页中应用图像元素，从而制作出富有动感使用行为，以各种各样的方式在网页

16、中应用图像元素，从而制作出富有动感使用行为，以各种各样的方式在网页中应用图像元素，从而制作出富有动感使用行为，以各种各样的方式在网页中应用图像元素，从而制作出富有动感的网页效果的网页效果的网页效果的网页效果。uuu 交换图像交换图像交换图像交换图像交换图像交换图像uuu 预先载入图像预先载入图像预先载入图像预先载入图像预先载入图像预先载入图像:计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站 edu :e

17、du :edu :11.4 11.4 11.4 11.4 使用行为显示文本使用行为显示文本使用行为显示文本使用行为显示文本 文本作为网页文件中最基本的元素，比图像或其他多媒体元素具有更快文本作为网页文件中最基本的元素，比图像或其他多媒体元素具有更快文本作为网页文件中最基本的元素，比图像或其他多媒体元素具有更快文本作为网页文件中最基本的元素，比图像或其他多媒体元素具有更快的传输速度，因此网页文件中的大部分信息都是用文本来表示的。本节将通的传输速度，因此网页文件中的大部分信息都是用文本来表示的。本节将通的传输速度，因此网页文件中的大部分信息都是用文本来表示的。本节将通的传输速度，因此网页文件中的大

18、部分信息都是用文本来表示的。本节将通过实例介绍在网页中利用行为显示特殊位置上文本的方法过实例介绍在网页中利用行为显示特殊位置上文本的方法过实例介绍在网页中利用行为显示特殊位置上文本的方法过实例介绍在网页中利用行为显示特殊位置上文本的方法。uuu 弹出信息弹出信息弹出信息弹出信息弹出信息弹出信息uuu 显示状态栏文本显示状态栏文本显示状态栏文本显示状态栏文本显示状态栏文本显示状态栏文本uuu 设置容器的文本设置容器的文本设置容器的文本设置容器的文本设置容器的文本设置容器的文本uuu 设置文本域文字设置文本域文字设置文本域文字设置文本域文字设置文本域文字设置文本域文字:计算机基础与实训教材系列计算

19、机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站 edu :edu :edu :11.5 11.5 11.5 11.5 使用行为加载多媒体使用行为加载多媒体使用行为加载多媒体使用行为加载多媒体 在在在在Dreamweaver CCDreamweaver CC中，用户可以利用行为控制网页中的多媒体，包括中，用户可以利用行为控制网页中的多媒体，包括中，用户可以利用行为控制网页中的多媒体，包括中，用户可以利用行为控制网页中的多媒体，包括确

20、认多媒体插件程序是否安装、显示隐藏元素、改变属性等确认多媒体插件程序是否安装、显示隐藏元素、改变属性等确认多媒体插件程序是否安装、显示隐藏元素、改变属性等确认多媒体插件程序是否安装、显示隐藏元素、改变属性等。uuu 检查插件检查插件检查插件检查插件检查插件检查插件uuu 改变属性改变属性改变属性改变属性改变属性改变属性uuu 显示显示显示显示显示显示-隐藏元素隐藏元素隐藏元素隐藏元素隐藏元素隐藏元素:计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列系列丛书官方网站系列丛书官方网站系列丛书官方网站系列

21、丛书官方网站系列丛书官方网站系列丛书官方网站 edu :edu :edu :11.6 11.6 11.6 11.6 使用行为控制表单使用行为控制表单使用行为控制表单使用行为控制表单 使用行为可以控制表单元素，例如常用的菜单、验证等。用户在使用行为可以控制表单元素，例如常用的菜单、验证等。用户在使用行为可以控制表单元素，例如常用的菜单、验证等。用户在使用行为可以控制表单元素，例如常用的菜单、验证等。用户在DreamweaverDreamweaver中制作出表单后，在提交前首先应确认是否在必填域上按照要中制作出表单后，在提交前首先应确认是否在必填域上按照要中制作出表单后，在提交前首先应确认是否在必填域上按照要中制作出表单后，在提交前首先应确认是否在必填域上按照要求格式输入了信息求格式输入了信息求格式输入了信息求格式输入了信息。uuu 跳转菜单跳转菜单跳转菜单跳转菜单跳转菜单跳转菜单uuu 跳转开始菜单跳转开始菜单跳转开始菜单跳转开始菜单跳转开始菜单跳转开始菜单uuu 检查表单检查表单检查表单检查表单检查表单检查表单