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

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