《制作交互功能的网页》教学设计
发布者：cj_zgp 发布时间：2012-12-29 09:47:29 点击数:
《制作交互功能的网页》教学设计
《制作交互功能的网页》教学设计授课教师：建邺区虹苑中学孙梅娜一、教材分析：本节课的内容是苏教版初中信息技术下册第11单元第二节第五部分内容，是让学生在已经基本掌握静态网页设计方法的基础上，进一步了解网页的交互功能及其简单设计方法（表单元件的功能及属性设置），为学生今后学习动态网页奠定基础。二、学情分析：本节课是在学生已经学过建立、打开网站、网页，表格布局网页等的基础上来进一步学习的，表单界面的设计
《制作交互功能的网页》教学设计
一、教材分析：
本节课的内容是苏教版初中信息技术下册第11单元第二节第五部分内容 ，是让学生在已经基本掌握静态网页设计方法的基础上，进一步了解网页的交互功能及其简单设计方法（表单元件的功能及属性设置），为学生今后学习动态网页奠定基础。
二、学情分析：
本节课是在学生已经学过建立、打开网站、网页，表格布局网页等的基础上来进一步学习的，表单界面的设计对于学生来说并不难，但教师需要引导学生在理解网页的交互功能及实现方法的基础去学习才有意义。
三、教学目标
1.知识与技能
⑴ 了解交互式网页的概念、表单的功能和作用，表单在网页中的应用，创建表单的方法。
⑵ 掌握表单元件的功能及使用方法，能够合理运用各表单元件，并正确设置其属性。
2.过程与方法
通过学习与创作，体验表单给网页带来的交互作用，学会制作表单网页
3.情感态度与价值观
通过参与“急救逃生知识竞答”，学生意识到：需要更加关注急救逃生等常识。
通过参与“低碳生活知识竞答”表单网页设计，学生对“低碳生活”有了更多的认识。
4.行为与创新
通过知识竞答界面的自主创作以及整个网页的美化完善，学生能够将所学知识技能融会贯通。
四、教学重点与难点
1.教学重点
表单元件的正确插入 表单元件的运用与属性设置
2.教学难点
根据实际需要选择恰当的表单元件，实现人机交互。
表单元件的属性设置（单选）
五、教学方法：
讲授、演示、任务驱动、自主探究
六、教学准备：
课件、学件（包括知识竞答、课堂反馈等）、学生素材、多媒体广播教学
七、教学过程：
教学环节
教 师 活 动
学 生 活 动
设计意图
课题引入
课件呈现：学校学生消防演习照片
师：由于现在环境的恶化，自然灾害越来越多，那么不管是自然灾难还是人为灾难，当灾难真的来临了，我们能不能紧急避险，有效逃生呢？所以今天老师带来了一个小的测试，测测看同学们到现在为止自救知识的储备怎么样？
（介绍下学件的使用：两个网页任选其一1、静态2、有反馈分数）
请同学们在3分钟之内，将自己的答案提交给老师
问：通过第一个网页成功提交的同学请举手。通过第二个链接成功提交的同学请举手?两个网页有什么不同吗？
师：网页一只能单向的呈现信息而网页二不仅可以呈现信息，还可以输入信息并收集信息提交给网站管理员 。网页二这样的网页就是一个具有交互功能的网页。交互在计算机中的意思是：参与活动的对象，可以相互交流，双方面互动，那么是什么让网页二具有了交互功能呢？
表单
学生观看
学生参与答题
学生回答：
网页二
学生回答：不可以选择答案、没有提交的按钮
情景导入,激发学习兴趣，了解灾难急救常识。
在普通网页与表单网页的对比中引出新课，强化学生对表单网页交互功能的体验
新授
课件呈现、并讲解：表单的界面(表单域)，交互网页实现的过程、表单的作用。
师问：那么大家想想看我们平时看到过的，或是用过的哪些网页是表单网页、具有交互功能？
教师课件呈现：常见的表单网页：查询、搜索、注册、购物、测试、留言板……
今天我们的任务是制作“低碳生活知识竞答问卷”，
怎样用frontpage创建表单呢？
简单演示，并引领学生看学件：“知识宝库”， 了解个别表单元件的作用
引领看“小试牛刀”任务
师演示： 打开站点，编辑网页
插入表单、分组框
复制表格、（提醒学生选择合适的表单域继续完成）
学生举例回答
学生思考、观看学习
引领学生学习
基础任务
“小试牛刀”
参照样图 模仿制作个人信息表单
可参考学件 （ 知识宝库、操作步骤）
教师巡视指导
学生制作
基础任务
打牢基础
阶段反馈
属性设置讲解
师生互动问答：表单元件的作用与特点
表单中包括哪些表单域？
文本框与文本区的区别是什么？
什么情况下用单选？什么情况下用多选？
下拉框的作用是什么？
请学生演示表单元件的属性设置
文本框 （密码域）
下拉框 （增加选项）
单选 多选 （默认选中状态）
学生回答
学生演示
巩固学习
阶段反馈
突出重、难点
再实践
教师巡视指导
学生制作
学生巩固消化
提高任务
“大显身手”
解读“大显身手”任务：插入知识问答表单
1、选择合适的表单元件完成竞赛问答卷：
在题库中选择：两题单选题、一题多选题、一题判断、一题简答题
2、 在单选与多选中，将选项初始状态设置为未选中，并模拟测试
学生自主探索完成
巩固+应用+自主设计
突破难点
阶段反馈讲解
引导学生说出设计理由、典型错误问题分析
如： 同组中，单选按钮只能一个被选中
选择的元件不合适等
学生回答、演示
解决问题
突破难点
阶段反馈
学生再实践
教师巡视指导
兴趣拓展资源包含：
1、完善美化：网页背景、单元格分隔……
（给学有余力的学生自主了解）
2、了解其他创建表单的方法：（可尝试操作）
3、了解如何设计一份有效的调查问卷
4、如何详细设置表单结果处理程序
学生再练习完善
学有余力的学生自主学习拓展知识
根据学情
调控教学
（主要给学生时间完善“小试牛刀”、“大显身手”）
四、作品展示、反馈总结
展示学生成品
让学生了解下：
表单属性中可设置表单结果处理的方式
总结知识点：呈现课件（表单作用等）
反馈学生自我评价情况
学生思考
回顾
学生参与课堂
反馈
归纳总结
教学反馈并且让学生再次体验交互网页
八、教学反思：
教学设想：
首先一开始的图片展示是为了吸引学生的注意力，接着教师顺着急救逃生的这条线引导学生参加竞答,并且设置了两个通道进行竞答，其中一个网页是静态的预设的陷阱，目的主要是让学生在对比中体验交互功能的网页，了解表单的作用。另一方面也通过在短时间内让学生参与急救逃生知识问答，加强学生对这方面知识的关注，实现情感教育目标之一。
接下来在新授表单作用等概念的讲解中不单单讲了表单的作用，而是将交互网页信息的整个处理过程都讲解了一下，然后再让学生理解表单在其中起到的作用，从整体到局部让学生有个完整的知识体系。以便学生今后学习动态网页。除此之外想让学生在理解的基础上，再举例以前接触过的表单网页。
接着呈现整个需要制作完成的表单网页——“低碳生活知识竞答卷”，让学生对于要完成的任务有个直观的感受。然后引出创建表单的方法等知识点的讲解，这里也只是点到为止，主要还是想让学生在后序的制作体验中掌握。考虑到学情，将任务一的前四步演示了一下。
任务一“小试牛刀”的设置其实和书上的个人信息部分是一样的，但由于学生前面表格布局等知识的学习水平多多少少不一致，为了尽量减少对学习表单知识的干扰，让这节课的重点更明确，将文字图片等操作放在了兴趣拓展里，让学有余力的学生去完成。另外为了让学生学习表单知识尽量在同个起跑线上，给了学生半成品，尽量减少学生花很多时间在表格和输入文字上，偏离了这节课的重点。在任务中让设置了让学生对照知识宝库与图样自主完成并解决问题，解决问题中就涉及到了另一重点——表单域属性的设置，让学生先尝试自己解决问题再听讲。在任务一的反馈中再次强调重难点。
任务二的设置没有给学生样图，而是让学生自主设计。主要是想让学生真正理解每个表单元件的特点与用途，可以学会应用。本来想在学件兴趣拓展中将做好的图样直接贴出，但为了避免学生看了兴趣拓展后就不自己思考用什么表单元件了，所以在兴趣拓展中给了一个“书本上的样例”作为掩护。另外，这里没有直接给学生定量定内容的题目，而是让学生在题库中选的目的是让学生在选题的过程中接触更多这方面的知识，实现情感教育目标之二，虽然这样会降低学生的制作效率，但权衡再三，觉得还是有必要。任务二中第二个问题的解决就是难点的突破了，也是学生经常会犯得错误，就是单选属性中组名的问题。任务二的阶段反馈是为了巩固、突破重难点。
兴趣拓展中的内容不是这节课的任务，但内容一可以让学有余力的学生结合前面所学复习综合应用下，设想若是基础好的学生还是可以做到的。其余的内容就是给有需要的学生了解的，我的原则是资源多多为学生准备，让学生按需所取。
除此之外，通过“无法提交”让学生了解通过表单属性可以设置表单结果的处理方式并且网站需要发布到服务器上。再一次让学生回顾了网页交互功能实现的整个过程。
最后，让学生参与课堂反馈的调查。一方面一定程度上能反馈课堂的学习效果，一方面也可以让学生再次体会下交互功能的网页。
反思问题：
1.学情与教学模式。借班上课需要充分考虑到学情，对于自主探究能力稍弱的学生需有个循序渐进培养的过程，不同的学生需要采取不同的教学模式。
2.把握学生的操作习惯与读学件的水平。在教学设计与教学实施时若能充分考虑到学生的操作习惯以及读学件的习惯，可以提高学生课堂的学习效率。更细致的操作步骤可以让学生在遇到问题时有法可循。
3.总结反馈部分的自我评价。主观评价与客观评价相结合，可以让评价更加有效、人性化。
九、教学点评：
老师教态自然、亲切，语言表达很清晰，讲解也很详细。选择的主题侧重于学生情感目标的实现。整个课堂从引入到新授整个过程始终以对比教学方式贯穿，让学生从已有知识出发和预新授知识进行对比，从而发现问题，解决问题。在新授什么是表单网页的时候，孙老师还结合生活实际中的例子，比如展示QQ申请、邮箱申请等表单网页的界面，加深学生对表单网页的认识。孙老师的课件准备的也非常充分，“知识宝库”很详细全面，侧重于培养学生的自主学习能力。整个教学过程下来，我也在思考一个问题，就是在提高任务“大显身手”环节中所讲到的单选、多选表单域属性的更改，如把这一知识点放在文本框属性（密码域）的前面，这样结构调换一下效果会不会更好些，当然这一点也只是我的个人想法，正确与否还有待大家商榷。
部门概况
行政部门
业务部门
