《制作交互功能的网页》教学设计
一、教材分析:
本节课的内容是苏科课标版初中信息技术8年级全一册第3章第二节第五部分内容 ,是让学生在已经基本掌握静态网页设计方法的基础上,进一步了解网页的交互功能及其简单设计方法(表单元件的功能及属性设置),为学生今后学习动态网页奠定基础。
二、学情分析:
本节课是在学生已经学过建立、打开网站、网页,表格布局网页等的基础上来进一步学习的,表单界面的设计对于学生来说并不难,但教师需要引导学生在理解网页的交互功能及实现方法的基础去学习才有意义。
三、教学目标
1.知识与技能
⑴ 了解交互式网页的概念、表单的功能和作用,表单在网页中的应用,创建表单的方法。
⑵ 掌握表单元件的功能及使用方法,能够合理运用各表单元件,并正确设置其属性。
2.过程与方法
通过学习与创作,体验表单给网页带来的交互作用,学会制作表单网页
3.情感态度与价值观
通过参与“急救逃生知识竞答”,学生意识到:需要更加关注急救逃生等常识。
通过参与“低碳生活知识竞答”表单网页设计,学生对“低碳生活”有了更多的认识。
4.行为与创新
通过知识竞答界面的自主创作以及整个网页的美化完善,学生能够将所学知识技能融会贯通。
四、教学重点与难点
1.教学重点
表单元件的正确插入 表单元件的运用与属性设置
2.教学难点
根据实际需要选择恰当的表单元件,实现人机交互。
表单元件的属性设置(单选)
五、教学方法:
讲授、演示、任务驱动、自主探究
六、教学准备:
课件、学件(包括知识竞答、课堂反馈等)、学生素材、多媒体广播教学
七、教学过程:
教学环节 教 师 活 动 学 生 活 动 设计意图
课题引入 课件呈现:学校学生消防演习照片
师:由于现在环境的恶化,自然灾害越来越多,那么不管是自然灾难还是人为灾难,当灾难真的来临了,我们能不能紧急避险,有效逃生呢?所以今天老师带来了一个小的测试,测测看同学们到现在为止自救知识的储备怎么样?
(介绍下学件的使用:两个网页任选其一1、静态2、有反馈分数)
请同学们在3分钟之内,将自己的答案提交给老师
问:通过第一个网页成功提交的同学请举手。通过第二个链接成功提交的同学请举手?两个网页有什么不同吗?
师:网页一只能单向的呈现信息而网页二不仅可以呈现信息,还可以输入信息并收集信息提交给网站管理员 。网页二这样的网页就是一个具有交互功能的网页。交互在计算机中的意思是:参与活动的对象,可以相互交流,双方面互动,那么是什么让网页二具有了交互功能呢?
表单 学生观看
学生参与答题
学生回答:
网页二
学生回答:不可以选择答案、没有提交的按钮 情景导入,激发学习兴趣,了解灾难急救常识。
在普通网页与表单网页的对比中引出新课,强化学生对表单网页交互功能的体验
新授 课件呈现、并讲解:表单的界面(表单域),交互网页实现的过程、表单的作用。
师问:那么大家想想看我们平时看到过的,或是用过的哪些网页是表单网页、具有交互功能?
教师课件呈现:常见的表单网页:查询、搜索、注册、购物、测试、留言板……
今天我们的任务是制作“低碳生活知识竞答问卷”,
怎样用frontpage创建表单呢?
简单演示,并引领学生看学件:“知识宝库”, 了解个别表单元件的作用
引领看“小试牛刀”任务
师演示: 打开站点,编辑网页
插入表单、分组框
复制表格、(提醒学生选择合适的表单域继续完成) 学生举例回答
学生思考、观看学习
引领学生学习
基础任务 “小试牛刀” 参照样图 模仿制作个人信息表单
可参考学件 ( 知识宝库、操作步骤)
教师巡视指导 学生制作 基础任务
打牢基础
阶段反馈 属性设置讲解 师生互动问答:表单元件的作用与特点
表单中包括哪些表单域?
文本框与文本区的区别是什么?
什么情况下用单选?什么情况下用多选?
下拉框的作用是什么?
请学生演示表单元件的属性设置
文本框 (密码域)
下拉框 (增加选项)
单选 多选 (默认选中状态) 学生回答
学生演示
巩固学习 阶段反馈
突出重、难点
再实践 教师巡视指导 学生制作 学生巩固消化
提高任务 “大显身手” 解读“大显身手”任务:插入知识问答表单
1、选择合适的表单元件完成竞赛问答卷:
在题库中选择:两题单选题、一题多选题、一题判断、一题简答题
在单选与多选中,将选项初始状态设置为未选中,并模拟测试 学生自主探索完成 巩固+应用+自主设计
突破难点
阶段反馈讲解 引导学生说出设计理由、典型错误问题分析
如: 同组中,单选按钮只能一个被选中
选择的元件不合适等 学生回答、演示
解决问题 突破难点
阶段反馈
学生再实践
教师巡视指导
兴趣拓展资源包含:
1、完善美化:网页背景、单元格分隔……
(给学有余力的学生自主了解)
2、了解其他创建表单的方法:(可尝试操作)
3、了解如何设计一份有效的调查问卷
_4?????????è?????è?????è?¨??????????¤?????¨????_ 学生再练习完善
学有余力的学生自主学习拓展知识 根据学情
调控教学
(主要给学生时间完善“小试牛刀”、“大显身手”)
四、作品展示、反馈总结 展示学生成品
让学生了解下:
表单属性中可设置表单结果处理的方式
总结知识点:呈现课件(表单作用等)
反馈学生自我评价情况 学生思考
回顾
学生参与课堂
反馈 归纳总结
教学反馈并且让学生再次体验交互网页