Dreamweaver CS3网页设计培训教程电子教案12.pptVIP

12.2.2 典型案例——制作“注册会员”网页 案例目标 本案例将练习制作“注册会员”表单网页，注册成为会员时，通常会要求申请者提供昵称、密码、邮箱和性别等信息，因此需在网页中添加相应的表单对象。 12.2.2 典型案例——制作“注册会员”网页 操作思路 （1）在网页中添加一个表单，并设置其属性。 （2）为网页添加相应的表单对象并进行属性设置。 （3）添加一个供用户提交信息的按钮和一个用于重置表单内容的按钮。 12.2.2 典型案例——制作“注册会员”网页 操作步骤 具体操作步骤请教师参照软件和书中内容进行讲解。 12.2.2 典型案例——制作“注册会员”网页 案例小结 本案例制作了一个“注册会员”表单网页，在制作过程中主要练习插入各种表单对象及设置表单对象属性的方法。通常情况下，为了判断用户是否按要求输入或选择了相应的内容，在提交时要先对表单中的信息进行判断（通常用JavaScript编写代码），符合要求后再传递给处理程序进行进一步处理。 12.3 上机练习 12.3.1 制作“商品搜索”表单网页 12.3.2 制作“大学生消费调查”表单网页 12.3.1 制作“商品搜索”表单网页 本练习将制作如图所示的“商品搜索”表单网页。 12.3.2 制作“大学生消费调查”表单网页 本练习将制作如图所示的“大学生消费调查”表单网页。 Dreamweaver CS3网页设计培训教程 第12课 使用表单实现交互 本课要点 具体要求 本课导读 上机练习 本课要点 表单的创建 表单对象的添加 具体要求 了解表单 熟悉表单的创建 掌握表单属性的设置方法 掌握表单对象的添加方法 本课导读 表单是获取访问者信息、与访问者进行交互的有效方式，在网络中应用非常广泛。 12.1 创建表单 申请邮箱时填写个人信息的页面、注册会员时填写资料的页面、网上购物时填写的购物单等都是表单。表单是收集用户信息最有效的手段，也是网页编程的基础。 12.1 创建表单 12.1.1 知识讲解 12.1.2 典型案例——创建“用户登 录”页面 12.1.1 知识讲解 在制作表单页面之前，首先要创建表单，再添加表单对象。可以将整个网页创建成一个表单网页，也可以在网页中的部分区域添加表单。 12.1.1 知识讲解 1.了解表单 2.创建表单 3.设置表单属性 1.了解表单 表单通常由多个表单对象组成，如按钮、复选框、文本框以及单选按钮等。 2.创建表单 将插入栏切换到【表单】插入栏，单击其中的某个按钮并进行相应的操作，即可完成表单的创建及表单对象的添加。 创建表单的具体操作步骤如下： （1）将光标插入点定位到需要创建表单的位置。 （2）单击【表单】插入栏中的【表单】按钮或选择【插入记录】→【表单】→【表单】命令，在编辑窗口中添加表单。 3.设置表单属性 将光标插入点定位到表单中后，其【属性】面板如图所示，在其中可设置表单的各种属性。 12.1.2 典型案例——创建“用户登 录”页面 案例目标 本案例练习“用户登录”页面表单的创建。 12.1.2 典型案例——创建“用户登 录”页面 操作思路 （1）新建一个空白网页文档。 （2）创建表单。 （3）创建表格并输入文本。 （4）添加简单的表单对象。 12.1.2 典型案例——创建“用户登 录”页面 操作步骤 具体操作步骤请教师参照软件和书中内容进行讲解。 12.1.2 典型案例——创建“用户登 录”页面 案例小结 本案例制作了一个简单的表单，其中涉及的表单对象的添加方法会在12.2节中详细讲解。当浏览者单击【登录】按钮提交表单时，通常需要编写一段代码来对提交的数据进行处理，经过处理后，处理程序再将处理结果显示出来。处理程序可以使用JavaScript、VBScript、ASP、PHP及其他编程语言进行编写。 12.2 表单对象的添加 表单就像一个装东西的筐子，只有将表单对象加入到其中才能真正实现收集数据信息的目的。 12.2 表单对象的添加 12.2.1 知识讲解 12.2.2 典型案例——制作“注册会员”网页 12.2.1 知识讲解 表单对象比较多，包括文本字段、文本区域、隐藏域、单选按钮、复选框、按钮、列表/菜单、文件域和图像域等，它们的作用有所不同，下面分别讲解各对象的添加方法。 12.2.1 知识讲解 1.添加文本字段 2.添加隐藏域 3.添加单选按钮 4.添加单选按钮组 5.添加复选框 6.添加列表/菜单 7.添加跳转菜单 8.添加文件域 9.添加按钮 10.添加图像域 11.添加字段集 1.添加