Dreamweaver8网页设计培训教程 11 表单的应用.pptVIP

11.2.2 典型案例——“注册会员” 网页制作 案例目标 本案例将练习制作“注册会员”表单网页，注册成为会员时，通常会要求申请者提供昵称、密码、邮箱、性别等信息，因此需在页面中添加相应的表单对象，制作出的“注册会员”表单网页效果。 素材位置：【\第11课\素材\reg\】 源文件位置：【\第11课\源文件\reg\reg2.html】 11.2.2 典型案例——“注册会员” 网页制作 操作思路 （1）在网页中添加一个表单，并设置其属性。 （2）为网页添加相应的表单对象并进行属性设置。 （3）添加一个供用户提交信息的按钮和一个用于重置表单内容的按钮。 11.2.2 典型案例——“注册会员” 网页制作 操作步骤 具体操作步骤请教师参照软件和书中内容进行讲解。 11.2.2 典型案例——“注册会员” 网页制作 案例小结 本案例制作了一个“注册会员”表单网页，在制作过程中主要练习了插入各种表单对象及设置表单对象属性的方法。 本案例中制作的表单还不具备交互功能，因为没有编写相应的处理代码。通常情况下，为了判断用户是否按要求输入或选择了相应的内容，在提交时要先对表单中的信息进行判断（通常用JavaScript编写代码），符合要求后再传递给处理程序进一步处理。 11.3 上机练习 11.3.1 “调查问卷”表单网页的制作 11.3.2 “用户注册”表单网页的制作 11.3.1 “调查问卷”表单网页的制作 本次练习将制作 “调查问卷”表单网页。 素材位置：【\第11课\素材\diaocha\】 效果图位置：【\第11课\源文件\diaocha\调查问卷.html】 11.3.1 “调查问卷”表单网页的制作 操作思路： 为了更好地控制表单对象的布局，在表单中插入一个表格。 在表格内部添加文字和表单对象。 11.3.2 “用户注册”表单网页的制作 本次练习将制作如图11.1所示的“用户注册”网页表单效果。 素材位置：【\第11课\素材\zhuce\】 效果图位置：【\第11课\源文件\zhuce\zhuce.html】 Dreamweaver 8网页设计培训教程 第11课 表单的应用 本课要点 具体要求 本课导读 上机练习 本课要点 表单的创建 表单对象的添加 具体要求 了解表单 熟悉表单的创建 掌握表单属性的设置 掌握表单对象的添加 本课导读 表单是获取访问者信息并与访问者进行交互的有效方式，在网络中应用非常广泛。 11.1 表单的创建 在申请邮箱时填写个人信息的页面、申请会员时填写资料的页面、网上购物填写的购物单等都是表单。表单是收集用户信息最有效的手段，也是网页编程的基础。 11.1 行为的添加与编辑 11.1.1 知识讲解 11.1.2 典型案例——创建“用户登 录”页面 11.1.1 知识讲解 在制作表单页面之前首先要创建表单，再添加表单对象。可以将整个网页创建成一个表单网页，也可以在网页中的部分区域添加表单。 11.1.1 知识讲解 1.了解表单 2.创建表单 3.设置表单属性 1.了解表单 表单通常由多个表单对象组成，如按钮、复选框、文本框以及单选按钮等。 2.创建表单 将插入栏切换到【表单】插入栏，单击该栏中的某个按钮并进行相应的操作即可完成表单的创建及表单对象的添加。 3.设置表单属性 将光标插入点定位到表单后的【属性】面板如图所示，在其中可设置表单的各种属性。 11.1.2 典型案例——创建“用户登 录”页面 案例目标 本例练习“用户登录”页面表单的创建。 素材位置：【\第11课\素材\Login\】 效果图位置：【\第11课\源文件\Login\Login.html】 11.1.2 典型案例——创建“用户登 录”页面 操作思路 （1）新建一个空白网页文档。 （2）创建表单。 （3）创建表格并输入文本。 （4）添加简单的表单对象。 11.1.2 典型案例——创建“用户登 录”页面 操作步骤 具体操作步骤请教师参照软件和书中内容进行讲解。 11.1.2 典型案例——创建“用户登 录”页面 案例小结 当浏览者单击【登录】按钮提交表单时，通常需要编写一段代码来对提交的数据进行处理，经过处理后，处理程序再将处理结果显示出来。处理程序可以使用JavaScript，VBScript，ASP，PHP及其他编程语言进行编写。 11.2 表单对象的添加 表单就像一个装东西的筐子，只有将表单对象加入到其中才能真正实现收集数据信息的作用。 11.2 表单对象的添加 11.2.1 知识讲解 11