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

计算机基础与实训教材系列,系列丛书官方网站,:,高等学校计算机应用规划教材,网页设计与制作基础教程,第10章 使用行为和表单(完成)ppt课件（全）,第 十,章,使用行为和表单,第10章 使用行为和表单(完成)ppt课件（全）,学 习 目 标,在网页中使用行为和表单可以创建出交互式网页的各类页面效果。行为是一些列使用,JavaScript,程序预定义的页面特效工具，是,JavaScript,在,Dreamweaver,中内建的程序库。利用行为，用户可以制作出各式各样的网页特殊效果，例如播放声音、弹出菜单等。表单是制作交互式网页的基本元素，通过在网页中插入各类表单元素，设计者可以制作出例如注册、登录、问答等网页文档。本章将主要介绍利用,Dreamweaver,在网页中使用行为和插入表单的方法。,:计算机基础与实训教材系列系列丛书官方网站 edu :,本 章 重 点,在网页中使用行为,Dreamweaver,内置行为,在网页中使用表单,:计算机基础与实训教材系列系列丛书官方网站 edu :,10.1,使用行为,行为是,Dreamweaver,中非常有特色功能，可以不编写,JavaScript,代码，即可实现多种动态页面效果，例如交换图像、弹出提示信息，设置导航栏图像等。本节加主要介绍在网页中使用行为的相关知识。,行为的基础知识,使用,Dreamweaver,内置行为,:计算机基础与实训教材系列系列丛书官方网站 edu :,10.1.1,行为的基础知识,行为是指在网页中进行的一系列动作，通过这些动作，可以实现用户同网页的交互，也可以通过动作使某个任务被执行。在,Dreamweaver,中，行为由事件和动作两个基本元素组成。通常动作是一段,JavaScript,代码，利用这些代码可以完成相应的任务；事件则由浏览器定义，事件可以被附加到各种页面元素上，也可以被附加到,HTML,标记中，并且一个事件总是针对页面元素或标记而言的。,行为的概念,事件的分类,:计算机基础与实训教材系列系列丛书官方网站 edu :,10.1.2,使用,Dreamweaver,内置行为,在“行为”面板中可以将,Dreamweaver,内置的行为附加到页面元素，并且可以修改以前所附加行为的参数。选择“窗口”,|“,行为”命令，打开“标签检查器”面板后，,Dreamweaver,将默认打开“行为”面板，如图,10-1,所示。,:计算机基础与实训教材系列系列丛书官方网站 edu :,10.2,使用表单,表单允许服务器端的程序处理用户端输入的信息，通常包括调查的表单、提交订购的表单和搜索查询的表单等。表单要求描述表单的,HTML,源代码和在表单域中输入信息的服务器端应用程序或客户端脚本。本节将主要介绍在,Dreamweaver,中使用表单的方法。,表单的基础知识,插入文本域,插入隐藏域,插入文件域,插入按钮对象,插入列表和菜单,:计算机基础与实训教材系列系列丛书官方网站 edu :,10.3,检查表单,在包含表单的页面中填写相关信息时，当信息填写出错，会自动显示出错信息，这是通过检查表单来实现的。在,Dreamweaver CS5,中，可以使用,【,检查表单,】,行为和插入,Spry,验证对象检查表单。,使用“检查表单”行为,使用,Spry,验证对象,:计算机基础与实训教材系列系列丛书官方网站 edu :,10.3.1,使用“检查表单”行为,在,Dreamweaver,中使用“检查表单”动作，可以为文本域设置有效性规则，检查文本域中的内容是否有效，以确保输入数据正确。一般来说，可以将该动作附加到表单对象上，并将触发事件设置为,onSubmit,。当单击提交按钮提交数据时会自动检查表单域中所有的文本域内容是否有效。,用户在网页中插入表单和表单元素后，单击“行为”选项卡面板上的“添加行为”按钮，然后在弹出的下拉列表中选择“检查表单”选项，即可打开“检查表单”对话框，如图,10-43,所示，设置检查页面中的表单参数。,:计算机基础与实训教材系列系列丛书官方网站 edu :,10.3.2,使用,Spry,验证对象,Dreamweaver,中，,Spry,验证对象是针对各类表单的，插入,Spry,验证对象，可以验证表单的有效性。,Spry,验证文本域,Spry,验证复选框,Spry,验证密码,:计算机基础与实训教材系列系列丛书官方网站 edu :,