《Spry验证表单教案》由会员分享,可在线阅读,更多相关《Spry验证表单教案(4页珍藏版)》请在人人文库网上搜索。
1、南阳工业学校教案授课班级授课时间教材网页制作基础教程(Dreamweaver CS3曷艳玲电子工业出版社教学项目11.4 Spry验证表单教学目标掌握Spry验证表单的使用教学形式一体化课,在一体化教室内教学方法教学做一体化教学、演示教学法教学准备1. 课件2. 体化教室教学重点Spry验证表单的使用教学难点Spry验证表单的使用教学过程设计设计流程教学内容设计意图考勤(2)学生到课情况情境引入(5)教学形式:实例演示,激发兴趣通过样例 产生的效 果图让学 生在视觉、 上得到真 实感受,启 发学生思 考,提高学 习兴趣。1. 教师展示样例,显示效果,让学生感魅力。2. 提出问题:效果图如何产生。
2、?学生思考。3. 教师介绍相关的概念。11.4.1 Spry验证文本域2设置验证文本域的属性最小字符数(或最大字符数):在“最小字符数”或“最大字符数” 框中输入一个数字。新课教学 最小值(或最大值):在“属性”面板中的“最小值”或“最大值” (58 )框中输入一个数字。必需的:在“属性”面板中,根据自己的喜好选择或取消选择“必 需”选项。强制模式:可以禁止用户在验证文本域构件中输入无效字符。11.4 Spry验证表单11.4.2 Spry验证文本区域I. 插入Spry验证文本区域构件 将光标定位在需要插入验证文本域的位置。 选择菜单栏“插入”| “Spry” | “Spry验证文本区域”,或。
3、在“插入”面板的“ Spry”类别中单击“ Spry验证文本区域”按钮。II. 4 Spry验证表单1142 Spry 验证文本区域2设置验证文本区域构件的属性预览状态:选择要查看的状态。验证于:可以设置验证发生的时间,包括站点访问者在构件外部单 击时、键入内容时或尝试提交表单时。最小字符数(或最大字符数):在“属性”面板中的“最小字符数” 或“最大字符数”框中输入一个数字。计数器:可以添加字符计数器,以便当用户在文本区域中输入文本 时知道自己已经输入了多少字符或者还剩多少字符。提示:可以向文本区域中添加提示,以便让用户知道他们应当在文 本区域中输入哪种信息。11.4 Spry验证表单1143。
4、 Spry验证选择1. 插入Spry验证验证选择 将光标定位在需要插入验证选择的位置。 选择菜单栏“插入” | “ Spry” | “Spry验证选择”,或在“插入” 面板的“ Spry”类别中单击“ Spry验证选择”按钮。 完成“输入标签辅助功能属性”对话框,单击“确定”按钮。11.4 Spry验证表单11.4.3 Spry验证选择2. 设置验证选择构件的属性预览状态:选择要查看的状态验证于:可以设置验证发生的时间,包括站点访问者在构件外部单 击时、键入内容时或尝试提交表单时。不允许:空值:无效值:11.4 Spry验证表单11.4.4 Spry验证复选框1. 插入Spry验证复选框 将光。
5、标定位在需要插入验证选择的位置。 选择菜单栏“插入”| “ Spry” | “Spry验证复选框”,或在“插入”面板的“ Spry”类别中单击“ Spry验证复选框”按钮。 完成“输入标签辅助功能属性”对话框,单击“确定”按钮。11.4 Spry验证表单11.4.3 Spry验证选择2. 设置验证选择构件的属性必需:指定该验证复选框为必选项。强制范围:默认情况下,验证复选框构件设置为“必需”。但是,如果在页面上插入了许多复选框,则可以指定选择范围。最小选择数(最大选择数):在选择“强制范围”后,则可输入浏览 网页时可以选择的复选框个数。实施范围:选择验证复选框构件的 状态。验证于:可以设置验证发生的时间,包括站点访问者在构件外部单 击时、键入内容时或尝试提交表单时。课堂小结(10)Spry验证表单的使用包括的方面学生课堂任务书效果评价(15 制作一个使用Spry验证表单的网页,进行评比。
这是一堂深入浅出的课程,教授如何在Dreamweaver CS3中利用Spry验证表单组件提升用户体验。通过实例演示和属性设置,学员将学会创建文本域、文本区域、验证选择和复选框的验证功能,以及设置验证触发条件。完成课程后,你将能制作一个具备强大验证功能的网站表单。
8988

被折叠的 条评论
为什么被折叠?



