《网页制作：项目13__使用表单制作注册网页--》由会员分享，可在线阅读，更多相关《网页制作：项目13__使用表单制作注册网页--（16页珍藏版）》请在金锄头文库上搜索。
1、主讲：,网页设计与制作Dreamweaver 8,项目十三 使用表单制作注册网页,任务一 创建表单,任务二 验证表单,项目十三： 使用表单制作注册网页,任务三 测试表单,任务一,小 结,任务二,实 训,任务一 创建表单,本任务主要介绍插入表单及文本域、文本区域、单选按钮、复选框、列表/菜单、隐藏域、按钮及其属性设置的基本方法。通过本任务的学习，掌握的内容主要有： 1、表单的工作过程 （1）访问者在浏览表单页面时，可填写必要的信息，然后进行“提交”。 （2）这些信息通过Internet传送到服务器上。 （3）服务器上专门的程序对这些数据进行处理，如果有错误会返回错误信息，并要求纠正错误。 （4）
2、当数据完整无误后，服务器反馈一个输入完成信息。,项目十三： 使用表单制作注册网页,创建表单操作动画,任务一,小 结,任务二,实 训,2、一个完整的表单包含两个部分 （1）一是在网页中进行描述的表单对象，主要用来收集信息。 （2）二是应用程序，它可以是服务器端的，也可以是客户端的，用于对客户信息进行分析处理。 3、插入表单对象的方法 在Dreamweaver 8中，表单输入类型称为表单对象。可以通过在主菜单中选择【插入】【表单】命令来插入表单对象或者在【插入】【表单】面板中单击相应的按钮插入表单对象。,任务一 创建表单,项目十三： 使用表单制作注册网页,任务一,小 结,任务二,实 训,4、表单及
3、表单对象属性设置的基本方法 表单及文本域、文本区域、单选按钮、复选框、列表/菜单、隐藏域、按钮及其属性设置的基本方法。,任务一 创建表单,（1）文本域【属性】面板,项目十三： 使用表单制作注册网页,任务一,小 结,任务二,实 训,任务一 创建表单,（2）单选按钮【属性】面板,单选按钮一般以两个或者两个以上的形式出现，它的作用是让用户在两个或者多个选项中选择一项。既然单选按钮的名称都是一样的，那么依靠什么来判断哪个按钮被选定呢？因为单选按钮是具有惟一性的，即多个单选按钮只能有一个被选定，所以【选定值】选项就是判断的惟一依据。每个单选按钮的【选定值】选项被设置为不同的数值，如性别“男”的单选按钮的
4、【选定值】选项被设置为“1”，性别“女”的单选按钮的【选定值】选项被设置为“0”，那么当判断单选按钮为“1”时，说明性别为“男”，否则的话，性别为“女”。,项目十三： 使用表单制作注册网页,任务一,小 结,任务二,实 训,当在【列表/菜单】域的【属性】面板中将【类型】选项设置为【菜单】时，【高度】和【选定范围】选项为不可选，在【初始化时选定】列表框中只能选择一个初始选项，文档窗口的下拉菜单中只显示一个选择的条目，而不是显示整个条目表。 将【列表/菜单】域的【属性】面板中的【类型】选项设置为【列表】时，【高度】选项和【选定范围】选项为可选。其中的【高度】选项是列表框中文档的高度，“1”表示在列表
5、中显示一个选项。【选定范围】选项用于设置是否允许多项选择，勾选表示允许，否则为不允许。,任务一 创建表单,（3）列表/菜单【属性】面板,项目十三： 使用表单制作注册网页,任务一,小 结,任务二,实 训,由于复选框在表单中一般都不单独出现，而是多个复选框同时使用，因此其【选定值】就显得格外重要。另外，复选框的名称最好与其说明性文字发生联系，这样在表单脚本程序的编制中将会节省许多时间和精力。例如，代表“小说”的【复选框名称】可以是“novel”，【选定值】设为“Y”；“上网”的复选框名称可以是“Internet”，【选定值】设为“Y”等。由于复选框的【复选框名称】不同，【选定值】可以取相同的值。,
6、任务一 创建表单,（4）复选框【属性】面板,项目十三： 使用表单制作注册网页,任务一,小 结,任务二,实 训,任务一 创建表单,（5）文本区域【属性】面板,项目十三： 使用表单制作注册网页,任务一,小 结,任务二,实 训, 通常用隐藏域来传递一些特殊的信息，如注册时间、认证号等，这些都需要使用JavaScript、ASP等源代码来编写，隐藏域在网页中一般不显现。 隐藏域的【值】文本框内是一段ASP代码，其中“”是ASP代码的开始、结束标志，而“Date()”表示当前的系统日期（2007-10-30），如果换成“Now()”则表示当前的系统日期和时间（2007-10-30 10:16:44），而
7、“Time()”则表示当前的系统时间（10:16:44）。,任务一 创建表单,（6）隐藏域【属性】面板,项目十三： 使用表单制作注册网页,任务一,小 结,任务二,实 训,按钮的作用在于发送信息、执行脚本程序、重置表单，这是表单页收尾的工作。 在主菜单中选择【插入】【表单】【图像域】命令，可以插入一个图像域。图像域的作用就是用一幅图像来替代按钮的工作，用它来发送表单或者执行脚本程序。,任务一 创建表单,（7）按钮【属性】面板,项目十三： 使用表单制作注册网页,任务一,小 结,任务二,实 训,表单在提交到服务器端以前，必须进行验证，这是非常重要的一步，如果忽略了这一步，那么很可能将错误的信息直接发
8、送到服务器端，不但浪费时间，而且也有一定的危险性，最起码要做到的是防止空白表单被提交至服务器端。 通过本任务的学习，主要掌握表单验证的方法： （1）通过【检查表单】对话框的设置进行验证,任务二 验证表单,项目十三： 使用表单制作注册网页,验证表单操作动画,任务一,小 结,任务二,实 训,（2）通过简单的JavaScript来验证 打开【标签编辑器】对话框，在对话框中选中“onClick”事件，然后在右侧的文本框中输入代码。,任务二 验证表单,项目十三： 使用表单制作注册网页,任务一,小 结,任务二,实 训,实训 制作在线调查表单网页,本项目着重介绍了插入表单对象及其属性设置以及验证表单和测试表
9、单的基本方法。实训将创建如图所示表单网页，以进一步巩固表单网页的相关知识。,项目十三： 使用表单制作注册网页,实训结果文件见“项目结果”文件夹中的“shixun.htm”。,【实训目的】 进一步巩固插入常用表单对象的方法。 进一步巩固表单及表单对象属性的设置方法。 进一步巩固使用“检查表单”行为验证表单的基本方法。,任务一,小 结,任务二,实 训,实训 制作在线调查表单网页,项目十三： 使用表单制作注册网页,任务一,小 结,任务二,实 训,小结,本项目通过制作用户注册网页介绍了制作表单网页的基本知识，包括插入表单对象及其属性设置、利用“检查表单”行为验证表单的方法以及测试表单的方法等。希望通过本项目的学习，能使读者对各个表单对象的作用有一个清楚的认识，并能够在操作中熟练运用。,项目十三： 使用表单制作注册网页,任务一,小 结,任务二,实 训,
