初中信息技术苏科版八年级全册第3章 设计与制作主题网站第2节 制作网站8 制作交互网页教学设计及反思

这是一份初中信息技术苏科版八年级全册第3章 设计与制作主题网站第2节 制作网站8 制作交互网页教学设计及反思，共5页。教案主要包含了教材分析，学情分析，教学目标，教学重点与难点等内容，欢迎下载使用。
《制作交互功能的网页》是苏教版初中信息技术8年级第三章“主题网站设计”的内容，属于第2节“网站的制作”中的第8小节。本节课内容主要包括交互网页的概念、表单的设计、表单元件的插入及设置方法，重点是掌握表单元件的功能及设置方法。学好本节课内容不仅使得学生对网页的设计更加的深入，也为后面学习制作动态网页奠定基础。
二、学情分析：
本节课面对的教学对象是初中八年级的学生，学生在前面几节课已经学习了Dreamweaver软件的使用，掌握了新建、打开网页的技能，会简单的静态网页设计。本节课内容是在学生已经掌握静态网页设计方法的基础上，进一步了解网页的交互功能及其简单设计及制作方法。
三、教学目标：
知识与技能：了解交互网页概念，学会表单的功能设计及表单元件的使用方法；掌握表单元件的设计及属性设置方法。
过程与方法：通过表单元件的分析设计，体验表单元件在交互网页中的作用；通过表单的制作，培养自主学习与操作的能力。
情感态度与价值观：在运用、学习、制作的过程中感受表单给网页带来的交互作用。
四、教学重点与难点：
教学重点： （1）表单元件的正确插入。
（2）表单元件的属性设置。
教学难点：表单元件的属性设置，根据实际需要正确运用表单元件。
教学准备：
1．课前做好一份纸质消防逃生知识问答。
2．利用Dreamweaver制作好消防逃生知识问答交互网页成品。
3．小助手：（1）把几种元件的插入步骤用图文形式给出发给学生。
（2）把供学生选择的调查项目文本形式发给学生。
4．收集几个常见交互网页（QQ注册、电子邮箱申请以及调查问卷）。
5．设计好《制作交互网页》学习任务单，每位学生一份。
教学过程：
（一）创设情境，引入新课
观看视频《爱自己——消防逃生知识》。
分发纸质消防知识问答给学生，让他们完成活动一。
活动一：填一填——填写纸质“消防知识问答”。
学生填写纸质“消防知识问答”，老师巡视检查。
老师演示用Dreamweaver做好的“消防知识问答”网页，学生观看。
通过这两种方式的对比，让学生感受到交互网页的优势，从而引入新课。
揭题：制作交互网页——具有交互功能的网页
教师总结：类似这样的交互式网页可以广泛征求意见，有利于信息的征集和交流。例如QQ注册、电子邮箱申请，进行问卷调查和知识问答等。
设计意图：通过学生填写纸质知识问答和老师演示网页知识问答进行对比，发现老师演示的网页问答试卷设计更加合理，激发学生继续探究新知的兴趣。让学生在实际应用中感受交互网页，激发学生学习热情并积极思考处理问题的方法。
（二）活动引领，合作学习
1．初识表单元件
把QQ注册、电子邮箱申请和康师傅问卷调查的网页发给学生，让他们打开并体验各种交互网页,找出它们的共性，并猜一猜几个出现频繁的图标的作用。比如：
学生分组活动，组内学生认真分析各图标及其作用，并完成活动二。
活动二：连一连——将图标、对应功能和表单名称连线。
1．学生尝试连接图标和对应功能。
2．连接图标和表单元件的名称。

请学生演示连线。
老师巡视学生完成导学单情况，及时评价反馈。
教师通过小黑板逐个介绍几个常用的表单元件及其作用：表单、文本域、文本区域、单选按钮、列表/菜单、复选框、按钮等。
设计意图：这里在讲解表单元件及其作用的地方是通过圆圈、方框等学生感兴趣的图标，让学生先猜一猜这几个图标在交互网页的作用，当然全部学生表述是有困难的，接着老师提示学生完成活动二连一连，学生会有一种醍醐灌顶的感觉，老师乘热打铁用小黑板给出图标在交互网页中的名称。层层递进，为学生搭建探究学习的支架，引导学生在已知和未知之间轻松过渡。
2．设计表单元件
俗话说“将军不打无准备之仗”，要想顺利完整全面地收集到大众对某件事情的看法和建议，我们是不是还要来做一个规划呢？
请学生分组讨论，构思，完成活动三。
活动三：试一试——规划问卷调查。
设计意图：让学生体会根据网站架构需求创建合适的表单网页，培养学生的设计意识。教师给出规划问卷调查，实际上是个半成品，为学生搭建输出支架，学生进行分组讨论并填好，学生在完成设计的同时真正领会表单元件的作用。
活动四：做一做——制作问卷调查。
老师演示操作插入表单、标签。
学生分组合作完成规划好的问卷调查。
最后保存制作好的表单网页，并演示。
设计意图：让学生通过实践活动深入了解各个表单元件的作用及适用范围,在制作过程中及时提供给学生帮助，包括小组讨论和自主探究的学件，有效的培养学生自主探究的能力，使学生真正成为课堂的主人！
（三）师生互评，共同进步
展示学生制作的作品，并进行自评和互评。
完成评价表：
1．你所制作的网页中用到了哪几种表单元件：单选按钮 复选框 列表/菜单
文本（区）域 提交（重置）按钮
2．你的表单元件选择合理吗？ 是 否
3．你对自己的网页整体设计满意吗？ 完整美观 残缺拖沓
4．你最喜欢组内___________同学的作品,他的作品哪里最值得你欣赏?_____________
有建议要送给他吗?_____________________________________________________
5．欣赏了同学们的作品，听取了同学们的建议，你的作品改进了吗？
学生进一步进行修改完善自己的作品。
设计意图：展示作品能让学生感受到成功的愉悦，激发他们下一次参与的热情。而教学的最终目的并不是完成任务或者作品，而在于学生信息素养的提升，所以通过分享收获，提高学生分析归纳能力，再次总结表单元件的作用和用途，激发学生继续学习的兴趣，体现学生的主体地位。
（四）总结本课，拓展提高
请一位同学说一说今天你学会了什么？有哪些收获？
师总结课堂并提出希望。
设计意图：梳理本节课的知识，引导学生再次回顾本节课所学知识，深入理解本节课的重难点，抛出更深层次的问题，引发学生思考,鼓励学生利用互联网进一步探索更深层次的知识，培养运用信息技术解决问题的能力。
规划问卷调查
对你要做的问卷调查作如下规划：
想调查什么主题？问卷名是：
调 查 项 目
用何种表单元件
姓 名
文本域
供参考问卷主题:游客问卷调查、网上购物问卷调查、学生家庭情况问卷调查等；
供选择的调查项目：姓名、性别、家庭住址、学历、工作、一年旅游多少次？对本景区的建议、月均收入多少？您经常网购吗？网购的优点（缺点）、班级、户籍、家庭成员、父母从事什么工作？联系电话等；
表单元件：文本域、文本区域、单选按钮、复选框、列表/菜单、提交（重置）按钮等。