模块8-制作表单网页4.ppt

授课人：杨世娥网页设计与制作使用表单制作注册网页布置作业布置作业学习目标学习目标知识讲解知识讲解课堂实践课堂实践评价总结评价总结使用表单制作注册网页项目十三项目十三情境导入情境导入问题问题1：同学们好，你们有QQ号码吗？问题问题2：你们有E-mail吗？问题问题3：怎样申请一个免费的QQ号码？问题问题4：如何申请一个免费的E-mail呢？问问题题引引导导布置布置作业作业知识讲解知识讲解课堂实践课堂实践评价评价总结总结情境导入情境导入学习目标学习目标使用表单制作注册网页项目十三项目十三布置布置作业作业知识讲解知识讲解课堂实践课堂实践评价评价总结总结情境导入情境导入学习目标学习目标使用表单制作注册网页项目十三项目十三布置布置作业作业知识讲解知识讲解课堂实践课堂实践评价评价总结总结情境导入情境导入学习目标学习目标使用表单制作注册网页项目十三项目十三任务出示：任务出示：课堂实践课堂实践布置布置作业作业学习目标学习目标评价评价总结总结情境导入情境导入知识讲解知识讲解知知识识点点1、表单及表单对象的作用2、表单的创建 3、表单对象及属性设置 使用表单制作注册网页项目十三项目十三课堂实践课堂实践布置作业布置作业学习目标学习目标评价总结评价总结情境导入情境导入知识讲解知识讲解1、表单及表单对象的作用、表单及表单对象的作用项目十三项目十三（1）表单是一种结构化的网页，利用表单，你可以）表单是一种结构化的网页，利用表单，你可以收集来自世界各地的信息。收集来自世界各地的信息。（2）表单对象表单对象 文本字段和文本区域文本字段和文本区域：接受任何类型的文本、字母和：接受任何类型的文本、字母和 数字。文本字段为单行、密码保护，文本区域为多行。数字。文本字段为单行、密码保护，文本区域为多行。复选框复选框：在一组选项中选择多项。：在一组选项中选择多项。单选按钮单选按钮：在一组选项中一次只能选择一项。：在一组选项中一次只能选择一项。列表列表/菜单菜单：从提供一组选项中选择一项或多项。：从提供一组选项中选择一项或多项。按按钮钮：单单击击时时执执行行提提交交或或重重置置表表单单之之类类的的任任务务，可可以以输输入自定义的按钮标签，或使用入自定义的按钮标签，或使用DreamweaverDreamweaver的预定义标签。的预定义标签。使用表单制作注册网页课堂实践课堂实践布置作业布置作业学习目标学习目标评价总结评价总结情境导入情境导入知识讲解知识讲解2、表单的创建、表单的创建项目十三项目十三 创建表单通常用两种方法：使用创建表单通常用两种方法：使用“插入插入”中的中的“表单表单”的菜单命令创建表单和使用的菜单命令创建表单和使用“插入面板插入面板”中的中的“表单表单”按钮创建表单。按钮创建表单。插入表单的步骤如下：插入表单的步骤如下：（1）在文档窗口中选定插入点，将光标置于该位置。）在文档窗口中选定插入点，将光标置于该位置。（2）使用）使用“插入插入”中的中的“表单表单”菜单命令插入表单。菜单命令插入表单。（3）此时在文档窗口中将有红色边框线所定义的插入）此时在文档窗口中将有红色边框线所定义的插入表单区域表单区域使用表单制作注册网页课堂实践课堂实践布置作业布置作业学习目标学习目标评价总结评价总结情境导入情境导入知识讲解知识讲解3、表单对象及属性设置、表单对象及属性设置项目十三项目十三使用表单制作注册网页课堂实践课堂实践布置习题布置习题学习目标学习目标教学总结教学总结情境导入情境导入知识讲解知识讲解3、表单对象及属性设置、表单对象及属性设置项目十三项目十三u文本域的属性设置文本域的属性设置(1)在“文挡窗口”的表单区域创建一个文本字段，例如在文字“姓名：”插入文本字段（2）在“属性面板”中进行设置使用表单制作注册网页课堂实践课堂实践布置作业布置作业学习目标学习目标评价总结评价总结情境导入情境导入知识讲解知识讲解3、表单对象及属性设置、表单对象及属性设置项目十三项目十三u单选按钮的属性设置（1）在“文档窗口”的表单区域插入单选钮表单对象，例如在文字“性别：”后，“男”、“女”前分别插入两个单选按钮（2)在“属性面板”中对单选按钮进行设置。使用表单制作注册网页课堂实践课堂实践布置作业布置作业学习目标学习目标评价总结评价总结情境导入情境导入知识讲解知识讲解3、表单对象及属性设置、表单对象及属性设置项目十三项目十三u复选框的属性设置复选框的属性设置 在“文档窗口”的表单中插入复选框。例如在文字“爱好：”后，“上网”等文字前分别插入复选框，并进行属性设置。使用表单制作注册网页课堂实践课堂实践布置作业布置作业学习目标学习目标评价总结评价总结情境导入情境导入知识讲解知识讲解3、表单对象及属性设置、表单对象及属性设置项目十三项目十三u列表列表/菜单的属性设置菜单的属性设置（1）在“文档窗口”的表单中插入“列表/菜单”表单对象，例如在文字“年龄：”后插入列表/菜单（2）用“属性面板”对列表/菜单属性进行设置，例如将“列表/菜单”设置为“age”，“类型”为“菜单”（3）设定“列表值”。单击“属性面板”中“列表值”按钮，出现“列表值”对话框，单击“+”按钮依次添加“项目标签”和“值”使用表单制作注册网页课堂实践课堂实践布置作业布置作业学习目标学习目标评价总结评价总结情境导入情境导入知识讲解知识讲解3、表单对象及属性设置、表单对象及属性设置项目十三项目十三u按钮的属性设置按钮的属性设置(1)在文档窗口的表单区域插入按钮对象。例如在文本区域后插入“修改”和“提交”两个按钮使用表单制作注册网页课堂实践课堂实践布置作业布置作业学习目标学习目标评价总结评价总结情境导入情境导入知识讲解知识讲解3、表单对象及属性设置、表单对象及属性设置项目十三项目十三(2)在“属性面板”设置按钮属性，例如将“修改”和“提交”两个按钮分别设置为提交表单和重设表单提交指将表单中的数据提交给处理程序或脚本；重置指恢复所有表单域为它们各自的初值。使用表单制作注册网页布置布置作业作业学习目标学习目标知识讲解知识讲解评价评价总结总结情境导入情境导入学习情境学习情境8课堂实践课堂实践课堂实践：完成任务制作“用户注册”网页 使用表单制作注册网页布置布置作业作业学习目标学习目标知识讲解知识讲解课堂实践课堂实践情境导入情境导入学习情境学习情境8评价评价总结总结1 1作品展示作品展示怎样使用户直接在文本域中输入内容？怎样让表单提交到邮箱？如何修改表单属性为弹出窗口？使用表单制作注册网页布置布置作业作业学习目标学习目标知识讲解知识讲解课堂实践课堂实践情境导入情境导入学习情境学习情境8评价评价总结总结1.1.二、巩固练习二、巩固练习1、文本域等表单对象都必须插入到（）中，这样浏览器才能正确处理其中的数据。2、按钮的【属性】面板提供了按钮的3种动作，即（）、重置表单和无。3、（）的作用在于发送信息、执行脚本程序、重置表单，这是表单页收尾的工作。使用表单制作注册网页布置布置作业作业学习目标学习目标知识讲解知识讲解课堂实践课堂实践情境导入情境导入学习情境学习情境8评价评价总结总结表单是网页与浏览者交互的一种界面，在网页中有着广泛的应用，是网络真正的价值所在。本情境主要讲述了如何创建电子邮件提交是、使用内置代码片断创建下拉列表菜单和检查提交的表单各数据的正确性。1.1.三、课堂小结三、课堂小结使用表单制作注册网页学习目标学习目标知识讲解知识讲解课堂实践课堂实践教学总结教学总结情境导入情境导入学习情境学习情境8布置布置作业作业1、列举常用的表单对象有哪些？2、根据自己的理解简要说明单选按钮和复选框在使用上有何不同？使用表单制作注册网页