《制作交互网页》教学设计.docx
- 文档编号:28226312
- 上传时间:2023-07-09
- 格式:DOCX
- 页数:20
- 大小:83.98KB
《制作交互网页》教学设计.docx
《《制作交互网页》教学设计.docx》由会员分享,可在线阅读,更多相关《《制作交互网页》教学设计.docx(20页珍藏版)》请在冰豆网上搜索。
《制作交互网页》教学设计
《制作交互网页》教学设计
盐都区义丰初级中学李中楠
一、教材分析:
《制作交互功能的网页》是苏教版初中信息技术8年级第三章“主题网站设计”的内容,属于第2节“网站的制作”中的第5小节,在本章节中起着承上启下的作用。
本节课内容主要包括交互网页的概念、表单的设计、表单元件的插入及设置方法,重点是掌握表单元件的功能及设置方法。
学好本节课内容不仅使得学生对网页的设计更加的深入,也为后面学习制作动态网页奠定基础。
二、学情分析:
本节课面对的教学对象是初中八年级的学生,学生在前面几节课已经学习了Dreamweaver软件的使用,掌握了新建、打开网页的技能,会简单的静态网页设计。
本节课内容是在学生已经掌握静态网页设计方法的基础上,进一步了解网页的交互功能及其简单设计及制作方法。
三、教学目标:
知识与技能:
了解交互网页概念,学会表单的功能设计及表单元件的使用方法;掌握表单元件的设计及属性设置方法。
过程与方法:
通过表单元件的分析设计,体验表单元件在交互网页中的作用;通过表单的制作,培养自主学习与操作的能力。
情感态度与价值观:
在运用、学习、制作的过程中感受表单给网页带来的交互作用。
四、教学重点与难点:
教学重点:
(1)表单元件的正确插入。
(2)表单元件的属性设置。
教学难点:
表单元件的属性设置,根据实际需要正确运用表单元件。
五、教学准备:
1.课前做好一份纸质消防逃生知识问答。
2.利用Dreamweaver制作好消防逃生知识问答交互网页成品。
3.小助手:
(1)把几种元件的插入步骤用图文形式给出发给学生。
(2)把供学生选择的调查项目文本形式发给学生。
4.收集几个常见交互网页(QQ注册、电子邮箱申请以及调查问卷)。
5.设计好《制作交互网页》学习任务单,每位学生一份。
六、教学过程:
(一)创设情境,引入新课
观看视频《爱自己——消防逃生知识》。
分发纸质消防知识问答给学生,让他们完成活动一。
活动一:
填一填——填写纸质“消防知识问答”。
学生填写纸质“消防知识问答”,老师巡视检查。
老师演示用Dreamweaver做好的“消防知识问答”网页,学生观看。
通过这两种方式的对比,让学生感受到交互网页的优势,从而引入新课。
揭题:
制作交互网页——具有交互功能的网页
教师总结:
类似这样的交互式网页可以广泛征求意见,有利于信息的征集和交流。
例如QQ注册、电子邮箱申请,进行问卷调查和知识问答等。
设计意图:
通过学生填写纸质知识问答和老师演示网页知识问答进行对比,发现老师演示的网页问答试卷设计更加合理,激发学生继续探究新知的兴趣。
让学生在实际应用中感受交互网页,激发学生学习热情并积极思考处理问题的方法。
(二)活动引领,合作学习
1.初识表单元件
把QQ注册、电子邮箱申请和康师傅问卷调查的网页发给学生,让他们打开并体验各种交互网页,找出它们的共性,并猜一猜几个出现频繁的图标的作用。
比如:
学生分组活动,组内学生认真分析各图标及其作用,并完成活动二。
活动二:
连一连——。
容概貌惰将图标、对应功能和表单名称连线。
1.学生尝试连接图标和对应功能。
2.连接图标和表单元件的名称。
请学生演示连线。
老师巡视学生完成导学单情况,及时评价反馈。
教师通过小黑板逐个介绍几个常用的表单元件及其作用:
表单、文本域、文本区域、单选按钮、列表/菜单、复选框、按钮等。
设计意图:
这里在讲解表单元件及其作用的地方是通过圆圈、方框等学生感兴趣的图标,让学生先猜一猜这几个图标在交互网页的作用,当然全部学生表述是有困难的,接着老师提示学生完成活动二连一连,学生会有一种醍醐灌顶的感觉,老师乘热打铁用小黑板给出图标在交互网页中的名称。
层层递进,为学生搭建探究学习的支架,引导学生在已知和未知之间轻松过渡。
2.设计表单元件
俗话说“将军不打无准备之仗”,要想顺利完整全面地收集到大众对某件事情的看法和建议,我们是不是还要来做一个规划呢?
请学生分组讨论,构思,完成活动三。
活动三:
试一试——规划问卷调查。
规划问卷调查
对你要做的问卷调查作如下规划:
想调查什么主题?
问卷名是:
调查项目
用何种表单元件
姓名
文本域
供参考问卷主题:
游客问卷调查、网上购物问卷调查、学生家庭情况问卷调查等;
供选择的调查项目:
姓名、性别、家庭住址、学历、工作、一年旅游多少次?
对本景区的建议、月均收入多少?
您经常网购吗?
网购的优点(缺点)、班级、户籍、家庭成员、父母从事什么工作?
联系电话等;
表单元件:
文本域、文本区域、单选按钮、复选框、列表/菜单、提交(重置)按钮等。
设计意图:
让学生体会根据网站架构需求创建合适的表单网页,培养学生的设计意识。
教师给出规划问卷调查,实际上是个半成品,为学生搭建输出支架,学生进行分组讨论并填好,学生在完成设计的同时真正领会表单元件的作用。
活动四:
做一做——制作问卷调查。
老师演示操作插入表单、标签。
学生分组合作完成规划好的问卷调查。
最后保存制作好的表单网页,并演示。
设计意图:
让学生通过实践活动深入了解各个表单元件的作用及适用范围,在制作过程中及时提供给学生帮助,包括小组讨论和自主探究的学件,有效的培养学生自主探究的能力,使学生真正成为课堂的主人!
(三)师生互评,共同进步
展示学生制作的作品,并进行自评和互评。
完成评价表:
1.你所制作的网页中用到了哪几种表单元件:
单选按钮复选框列表/菜单
文本(区)域提交(重置)按钮
2.你的表单元件选择合理吗?
是否
3.你对自己的网页整体设计满意吗?
完整美观残缺拖沓
4.你最喜欢组内___________同学的作品,他的作品哪里最值得你欣赏?
_____________
有建议要送给他吗?
_____________________________________________________
5.欣赏了同学们的作品,听取了同学们的建议,你的作品改进了吗?
学生进一步进行修改完善自己的作品。
设计意图:
展示作品能让学生感受到成功的愉悦,激发他们下一次参与的热情。
而教学的最终目的并不是完成任务或者作品,而在于学生信息素养的提升,所以通过分享收获,提高学生分析归纳能力,再次总结表单元件的作用和用途,激发学生继续学习的兴趣,体现学生的主体地位。
(四)总结本课,拓展提高
请一位同学说一说今天你学会了什么?
有哪些收获?
师总结课堂并提出希望。
设计意图:
梳理本节课的知识,引导学生再次回顾本节课所学知识,深入理解本节课的重难点,抛出更深层次的问题,引发学生思考,鼓励学生利用互联网进一步探索更深层次的知识,培养运用信息技术解决问题的能力。
教学基本信息
课题
第五节 制作图表
学科
信息技术
学段:
初中
年级
初二
相关
领域
信息、美术
教材
书名:
北京市义务教育课程改革实验教材信息技术 第5册
出版社:
北京出版社、北京教育出版社
出版日期:
___6月
教学设计参与人员
姓名
单位
联系方式
设计者
陈旭红
昌平区第一中学
讲课者
陈旭红
昌平区第一中学
指导者
课件制作者
其他参与者
指导思想与理论依据
本节课的设计是根据信息技术课程的教学目标、任务、学科特点和学生接受知识能力为出发点,以建构主义理论为依据,在教学中以“学生为主体”,“让学生主动学,主动练”为原则,运用了“引——激——拓”的课堂教学模式,真正让学生达到动手、动脑的目的。
教学背景分析
教学内容:
《制作图表》是北京市初中义务教育课程改革实验教材第5册第5章第五节的内容。
图表可以将数据信息间的内在联系展示出来,使人们能够通过直观、形象、生动的图表感受数据,突出数据的变化规律,形象地反映出从数字上看不出来的变化趋势,以扩展对数据信息的深层次的认识。
该部分内容与现实生活紧密结合——可以将各种统计结果用图表展示出来。
本着素质教育、综合提高学生在各方面的操作技能的原则,应充分调动学生学习Excel的积极性,激发学生创新意识,培养学生创新精神,提高学生用Excel解决实际问题的能力。
学生情况:
通过对前面知识的学习,学生已经熟悉Excel的基本操作,能够对表格中的数据进行简单函数处理。
但是,学生之间存在个体差异,因而对所学知识的掌握程度参差不齐。
有的学生家里有电脑,相对接触电脑的时间较长,富有经验,所以对本课知识能够很快学会;还有一些学生很少接触电脑,甚至键盘、鼠标还不是很熟练,因而学得要慢一些。
教学方式:
本课属于操作类型。
图表创建的过程并不复杂,只要学生能够对Excel的图表有一个感性的认识,在生成图表时能够正确选择数据区域,同时了解Excel图表各部分的构成及灵活对图表进行设置,就能够理解图表创建的过程。
故采用“任务驱动法”组织教学。
即,通过教师创设教学情境引发学生思考,使学生明确学习任务,并带着任务进行有目的自主探究学习。
教学手段:
考虑到学生在制作中可能出现的问题,我打算采用“对比引入、课件提示、强调重点、学生探究、学生示范、小组协作、组长辅导”等几种方式为教学手段保证教学效果。
技术准备:
WindowsXP操作系统、Excel应用软件、PowerPoint教学课件。
教学目标(内容框架)
知识与技能:
(1)了解图表在数据分析中的作用和Excel中图表的类型;
(2)学会创建饼图、柱形图、折线图的方法。
过程与方法:
(1)能够利用表格数据生成图表的一般方法;
(2)会根据图表进行简单数据分析;
(3)能根据需求选择恰当的图表类型。
情感态度价值观:
通过学习创建图表、分析数据的过程,培养学生科学、严谨的学习态度。
教学流程示意(可选项)
教学过程(表格描述)
教学阶段
教师活动
学生活动
设置意图
技术应用
时间
创设
情境
组织学生欣赏使用“排球奖牌榜”中的数据生成的“工作表”和“图表”。
[提问]
投影中分别以“表格”和“图表”两种方式展现了“排球奖牌榜”获奖情况。
通过观看,同学们认为哪种方式更好?
为什么?
[小结]
图表能用简单、直观的图形方式呈现一组数据的统计结果和变化趋势,使人一目了然,轻松地进行数据分析。
这节课我们就来学习如何在己有数据的基础上创建图表。
观看投影
回答问题
通过对比,让学生得出答案:
图表更能形象直观的呈现出数据的统计结果和变化趋势,使人一目了然。
PPT演示文稿、图表。
3’
新课
讲解
先学
后教
分组
实践
操作
练习
小结
分析
数据
一、建立图表:
1、利用“排球奖牌榜”中的数据生成反映“各国获得奖牌总数的图表”。
(引导学生根据投影中的提示步骤 完成创建图表的制作)
2、请做得快的学生演示。
3、小结生成图表的过程。
4、引导学生分析未做出图表的原因:
[提问]
请同学们帮着分析:
图表没有创建成功的最主要的原因是什么?
教师重点强调:
(1)注意数据区域的选择。
(2)选择不连续的区域:
按住Ctrl键。
5、打开“历届奖牌榜”工作表,分组完成不同类型图表的创建。
一组:
完成柱形图。
二组:
完成立体饼状图。
三组:
完成立体饼状图。
四组:
完成折线图。
6、小结学生的实践操作效果。
7、提问:
(1)从这几张图表中反应了相同的金、银、铜牌和世界排名等数据的变化,哪位同学能尝试说一说是怎样的变化规律吗?
这些数据变化说明了什么?
(2)我们同时有三张图表反应了相同内容的数据变化趋势,你觉得哪类图表更加直观地反应了数据的变化?
(3)饼图、柱形图分别反应了怎样的数据变化?
8、投影出示小结,明确折线图、饼图、柱形图的适用情况。
学生按照操作提示进行自主学习。
学生上前演示操作过程,并说出具体过程。
学生试着回答。
(希望学生说出:
在操作过程中没有先选中数据;没有认真按照操作提示来操作。
)
学生实践操作。
学生讨论,试回答。
(希望学生说出:
饼图可以表示出一组数据中每个数据在总数量中所占的比例;折线图能反应数据的变化趋势;柱形图适合比较数据之间量的多少。
)
培养学生自主学习能力。
展现学生的风采,培养学生的表达能力,提高学生的操作能力。
培养学生解决问题和归纳总结的能力。
加强练习,学会建立饼图、柱形图、折线图的方法。
为下一个环节:
根据需求选择恰当的图表类型做好铺垫。
突破难点,进行德育教育渗透。
通过分析、对比,使学生认识到不同的数据需要选择适当的图表类型来呈现。
培养学生的归纳总结能力和观察能力。
7’
3’
2’
3’
8’
1’
6’
1’
课堂小结
请同学们根据本课所学,结合生活实际,谈一谈使用图表有哪些好处?
本节课你最大的收获是什么?
(知识、技能、情感)
各抒己见
结合实际
2’
课堂检测
1、下列操作中,是正确生成图表的过程的是:
_________
A、选择图表类型—确定图表数据源—更改图表选项—确定图表位置
B、确定图表数据源—选择图表类型—确定图表位置—更改图表选项
C、选择图表类型—确定图表数据源—确定图表位置---更改图表选项
D、确定图表位置—选择图表类型—确定图表数据源---更改图表选项
2、在excel中,经常使用的图表类型是________、_________、_________。
3、常用工具栏中的工具按钮
作用是:
___________。
A、图表向导B、插入图片
C、编辑颜色D、绘图工具按钮
4、适用于反映一组数据的变化趋势的是:
___________。
A、柱形图 B、折线图
C、饼图 D、以上都是
举手回答问题。
讲练结合,巩固掌握本课知识。
2’
拓展提高
根据学生完成情况而定。
(1)所生成图表的大小、位置是否符合你的心意?
如果不符合,怎么修改?
(2)如何对生成的图表进行修饰,使其变得更加漂亮?
[说明]
以上两题,请同学们根据自己实际情况,参见书上P44到P46的“修饰图表”和“编辑图表”两部分内容自己进行自主学习。
自主学习
体现学生的主体性,使课堂教学具有灵活性。
8’
作品欣赏
各组选出做得最好的作品上传到FTP上,进行欣赏与评价。
欣赏、评价。
在评价过程中对学生进行审美教育和情感教育。
体验成功,共同提高。
2’
学习效果评价设计
评价方式
过程性评价
评价量规
评价
项目
评价要点
评价标准
基本
60—85分
得分
提高
85—100分
得分
知识技能
1、知道图表的种类,了解图表的制作过程。
1—15分
15—16分
2、学会简单图表的制作。
1—15分
15—17分
3、能够按照要求制作图表。
1—10分
10—12分
4、能够对图表进行简单修饰。
1—6分
6—8分
实际
应用
能够结合相应的文字材料,选择恰当的图表类型制作图表。
1—6分
6—7分
学习效果
1、遇到问题能够及时并主动向老师或同学寻求帮助;
1—10分
10—12分
2、在任务中能够主动帮助同学完成任务;
1—8分
8—10分
3、在探究中能够主动和同学协作、探讨解决问题的方法。
1—10分
10—12分
4、在学习过程中,能够及时发现问题并解决问题。
1—5分
5—6分
姓名
总计
总计
本教学设计与以往或其他教学设计相比的特点(300-500字数)
本教学设计与以往教学设计相比,更加体现了学生的主体性,在教学过程中教师真正起到了引导者的作用,使学生一直处在一种探究学习的环境中;另外,考虑到学生个体水平的差异,本课在课堂小结之后还设计了一个提高任务。
即,根据学生在课堂中的表现情况完成任务。
体现了任务的灵活性,体现了新课程中以学生为主的教学思想,符合学生实际认知水平。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 制作交互网页 制作 交互 网页 教学 设计