教学案例基本信息
《制作表单网页》教学案例
(一)教材分析
本节课以表单的设计为教学主题。表单作为网站管理人员与访问者之间进行交流的媒介应用十分广泛,在网站中有着不可替代的作用,这也决定了本节课在本单元中的重要地位。教材中通过一个环保知识调查表单的制作,要求学生掌握表单元件的插入、表单元件属性的修改以及表单的提交等内容,内容详实,过程连贯,对学生的理解能力提出了较高的要求,有一定难度。
(二)学情分析
具备根据课本与教学网页自主学习的能力,经过前面一段时间的学习对于网页制作已经打下了良好的基础。
(三)教学目标
知识目标:了解表单网页的功能与用途,了解表单网页从设计到发布的完整过程。
技能目标:掌握表单元件的插入方法及相关属性设置,掌握发布表单的方法。
情感目标:培养学生勤于思考的习惯与解决问题的能力。
(四)教学重点
表单元件的插入
表单元件的属性设置
(五)教学难点
表单网页的发布
(六)教学方法
任务驱动、自主学习
(七)学习环境设计
除了机房的极域多媒体网络广播系统之外,教师制作了“制作表单网页”教学网站,教学网站有三个功能:
是学生自主学习的帮助。学生可以在教学网站上了解本节课的内容与学习流程。
提供学生上传作品的途径。通过“上传文件”页面,学生可以方便地将自已制作的表单发布,以便进一步查看表单提交的效果。
提供学生自我评价的标准和平台。学生可以根据作品的完成情况对自己进行评价,共分为A、B、C、D四个等级。
(八)、 教学理念的思考及教学方法设计
本节课的指导思想是建构主义和“为了每一位学生的发展”思想。本节课尝试通过网络留言板的体验,激发学生学习兴趣,并通过教学网站引导学生自主学习,在完成基本任务的情况下进行知识拓展,通过互动交流突破本节课的难点,环环相扣,层层递进。教学评价采用总结性评价的形式。 教学任务的安排与教学网站的设计都考虑到学生的差异性,力争使每位学生都能有所收获。
三、教与学的实际过程描述
教学内容 教师活动 学生活动 设计意图
新课引入 让学生完成环保知识调查。 完成环保知识调查。 让学生感受表单网页的功能与作用,激趣动情。
表单元件的插入 〖提示〗表单元件的插入方法。【布置任务一】 对照范例图片完成表单的外观设计。展示学生作品,反馈任务一完成情况,分析典型错误。 观看演示。自主学习,动手实践。学生演示。修改调整,上传文件。 让学生掌握表单元件的插入方法,能够按照要求设计出表单的外观。
表单元件属性设置 〖演示〗 查看学生作品,单击“提交”按钮,出现错误。〖提问〗 单击“提交”按钮,为何提示出错?引导学生继续完成任务二,为表单的成功发布做准备。【布置任务二】 修改表单元件的属性。展示学生作品,反馈任务二完成情况,纠正错误。讲解表单元件属性设置中需要注意的问题,如:单选按钮的名称属性设置与为下拉菜单元件添加选项的操作方法等。 观看演示。积极思考,回答问题。学生练习。修改文件并上传。 以提交表单发生错误为切入点,接入表单属性设置的内容,承上启下,让学生在已经明确设置表单元件的属性的目的与意义的情况下继续完成任务二,掌握表单元件属性的设置方法。
表单的提交 〖讲授、提示〗表单的提交。【布置任务三】修改HTML代码,使表单可以提交。展示学生作品,反馈任务三完成情况,验证表单是否成功提交,分析出错的原因。 观看演示。修改HTML代码。提交表单,检验是否成功、所填写的信息是否都已正确显示。修改完善、更新文件。排除错误,重新上传文件。 以表单的提交为全部教学内容的尾声,让学生对表单设计的过程有一个完整的理解,留下鲜明的印象,体验成功的喜悦。
小结 展示学生作品。回顾本课内容。 观看演示。根据任务完成情况进行自我评价。 复习巩固。
四、教学反思
本节课我将教学目标定位在了解表单从设计到提交的全过程,相比仅仅学习表单的设计而言,难度有所提高,虽然就任务完成的过程来说紧了一些,但我认为这还是有必要的,主要基于以下两点:
1、教学内容的完整
如果仅仅着眼于设计一个表单,在教学内容上有所欠缺,因为就表单制作的全过程来说,设计只是其中第一个环节,不讲后续内容就不完整。在本教材的教学建议中,也指出本节课的任务是制作一个具有交互功能的网页,如果单纯设计一个静态表单网页,而不讲如何提交,交互功能何从体现?学生对表单的交互功能是无法建立起必要的认识的。
2、教学难度
在教学中也发现,学生设计一个表单是比较容易的。只要略作提示,再参考教材的描述或教学网站的帮助,学生就可以在较短的时间内轻松完成表单的设计。本来学生在平时上网的过程中就已经大量接触过各种表单实例,如:填写电子邮件申请表单、填写网上意见调查、在留言板上留言等,表单对他们来说并不陌生,而建立表单、插入各种表单元件等操作也比较简易,练习时所耗费的时间多数用在打字与些微的调整上,对于基础比较好,学习能力比较强的学生来说,难度平平,一堂课的时间绰绰有余,学生反响也很平淡,所以我采取了精简表单设计阶段的练习内容,留下时间完成后续内容的做法,让学生能够对表单制作的过程有一个完整的了解。
当然,在教学中也发现了一些不足,需要更多的关注,基于以下两点:
1、授课对象
毕竟,这是一堂面向初二学生的课,表单提交虽然是我预料学生会比较感兴趣的内容,但就学生的知识积累与理解能力来说,有些拨高,如果不是平时对网页制作有较多了解和研究,大部分学生还是无法真正掌握并将其应用于实际的。所以在内容的最后,我将表单提交的目标改为一个电子邮件地址,以此降低难度、突破难点,即使学生对任何网络动态语言都没有了解,还是可以做出一个具有交互功能的表单来的。
2、教学内容的平衡
本节课容量稍大,考虑再三,未能割爱,理由见前。在教学中未能十分恰当地处理前后环节的平衡,时间安排也不尽合理,在动态网页提交上花费了较长的时间,而学生其实并不明白其中的关系,应从简略。有些老师建议应该先讲解电子邮件提交,再简单讲一讲动态网页的提交会更好,很中肯。
另外,在教学中广播切换次数过多,虽然增进了师生的互动,但频繁打断也会影响学生的积极性,有老师建议在切换屏幕方面,应减少些,考虑到学生的接受,这确实是我今后在教学中需要加以注意的地方。
附:教学程序设计流程图
介绍教学网站的使用,演示表单元件的插入方法
自主学习,动手实践
引导学生感受表单网页,激趣动情
布置任务一:对照范例图片完成表单的外观设计
反馈任务二完成情况,突破难点
展示学生作品,小结本课内容,拓展延伸
反馈任务一完成情况,分析典型错误
由提问引出表单提交主题,布置任务二:修改表单元件的属性
讲授演示,布置任务三:修改HTML代码,提交表单
开始
学生自我评价
结束