表单制作 教学设计

《表单制作 教学设计》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、“注册页”——表单的应用教学设计课题“注册页”——表单的应用所属模块网页制作授课者杨成授课班级授课类型理实一体化、网络化授课时间3月26第4节授课地点6楼机房计划课时1教学目标知识与能力1.体验网站中常见的注册网页；2.掌握表单属常见元素的创建；3.理解脚本语文对表单的简单验证。过程方法采用理实一体的教学模式，通过在线讨论、小组合作探究等教学方法，给学生提供学以致用的表单制作与实际应用体验。情感态度价值观通过制作注册表单学习，提高学生的信息化服务意识。利用注册数据的提交与验证，增强学生的信息安全观念。教学重点创建表单及其对象；教学难

2、点调试表单JavaScript脚本教学资源序号名称类别形式1搜索“注册页面”习题设计网络考试平台2解密“表单属性”微课MP33直播表单制作课堂形式浙江省普通高中选修课网络直播中心4制作“注册页”教学课件Flash学习者特征分析学生有一定的Dwearmweaver知识基础，在日常生活中接触过注册页，但是对表单制作缺乏了解。教学设计教学内容课前预习搜集网络上常见的注册页面，观看表单制作微课，自主练习和测试导入一、课前预习，情景导入1.课前预习。师：同学们，上周，我们在网上考试系统中预习了表单制作，这是同学们的预习效果——大屏幕投影同学考

3、试分数,可见大家对表单已经有一定的了解。2.情景导入。师：老师最近看了一个很有趣的视频，想和大家分享（播放美团外卖视频）。同学们，美团外卖是我们生活中常用的APP，它的用户数已达2.5亿，合作商户数超过200万家，覆盖城市超过1300个，日完成订单1800万单。现在老师给你们布置一个任务：每位同学都在美团外卖上点个外卖。生：（网上操作）老师，登录要用户名和密码，我没有用户名和密码，没法下单，怎么办？师：哦，网页中除了登录，还有没有其它的可操作链接？仔细看边上有没有“注册”，它能否帮你解决问题？生：思考，讨论。师：注册登录的意义。师：

4、很多网站功能都离不开和用户的交互。而人机对话的平台，基本上是靠相应的文本框、列表框进行输入，然后通过按钮提交送至后台数据库，用户登录时就可以进行身份验证，确保信息的安全。那么如何将网页中的数据与数据库中的数据进行对比呢？生：可以利用表单实现。师：那就开始我们的表单制作吧。教二、新课讲解，学做合一。1.创建表单注册网页是网站的一个网页，所以首先要建立网站，其次在网站中建立注册网页（reg.html）,最后在注册页中插入表单域。（1）新建web文件夹；在web文件夹下新建images文件夹；新建站点myweb；将下发文件放入images

5、文件夹下。（2）打开reg.html文件；（3）插入表单域：将光标定位在要插入表单位置的中间单元格区域，设置此单元格左对齐、顶端对齐，打开“插入”面板，选择“表单”类别，单击“表单”按钮（或者执行菜单“插入”—>“表单”—>“表单”命令），在表格里插入表单域对象。在属性检查器中设置表单属性：表单ID为form1,方法为POST，动作为result.html。2.在表单域中插入各种表单元素首先要创建一个表格，然后在各个单元格中插入相应的表单元素。（1）插入单元格：在表单内插入一个行学过程列，100%宽的表格，单元格间距为5.（2）插入

6、表单元素，并调整表格单元格及数据对齐方式。A.用户名文本字段（username）:单击“插入”面板“表单”中的文本字段（inputtext），生成一个文本域表单。在属性检查器中设置如下属性：B.添加密码文本字段（password）：文本字段，类型为“密码”，宽度为10，最多10个字符。C.添加密码确认文本字段（password2）:宽度为10，最多10个字符。D.添加按钮（button）:提交（submit）按钮：值为“提交”；动作为“提交表单”。重置（reset）按钮：值为“重置”；动作为“重设表单”。3.检验表单为表单添加Jav

7、aScript脚本效果，验证两次密码是否相同。密码验证在单击提交按钮时进行，当两次输入密码不相同时，清空密码重新输入，只有在两次密码相同时，才能完成正常的提交。在“提交”按钮上单击右键，选择“编辑标签”命令，进入“变迁编辑器”，单击“onClick”事件，输入代码：如果要同时对密码长度进行验证，可输入以下代码:4.预览网页，查看网页效果。二、任务实施请同学们到下载专区，下载任务实施文件夹，完成QQ注册界面的表单制作。并在账号注册成功后，登录账号。三、总结，拓展师：从提交的练习成果看出，绝大部分同学已经掌握了表单的制作过程。网上考试是

8、我们学校自行开发的的网上学习与考试的一个平台，为广大师生提供实时在线教学服务，为了网络安全，同样在进入考试之前也有一个注册表单，课后，交给同学们一个任务，请同学们下载习题1，以小组为单位，共同探究，完成设计与制作网上考试系统的注册表单