公开课JS-邮箱验证教学设计.docVIP

《制作JavaScript脚本特效》——11.2验证电子邮箱地址 教学设计 课 题 11.2 验证电子邮箱地址 授课时间 2013年4月 日 授课类型 新授课 学时 1 教 学 目 标 知识与技能 能够使用String对象常用属性和方法实现客户端电子邮箱地址验证。 过程与方法 任务下达→相关知识→任务完成→任务拓展→任务总结 情感、态度与价值观 通过学习本节内容，提高学生开发网页的能力及培训学生的团队意识。 教学重点 String对象常用属性及方法 教学难点 string对象的灵活应用，使用string对象完成电子邮箱地址验证 教学方法 任务驱动教学法，启发法，讨论法 教具准备 课件 教 学 过 程 教学内容 教师活动 学生活动 设计意图 【任务下达】（2分钟） 观看网页： 需求描述 使用JavaScript制作网页，对用户输入的电子邮箱地址进行验证。 案例分析（10分钟） 完成网页：实现合法邮箱验证的功能。 合法邮箱需具备的条件： 邮箱不能为空； 邮箱中必须有“@”和“.”； 只能有一个“@”； 邮箱的第一位和最后一位不能是“@”和“.”； “.”不能紧挨在“@”后面。 【相关知识】 String对象的常用方法 length:返回指定字符的长度 charAt(index)：返回指定位置的字符 indexOf(字符串，inde