第10章-使用行为和表单(完成)ppt课件(全).ppt

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

1、高等学校计算机应用规划教材高等学校计算机应用规划教材高等学校计算机应用规划教材高等学校计算机应用规划教材网页设计与制作基础教程网页设计与制作基础教程第第1010章章 使用行使用行为为和表和表单单(完成完成)ppt)ppt课课件（全）件（全）第第第第 十十十十 章章章章使用行为和表单使用行为和表单第第1010章章 使用行使用行为为和表和表单单(完成完成)ppt)ppt课课件（全）件（全）学学学学 习习习习 目目目目 标标标标 在网页中使用行为和表单可以创建出交互式网页的各类页面在网页中使用行为和表单可以创建出交互式网页的各类页面在网页中使用行为和表单可以创建出交互式网页的各类页面在网页中使用行为

2、和表单可以创建出交互式网页的各类页面在网页中使用行为和表单可以创建出交互式网页的各类页面在网页中使用行为和表单可以创建出交互式网页的各类页面效果。行为是一些列使用效果。行为是一些列使用效果。行为是一些列使用效果。行为是一些列使用效果。行为是一些列使用效果。行为是一些列使用JavaScriptJavaScriptJavaScript程序预定义的页面特效工具，程序预定义的页面特效工具，程序预定义的页面特效工具，程序预定义的页面特效工具，程序预定义的页面特效工具，程序预定义的页面特效工具，是是是是是是JavaScriptJavaScriptJavaScript在在在在在在DreamweaverDre

3、amweaverDreamweaver中内建的程序库。利用行为，用户中内建的程序库。利用行为，用户中内建的程序库。利用行为，用户中内建的程序库。利用行为，用户中内建的程序库。利用行为，用户中内建的程序库。利用行为，用户可以制作出各式各样的网页特殊效果，例如播放声音、弹出菜可以制作出各式各样的网页特殊效果，例如播放声音、弹出菜可以制作出各式各样的网页特殊效果，例如播放声音、弹出菜可以制作出各式各样的网页特殊效果，例如播放声音、弹出菜可以制作出各式各样的网页特殊效果，例如播放声音、弹出菜可以制作出各式各样的网页特殊效果，例如播放声音、弹出菜单等。表单是制作交互式网页的基本元素，通过在网页中插入单等

4、。表单是制作交互式网页的基本元素，通过在网页中插入单等。表单是制作交互式网页的基本元素，通过在网页中插入单等。表单是制作交互式网页的基本元素，通过在网页中插入单等。表单是制作交互式网页的基本元素，通过在网页中插入单等。表单是制作交互式网页的基本元素，通过在网页中插入各类表单元素，设计者可以制作出例如注册、登录、问答等网各类表单元素，设计者可以制作出例如注册、登录、问答等网各类表单元素，设计者可以制作出例如注册、登录、问答等网各类表单元素，设计者可以制作出例如注册、登录、问答等网各类表单元素，设计者可以制作出例如注册、登录、问答等网各类表单元素，设计者可以制作出例如注册、登录、问答等网页文档。本

5、章将主要介绍利用页文档。本章将主要介绍利用页文档。本章将主要介绍利用页文档。本章将主要介绍利用页文档。本章将主要介绍利用页文档。本章将主要介绍利用DreamweaverDreamweaverDreamweaver在网页中使用行为在网页中使用行为在网页中使用行为在网页中使用行为在网页中使用行为在网页中使用行为和插入表单的方法。和插入表单的方法。和插入表单的方法。和插入表单的方法。和插入表单的方法。和插入表单的方法。:计算机基础与实训教材系列系列丛书官方网站计算机基础与实训教材系列系列丛书官方网站计算机基础与实训教材系列系列丛书官方网站计算机基础与实训教材系列系列丛书官方网站 http:/edu

6、:http:/edu :本本本本 章章章章 重重重重 点点点点uuu 在网页中使用行为在网页中使用行为在网页中使用行为在网页中使用行为在网页中使用行为在网页中使用行为uuu Dreamweaver Dreamweaver Dreamweaver内置行为内置行为内置行为内置行为内置行为内置行为 uuu 在网页中使用表单在网页中使用表单在网页中使用表单在网页中使用表单在网页中使用表单在网页中使用表单:计算机基础与实训教材系列系列丛书官方网站计算机基础与实训教材系列系列丛书官方网站计算机基础与实训教材系列系列丛书官方网站计算机基础与实训教材系列系列丛书官方网站 http:/edu :http:/ed

7、u :10.1 10.1 10.1 10.1 使用行为使用行为使用行为使用行为 行为是行为是行为是行为是行为是行为是DreamweaverDreamweaverDreamweaver中非常有特色功能，可以不编写中非常有特色功能，可以不编写中非常有特色功能，可以不编写中非常有特色功能，可以不编写中非常有特色功能，可以不编写中非常有特色功能，可以不编写JavaScriptJavaScriptJavaScript代码，代码，代码，代码，代码，代码，即可实现多种动态页面效果，例如交换图像、弹出提示信息，设置导航栏图即可实现多种动态页面效果，例如交换图像、弹出提示信息，设置导航栏图即可实现多种动态页面效

8、果，例如交换图像、弹出提示信息，设置导航栏图即可实现多种动态页面效果，例如交换图像、弹出提示信息，设置导航栏图即可实现多种动态页面效果，例如交换图像、弹出提示信息，设置导航栏图即可实现多种动态页面效果，例如交换图像、弹出提示信息，设置导航栏图像等。本节加主要介绍在网页中使用行为的相关知识像等。本节加主要介绍在网页中使用行为的相关知识像等。本节加主要介绍在网页中使用行为的相关知识像等。本节加主要介绍在网页中使用行为的相关知识像等。本节加主要介绍在网页中使用行为的相关知识像等。本节加主要介绍在网页中使用行为的相关知识 。uuu 行为的基础知识行为的基础知识行为的基础知识行为的基础知识行为的基础知识

9、行为的基础知识 uuu 使用使用使用使用使用使用DreamweaverDreamweaverDreamweaver内置行为内置行为内置行为内置行为内置行为内置行为 :计算机基础与实训教材系列系列丛书官方网站计算机基础与实训教材系列系列丛书官方网站计算机基础与实训教材系列系列丛书官方网站计算机基础与实训教材系列系列丛书官方网站 http:/edu :http:/edu :10.1.1 10.1.1 10.1.1 10.1.1 行为的基础知识行为的基础知识行为的基础知识行为的基础知识 行为是指在网页中进行的一系列动作，通过这些动作，可以实现用户同行为是指在网页中进行的一系列动作，通过这些动作，可以

10、实现用户同行为是指在网页中进行的一系列动作，通过这些动作，可以实现用户同行为是指在网页中进行的一系列动作，通过这些动作，可以实现用户同行为是指在网页中进行的一系列动作，通过这些动作，可以实现用户同行为是指在网页中进行的一系列动作，通过这些动作，可以实现用户同网页的交互，也可以通过动作使某个任务被执行。在网页的交互，也可以通过动作使某个任务被执行。在网页的交互，也可以通过动作使某个任务被执行。在网页的交互，也可以通过动作使某个任务被执行。在网页的交互，也可以通过动作使某个任务被执行。在网页的交互，也可以通过动作使某个任务被执行。在DreamweaverDreamweaverDreamweaver

11、中，行为中，行为中，行为中，行为中，行为中，行为由事件和动作两个基本元素组成。通常动作是一段由事件和动作两个基本元素组成。通常动作是一段由事件和动作两个基本元素组成。通常动作是一段由事件和动作两个基本元素组成。通常动作是一段由事件和动作两个基本元素组成。通常动作是一段由事件和动作两个基本元素组成。通常动作是一段JavaScriptJavaScriptJavaScript代码，利用这代码，利用这代码，利用这代码，利用这代码，利用这代码，利用这些代码可以完成相应的任务；事件则由浏览器定义，事件可以被附加到各种些代码可以完成相应的任务；事件则由浏览器定义，事件可以被附加到各种些代码可以完成相应的任务

12、；事件则由浏览器定义，事件可以被附加到各种些代码可以完成相应的任务；事件则由浏览器定义，事件可以被附加到各种些代码可以完成相应的任务；事件则由浏览器定义，事件可以被附加到各种些代码可以完成相应的任务；事件则由浏览器定义，事件可以被附加到各种页面元素上，也可以被附加到页面元素上，也可以被附加到页面元素上，也可以被附加到页面元素上，也可以被附加到页面元素上，也可以被附加到页面元素上，也可以被附加到HTMLHTMLHTML标记中，并且一个事件总是针对页面元标记中，并且一个事件总是针对页面元标记中，并且一个事件总是针对页面元标记中，并且一个事件总是针对页面元标记中，并且一个事件总是针对页面元标记中，并

13、且一个事件总是针对页面元素或标记而言的素或标记而言的素或标记而言的素或标记而言的素或标记而言的素或标记而言的 。uuu 行为的概念行为的概念行为的概念行为的概念行为的概念行为的概念 uuu 事件的分类事件的分类事件的分类事件的分类事件的分类事件的分类 :计算机基础与实训教材系列系列丛书官方网站计算机基础与实训教材系列系列丛书官方网站计算机基础与实训教材系列系列丛书官方网站计算机基础与实训教材系列系列丛书官方网站 http:/edu :http:/edu :10.1.2 10.1.2 10.1.2 10.1.2 使用使用使用使用DreamweaverDreamweaver内置行为内置行为内置行为

14、内置行为 在在在在在在“行为行为行为行为行为行为”面板中可以将面板中可以将面板中可以将面板中可以将面板中可以将面板中可以将DreamweaverDreamweaverDreamweaver内置的行为附加到页面元素，并且内置的行为附加到页面元素，并且内置的行为附加到页面元素，并且内置的行为附加到页面元素，并且内置的行为附加到页面元素，并且内置的行为附加到页面元素，并且可以修改以前所附加行为的参数。选择可以修改以前所附加行为的参数。选择可以修改以前所附加行为的参数。选择可以修改以前所附加行为的参数。选择可以修改以前所附加行为的参数。选择可以修改以前所附加行为的参数。选择“窗口窗口窗口窗口窗口窗口”

15、|“|“|“行为行为行为行为行为行为”命令，打开命令，打开命令，打开命令，打开命令，打开命令，打开“标标标标标标签检查器签检查器签检查器签检查器签检查器签检查器”面板后，面板后，面板后，面板后，面板后，面板后，DreamweaverDreamweaverDreamweaver将默认打开将默认打开将默认打开将默认打开将默认打开将默认打开“行为行为行为行为行为行为”面板，如图面板，如图面板，如图面板，如图面板，如图面板，如图10-110-110-1所示。所示。所示。所示。所示。所示。:计算机基础与实训教材系列系列丛书官方网站计算机基础与实训教材系列系列丛书官方网站计算机基础与实训教材系列系列丛书官

16、方网站计算机基础与实训教材系列系列丛书官方网站 http:/edu :http:/edu :10.2 10.2 10.2 10.2 使用表单使用表单使用表单使用表单 表单允许服务器端的程序处理用户端输入的信息，通常包括调查的表单、表单允许服务器端的程序处理用户端输入的信息，通常包括调查的表单、表单允许服务器端的程序处理用户端输入的信息，通常包括调查的表单、表单允许服务器端的程序处理用户端输入的信息，通常包括调查的表单、表单允许服务器端的程序处理用户端输入的信息，通常包括调查的表单、表单允许服务器端的程序处理用户端输入的信息，通常包括调查的表单、提交订购的表单和搜索查询的表单等。表单要求描述表单

17、的提交订购的表单和搜索查询的表单等。表单要求描述表单的提交订购的表单和搜索查询的表单等。表单要求描述表单的提交订购的表单和搜索查询的表单等。表单要求描述表单的提交订购的表单和搜索查询的表单等。表单要求描述表单的提交订购的表单和搜索查询的表单等。表单要求描述表单的HTMLHTMLHTML源代码和源代码和源代码和源代码和源代码和源代码和在表单域中输入信息的服务器端应用程序或客户端脚本。本节将主要介绍在在表单域中输入信息的服务器端应用程序或客户端脚本。本节将主要介绍在在表单域中输入信息的服务器端应用程序或客户端脚本。本节将主要介绍在在表单域中输入信息的服务器端应用程序或客户端脚本。本节将主要介绍在在

18、表单域中输入信息的服务器端应用程序或客户端脚本。本节将主要介绍在在表单域中输入信息的服务器端应用程序或客户端脚本。本节将主要介绍在DreamweaverDreamweaverDreamweaver中使用表单的方法中使用表单的方法中使用表单的方法中使用表单的方法中使用表单的方法中使用表单的方法 。uuu 表单的基础知识表单的基础知识表单的基础知识表单的基础知识表单的基础知识表单的基础知识 uuu 插入文本域插入文本域插入文本域插入文本域插入文本域插入文本域uuu 插入隐藏域插入隐藏域插入隐藏域插入隐藏域插入隐藏域插入隐藏域uuu 插入文件域插入文件域插入文件域插入文件域插入文件域插入文件域uuu

19、 插入按钮对象插入按钮对象插入按钮对象插入按钮对象插入按钮对象插入按钮对象uuu 插入列表和菜单插入列表和菜单插入列表和菜单插入列表和菜单插入列表和菜单插入列表和菜单 :计算机基础与实训教材系列系列丛书官方网站计算机基础与实训教材系列系列丛书官方网站计算机基础与实训教材系列系列丛书官方网站计算机基础与实训教材系列系列丛书官方网站 http:/edu :http:/edu :10.3 10.3 10.3 10.3 检查表单检查表单检查表单检查表单 在包含表单的页面中填写相关信息时，当信息填写出错，会自动显示出在包含表单的页面中填写相关信息时，当信息填写出错，会自动显示出在包含表单的页面中填写相关

20、信息时，当信息填写出错，会自动显示出在包含表单的页面中填写相关信息时，当信息填写出错，会自动显示出在包含表单的页面中填写相关信息时，当信息填写出错，会自动显示出在包含表单的页面中填写相关信息时，当信息填写出错，会自动显示出错信息，这是通过检查表单来实现的。在错信息，这是通过检查表单来实现的。在错信息，这是通过检查表单来实现的。在错信息，这是通过检查表单来实现的。在错信息，这是通过检查表单来实现的。在错信息，这是通过检查表单来实现的。在Dreamweaver CS5Dreamweaver CS5Dreamweaver CS5中，可以使用中，可以使用中，可以使用中，可以使用中，可以使用中，可以使用

21、【检查表单检查表单检查表单检查表单检查表单检查表单】行为和插入行为和插入行为和插入行为和插入行为和插入行为和插入SprySprySpry验证对象检查表单验证对象检查表单验证对象检查表单验证对象检查表单验证对象检查表单验证对象检查表单 。uuu 使用使用使用使用使用使用“检查表单检查表单检查表单检查表单检查表单检查表单”行为行为行为行为行为行为 uuu 使用使用使用使用使用使用SprySprySpry验证对象验证对象验证对象验证对象验证对象验证对象:计算机基础与实训教材系列系列丛书官方网站计算机基础与实训教材系列系列丛书官方网站计算机基础与实训教材系列系列丛书官方网站计算机基础与实训教材系列系列

22、丛书官方网站 http:/edu :http:/edu :10.3.1 10.3.1 10.3.1 10.3.1 使用使用使用使用“检查表单检查表单检查表单检查表单”行为行为行为行为 在在在在在在DreamweaverDreamweaverDreamweaver中使用中使用中使用中使用中使用中使用“检查表单检查表单检查表单检查表单检查表单检查表单”动作，可以为文本域设置有效性规动作，可以为文本域设置有效性规动作，可以为文本域设置有效性规动作，可以为文本域设置有效性规动作，可以为文本域设置有效性规动作，可以为文本域设置有效性规则，检查文本域中的内容是否有效，以确保输入数据正确。一般来说，可以则，

23、检查文本域中的内容是否有效，以确保输入数据正确。一般来说，可以则，检查文本域中的内容是否有效，以确保输入数据正确。一般来说，可以则，检查文本域中的内容是否有效，以确保输入数据正确。一般来说，可以则，检查文本域中的内容是否有效，以确保输入数据正确。一般来说，可以则，检查文本域中的内容是否有效，以确保输入数据正确。一般来说，可以将该动作附加到表单对象上，并将触发事件设置为将该动作附加到表单对象上，并将触发事件设置为将该动作附加到表单对象上，并将触发事件设置为将该动作附加到表单对象上，并将触发事件设置为将该动作附加到表单对象上，并将触发事件设置为将该动作附加到表单对象上，并将触发事件设置为onSub

24、mitonSubmitonSubmit。当单击提交按。当单击提交按。当单击提交按。当单击提交按。当单击提交按。当单击提交按钮提交数据时会自动检查表单域中所有的文本域内容是否有效钮提交数据时会自动检查表单域中所有的文本域内容是否有效钮提交数据时会自动检查表单域中所有的文本域内容是否有效钮提交数据时会自动检查表单域中所有的文本域内容是否有效钮提交数据时会自动检查表单域中所有的文本域内容是否有效钮提交数据时会自动检查表单域中所有的文本域内容是否有效 。用户在网页中插入表单和表单元素后，单击用户在网页中插入表单和表单元素后，单击用户在网页中插入表单和表单元素后，单击用户在网页中插入表单和表单元素后，单

25、击用户在网页中插入表单和表单元素后，单击用户在网页中插入表单和表单元素后，单击“行为行为行为行为行为行为”选项卡面板上的选项卡面板上的选项卡面板上的选项卡面板上的选项卡面板上的选项卡面板上的“添加行为添加行为添加行为添加行为添加行为添加行为”按钮，然后在弹出的下拉列表中选择按钮，然后在弹出的下拉列表中选择按钮，然后在弹出的下拉列表中选择按钮，然后在弹出的下拉列表中选择按钮，然后在弹出的下拉列表中选择按钮，然后在弹出的下拉列表中选择“检查表单检查表单检查表单检查表单检查表单检查表单”选项，即可打选项，即可打选项，即可打选项，即可打选项，即可打选项，即可打开开开开开开“检查表单检查表单检查表单检查

26、表单检查表单检查表单”对话框，如图对话框，如图对话框，如图对话框，如图对话框，如图对话框，如图10-4310-4310-43所示，设置检查页面中的表单参数所示，设置检查页面中的表单参数所示，设置检查页面中的表单参数所示，设置检查页面中的表单参数所示，设置检查页面中的表单参数所示，设置检查页面中的表单参数 。:计算机基础与实训教材系列系列丛书官方网站计算机基础与实训教材系列系列丛书官方网站计算机基础与实训教材系列系列丛书官方网站计算机基础与实训教材系列系列丛书官方网站 http:/edu :http:/edu :10.3.2 10.3.2 10.3.2 10.3.2 使用使用使用使用SprySp

27、ry验证对象验证对象验证对象验证对象 DreamweaverDreamweaverDreamweaver中，中，中，中，中，中，SprySprySpry验证对象是针对各类表单的，插入验证对象是针对各类表单的，插入验证对象是针对各类表单的，插入验证对象是针对各类表单的，插入验证对象是针对各类表单的，插入验证对象是针对各类表单的，插入SprySprySpry验证对象，验证对象，验证对象，验证对象，验证对象，验证对象，可以验证表单的有效性可以验证表单的有效性可以验证表单的有效性可以验证表单的有效性可以验证表单的有效性可以验证表单的有效性 。uuu SprySprySpry验证文本域验证文本域验证文本域验证文本域验证文本域验证文本域 uuu SprySprySpry验证复选框验证复选框验证复选框验证复选框验证复选框验证复选框uuu SprySprySpry验证密码验证密码验证密码验证密码验证密码验证密码:计算机基础与实训教材系列系列丛书官方网站计算机基础与实训教材系列系列丛书官方网站计算机基础与实训教材系列系列丛书官方网站计算机基础与实训教材系列系列丛书官方网站 http:/edu :http:/edu :