资源描述
制作表单网页
教学目标:
知识目标:了解表单网页的功能与用途,了解表单网页从设计到发布的完整过程。
技能目标:掌握表单元件的插入方法及相关属性设置,掌握发布表单的方法。
情感目标:培养学生勤于思考的习惯与解决问题的能力。
教学重点
表单元件的插入
表单元件的属性设置
教学难点
表单网页的制作
教学过程
教学内容
教师活动
学生活动
设计意图
新课引入
让学生完成环保知识调查。
完成环保知识调查。
让学生感受表单网页的功能与作用,激趣动情。
表单元件的插入
〖提示〗表单元件的插入方法。
【布置任务一】 对照范例图片完成表单的外观设计。
展示学生作品,反馈任务一完成情况,分析典型错误。
观看演示。
自主学习,动手实践。
学生演示。
修改调整,上传文件。
让学生掌握表单元件的插入方法,能够按照要求设计出表单的外观。
表单元件属性设置
〖演示〗 查看学生作品,单击“提交”按钮,出现错误。
〖提问〗 单击“提交”按钮,为何提示出错?
引导学生继续完成任务二,为表单的成功发布做准备。
【布置任务二】 修改表单元件的属性。
展示学生作品,反馈任务二完成情况,纠正错误。讲解表单元件属性设置中需要注意的问题,如:单选按钮的名称属性设置与为下拉菜单元件添加选项的操作方法等。
观看演示。
积极思考,回答问题。
学生练习。
修改文件并上传。
以提交表单发生错误为切入点,接入表单属性设置的内容,承上启下,让学生在已经明确设置表单元件的属性的目的与意义的情况下继续完成任务二,掌握表单元件属性的设置方法。
表单的提交
〖讲授、提示〗表单的提交。
【布置任务三】修改HTML代码,使表单可以提交。
展示学生作品,反馈任务三完成情况,验证表单是否成功提交,分析出错的原因。
观看演示。
修改HTML代码。
提交表单,检验是否成功、所填写的信息是否都已正确显示。
修改完善、更新文件。
排除错误,重新上传文件。
以表单的提交为全部教学内容的尾声,让学生对表单设计的过程有一个完整的理解,留下鲜明的印象,体验成功的喜悦。
小结
展示学生作品。
回顾本课内容。
观看演示。
根据任务完成情况进行自我评价。
复习巩固。
展开阅读全文