《制作交互网页》教学设计

1、【精品文档】如有侵权，请联系网站删除，仅供学习与交流制作交互网页教学设计.精品文档.制作交互网页教学设计 盐都区义丰初级中学 李中楠一、教材分析：制作交互功能的网页是苏教版初中信息技术8年级第三章“主题网站设计”的内容，属于第2节“网站的制作”中的第5小节，在本章节中起着承上启下的作用。本节课内容主要包括交互网页的概念、表单的设计、表单元件的插入及设置方法，重点是掌握表单元件的功能及设置方法。学好本节课内容不仅使得学生对网页的设计更加的深入，也为后面学习制作动态网页奠定基础。二、学情分析：本节课面对的教学对象是初中八年级的学生，学生在前面几节课已经学习了Dreamweaver软件的使用，掌握了

2、新建、打开网页的技能，会简单的静态网页设计。本节课内容是在学生已经掌握静态网页设计方法的基础上，进一步了解网页的交互功能及其简单设计及制作方法。三、教学目标：知识与技能：了解交互网页概念，学会表单的功能设计及表单元件的使用方法；掌握表单元件的设计及属性设置方法。过程与方法：通过表单元件的分析设计，体验表单元件在交互网页中的作用；通过表单的制作，培养自主学习与操作的能力。情感态度与价值观：在运用、学习、制作的过程中感受表单给网页带来的交互作用。四、教学重点与难点：教学重点： （1）表单元件的正确插入。 （2）表单元件的属性设置。教学难点：表单元件的属性设置，根据实际需要正确运用表单元件。5、 教

3、学准备：1课前做好一份纸质消防逃生知识问答。2利用Dreamweaver制作好消防逃生知识问答交互网页成品。3小助手：（1）把几种元件的插入步骤用图文形式给出发给学生。 （2）把供学生选择的调查项目文本形式发给学生。4收集几个常见交互网页（QQ注册、电子邮箱申请以及调查问卷）。5设计好制作交互网页学习任务单，每位学生一份。6、 教学过程：（一）创设情境，引入新课观看视频爱自己消防逃生知识。分发纸质消防知识问答给学生，让他们完成活动一。活动一：填一填填写纸质“消防知识问答”。学生填写纸质“消防知识问答”，老师巡视检查。老师演示用Dreamweaver做好的“消防知识问答”网页，学生观看。通过这两

4、种方式的对比，让学生感受到交互网页的优势，从而引入新课。 揭题：制作交互网页具有交互功能的网页教师总结：类似这样的交互式网页可以广泛征求意见，有利于信息的征集和交流。例如QQ注册、电子邮箱申请，进行问卷调查和知识问答等。设计意图：通过学生填写纸质知识问答和老师演示网页知识问答进行对比，发现老师演示的网页问答试卷设计更加合理，激发学生继续探究新知的兴趣。让学生在实际应用中感受交互网页，激发学生学习热情并积极思考处理问题的方法。（二）活动引领，合作学习1初识表单元件把QQ注册、电子邮箱申请和康师傅问卷调查的网页发给学生，让他们打开并体验各种交互网页,找出它们的共性，并猜一猜几个出现频繁的图标的作用

5、。比如：学生分组活动，组内学生认真分析各图标及其作用，并完成活动二。活动二：连一连。容概貌惰将图标、对应功能和表单名称连线。1学生尝试连接图标和对应功能。2连接图标和表单元件的名称。请学生演示连线。老师巡视学生完成导学单情况，及时评价反馈。教师通过小黑板逐个介绍几个常用的表单元件及其作用：表单、文本域、文本区域、单选按钮、列表/菜单、复选框、按钮等。设计意图：这里在讲解表单元件及其作用的地方是通过圆圈、方框等学生感兴趣的图标，让学生先猜一猜这几个图标在交互网页的作用，当然全部学生表述是有困难的，接着老师提示学生完成活动二连一连，学生会有一种醍醐灌顶的感觉，老师乘热打铁用小黑板给出图标在交互网页

6、中的名称。层层递进，为学生搭建探究学习的支架，引导学生在已知和未知之间轻松过渡。2设计表单元件俗话说“将军不打无准备之仗”，要想顺利完整全面地收集到大众对某件事情的看法和建议，我们是不是还要来做一个规划呢？请学生分组讨论，构思，完成活动三。活动三：试一试规划问卷调查。 规划问卷调查对你要做的问卷调查作如下规划：想调查什么主题？问卷名是： 调 查 项 目用何种表单元件 姓 名文本域供参考问卷主题:游客问卷调查、网上购物问卷调查、学生家庭情况问卷调查等；供选择的调查项目：姓名、性别、家庭住址、学历、工作、一年旅游多少次？对本景区的建议、月均收入多少？您经常网购吗？网购的优点（缺点）、班级、户籍、家

7、庭成员、父母从事什么工作？联系电话等；表单元件：文本域、文本区域、单选按钮、复选框、列表/菜单、提交（重置）按钮等。 设计意图：让学生体会根据网站架构需求创建合适的表单网页，培养学生的设计意识。教师给出规划问卷调查，实际上是个半成品，为学生搭建输出支架，学生进行分组讨论并填好，学生在完成设计的同时真正领会表单元件的作用。活动四：做一做制作问卷调查。 老师演示操作插入表单、标签。 学生分组合作完成规划好的问卷调查。 最后保存制作好的表单网页，并演示。设计意图：让学生通过实践活动深入了解各个表单元件的作用及适用范围,在制作过程中及时提供给学生帮助，包括小组讨论和自主探究的学件，有效的培养学生自主探

8、究的能力，使学生真正成为课堂的主人！（三）师生互评，共同进步展示学生制作的作品，并进行自评和互评。完成评价表：1你所制作的网页中用到了哪几种表单元件：单选按钮 复选框 列表/菜单 文本（区）域 提交（重置）按钮2你的表单元件选择合理吗？ 是 否3你对自己的网页整体设计满意吗？ 完整美观 残缺拖沓4你最喜欢组内_同学的作品,他的作品哪里最值得你欣赏?_ 有建议要送给他吗?_5欣赏了同学们的作品，听取了同学们的建议，你的作品改进了吗？学生进一步进行修改完善自己的作品。 设计意图：展示作品能让学生感受到成功的愉悦，激发他们下一次参与的热情。而教学的最终目的并不是完成任务或者作品，而在于学生信息素养的提升，所以通过分享收获，提高学生分析归纳能力，再次总结表单元件的作用和用途，激发学生继续学习的兴趣，体现学生的主体地位。（四）总结本课，拓展提高请一位同学说一说今天你学会了什么？有哪些收获？师总结课堂并提出希望。设计意图：梳理本节课的知识，引导学生再次回顾本节课所学知识，深入理解本节课的重难点，抛出更深层次的问题，引发学生思考,鼓励学生利用互联网进一步探索更深层次的知识，培养运用信息技术解决问题的能力。