精心整理
“注册页”——表单的应用教学设计
课题 授课者 授课时间 “注册页”——表单的应用 杨成 授课班级 6楼机房 所属模块 网页制作 授课类型 理实一体化、网络化 计划课时 1 3月26授课地点 第4节 1. 体验网站中常见的注册网页； 知识与 2. 掌握表单属常见元素的创建； 能力 3. 理解脚本语文对表单的简单验证。 过程方法 情感态度价值观 采用理实一体的教学模式，通过在线讨论、小组合作探究等教学方法，给学生提供学以致用的表单制作与实际应用体验。 通过制作注册表单学习，提高学生的信息化服务意识。利用注册数据的提交与验证，增强学生的信息安全观念。 教学目标 教学重点 创建表单及其对象； 教学难点 调试表单JavaScript脚本 序号 1 名称 搜索“注册页面” 解密“表单属性” 直播表单制作 制作“注册页” 类别 习题设计 微课 课堂形式 教学课件 形式 网络考试平台 MP3 浙江省普通高中选修课网络直播中心 Flash 教学资源 学习者特征分析 2 3 4 学生有一定的Dwearmweaver知识基础，在日常生活中接触过注册页，但是对表单制作缺乏了解。 精心整理
精心整理 教学内容 课前预习 搜集网络上常见的注册页面，观看表单制作微课，自主练习和测试 一、课前预习，情景导入 1. 课前预习。 师：同学们，上周，我们在网上考试系统中预习了表单制作，这是同学们的预习效果——大屏幕投影同学考试分数,可见大家对表单已经有一定的了解。 2.情景导入。 师：老师最近看了一个很有趣的视频，想和大家分享（播放美团外卖视频）。同学们，美团外卖是我们生活中常用的APP，它的用户数已达2.5亿，合作商户数超过200万家，覆盖城市超过1300个，日完成订单1800万单。现在老师给你们布置一个任务：每位同学都在美团外卖上点个外卖。 生：（网上操作）老师，登录要用户名和密码，我没有用户名和密码，没法下单，怎么办？ 师：哦，网页中除了登录，还有没有其它的可操作链接？仔细看边上有没有“注册”，它能否帮你解决问题？ 生：思考，讨论。 师：注册登录的意义。 师：很多网站功能都离不开和用户的交互。而人机对话的平台，基本上是靠相应的文本框、列表框进行输入，然后通过按钮提交送至后台数据库，用户登录时就可以进行身份验证，确保信息的安全。那么如何将网页中的数据与数据库中的数据进行对比呢？ 生：可以利用表单实现。 师：那就开始我们的表单制作吧。 二、新课讲解，学做合一。 1.创建表单 注册网页是网站的一个网页，所以首先要建立网站，其次在网站中建立注册网页（reg.html）,最后在注册页中插入表单域。 （1）新建web文件夹；在web文件夹下新建images文件夹；新建站点myweb；将下发文件放入images文件夹下。 （2）打开reg.html文件； （3）插入表单域：将光标定位在要插入表单位置的中间单元格区域，设置此单元格左对齐、顶端对齐，打开“插入”面板，选择“表单”类别，单击“表单”按钮（或者执行菜单“插入”—>“表单”—>“表单”命令），在表格里插入表单域对象。在属性检查器中设置表单属性：表单ID为form1,方法为POST，动作为result.html。 2.在表单域中插入各种表单元素 首先要创建一个表格，然后在各个单元格中插入相应的表单元素。 （1）插入单元格：在表单内插入一个行列，100%宽的表格，单元格间距为5. （2）插入表单元素，并调整表格单元格及数据对齐方式。 导 入 教学设计 教 学 过 程 精心整理
精心整理
A.用户名文本字段（username）:单击“插入”面板“表单”中的文本字段（inputtext），生成一个文本域表单。在属性检查器中设置如下属性： B.添加密码文本字段（password）：文本字段，类型为“密码”，宽度为10，最多10个字符。 C.添加密码确认文本字段（password2）:宽度为10，最多10个字符。 D.添加按钮（button）: 提交（submit）按钮：值为“提交”；动作为“提交表单”。 重置（reset）按钮：值为“重置”；动作为“重设表单”。 3.检验表单 为表单添加JavaScript脚本效果，验证两次密码是否相同。 密码验证在单击提交按钮时进行，当两次输入密码不相同时，清空密码重新输入，只有在两次密码相同时，才能完成正常的提交。在“提交”按钮上单击右键，选择“编辑标签”命令，进入“变迁编辑器”，单击“onClick”事件，输入代码： 如果要同时对密码长度进行验证，可输入以下代码: 4.预览网页，查看网页效果。 二、任务实施 请同学们到下载专区，下载任务实施文件夹，完成QQ注册界面的表单制作。并在账号注册成功后，登录账号。 三、总结，拓展 师：从提交的练习成果看出，绝大部分同学已经掌握了表单的制作过程。 网上考试是我们学校自行开发的的网上学习与考试的一个平台，为广大师生提供实时在线教学服务，为了网络安全，同样在进入考试之前也有一个注册表单，课后，交给同学们一个任务，请同学们下载习题1，以小组为单位，共同探究，完成设计与制作网上考试系统的注册表单，并将成果上传到我们的网上考试平台。完成课后拓展活动。 课后 反思 精心整理
