苏科版（2018）八年级全册信息技术 3.2.5制作交互网页 教案

《制作交互网页》教学设计 　　　　　　　 一、教材分析： 《制作交互功能的网页》是苏教版初中信息技术8年级第三章“主题网站设计”的内容，属于第2节“网站的制作”中的第5小节，在本章节中起着承上启下的作用。本节课内容主要包括交互网页的概念、表单的设计、表单元件的插入及设置方法，重点是掌握表单元件的功能及设置方法。学好本节课内容不仅使得学生对网页的设计更加的深入，也为后面学习制作动态网页奠定基础。 二、学情分析： 本节课面对的教学对象是初中八年级的学生，学生在前面几节课已经学习了Dreamweaver软件的使用，掌握了新建、打开网页的技能，会简单的静态网页设计。本节课内容是在学生已经掌握静态网页设计方法的基础上，进一步了解网页的交互功能及其简单设计及制作方法。 三、教学目标： 知识与技能：了解交互网页概念，学会表单的功能设计及表单元件的使用方法；掌握表单元件的设计及属性设置方法。 过程与方法：通过表单元件的分析设计，体验表单元件在交互网页中的作用；通过表单的制作，培养自主学习与操作的能力。 情感态度与价值观：在运用、学习、制作的过程中感受表单给网页带来的交互作用。 四、教学重点与难点： 教学重点： （1）表单元件的正确插入。 （2）表单元件的属性设置。 教学难点：表单元件的属性设置，根据实际需要正确运用表单元件。 教学准备： 1．课前做好一份网上购物调查问卷。 2．利用Dreamweaver制作好网上购物调查问卷交互网页成品。 3．小助手：（1）把几种元件的插入步骤用图文形式给出发给学生。 （2）把供学生选择的调查项目文本形式发给学生。 4．收集几个常见交互网页（QQ注册、电子邮箱申请以及调查问卷等）。 5．设计好《制作交互网页》学习任务单，每位学生一份。 教学过程： （一）创设情境，引入新课 观看视频《垃圾分类广告 》。 分发垃圾分类问答给学生，让他们完成活动一。 活动一：填一填———填写 “垃圾分类问卷”。 学生填写“垃圾分类问答”，老师巡视检查。 老师演示用Dreamweaver做好的“垃圾分类问卷”网页，学生观看。 通过这两种方式的对比，让学生感受到交互网页的优势，从而引入新课。 揭题：制作交互网页———具有交互功能的网页 教师总结：类似这样的交互式网页可以广泛征求意见，有利于信息的征集和交流。例如QQ注册、电子邮箱申请，进行问卷调查和知识问答等。 （二）活动引领，合作学习 1．初识表单元件 把QQ注册截图、问卷调查发给学生，让他们打开并体验各种交互网页,找出它们的共性，并猜一猜几个出现频繁的图标的作用。比如： 学生分组活动，组内学生认真分析各图标及其作用，并完成活动二。 活动二：连一连———。容概貌惰将图标、对应功能和表单对应起来。 1．学生尝试连接图标和对应功能。 2．连接图标和表单元件的名称。 请学生演示连线。 老师巡视学生完成导学单情况，及时评价反馈。 教师通过逐个介绍几个常用的表单元件及其作用：表单、文本域、文本区域、单选按钮、列表/菜单、复选框、按钮等。 2．设计表单元件 俗话说“将军不打无准备之仗”，要想顺利完整全面地收集到大众对某件事情的看法和建议，我们是不是还要来做一个规划呢？ 请学生分组讨论，构思，完成活动三。 活动三：试一试———规划问卷调查。 规划问卷调查 对你要做的问卷调查作如下规划： 想调查什么主题？问卷名是： 调 查 项 目 用何种表单元件 姓 名 文本域 供参考问卷主题:游客问卷调查、网上购物问卷调查、学生家庭情况问卷调查等； 供选择的调查项目：姓名、性别、家庭住址、学历、工作、一年旅游多少次？对本景区的建议、月均收入多少？您经常网购吗？网购的优点（缺点）、班级、户籍、家庭成员、父母从事什么工作？联系电话等； 表单元件：文本域 ... ...