小学信息技术-第4课我的网页大变身教学设计学情分析教材分析课后反思

我的网页大变身——自动缩略图教学设计【教学目标】1.会给网页添加图片并制作成缩略图，了解缩略图在网页制作中的作用。2.能熟练地通过图片缩略大变脸使我们的网页更加与众不同。3.通过两人合作完成一个网站的任务，注意引导学生自学操作步骤，实践操作的方式，培养学生的自学能力和合作能力。4.培养学生制作网站的兴趣，通过对网页的修饰提高自己的审美能力。【教学重难点】教学重点：学习为站点添加自动缩略图的方法。教学难点：缩略图的制作以及制作后图片的保存。【课时安排】1课时【教学过程】一、导入环节（2分钟）（一）导入新课，板书课题导入语：我们已经学习并制作了一些网页，出示（带有自动缩略图的网页），观察这个网页有什么特点？（点击小图，能打开一个大图）。这种效果在FrontPage中叫做自动缩略图。2．我们已经制作的“珍爱生命”网站，分析还少“安全图画展”网页，这一节一起用“自动缩略图”的知识，制作这个网页。板书课题（二）出示学习目标过渡语：首先请同学们大声读本节课的学习目标。1.我会给网页添加图片并制作成缩略图，了解缩略图在网页制作中的作用。2.我能熟练地通过图片缩略大变脸使我们的网页更加与众不同。3.我对网页的排版、修饰，提高自己的审美能力。二、先学环节（15分钟）过渡语：让我们带着目标，请仔细阅读，并在本堂课将要结束时，对照自己是否达到了本节课的学习目标。（一）出示自学指导仔细看导学案或课本38-39页；1.打开“珍爱生命”网站，新建一个“安全图片展”网页2.为“安全图片展”添加一张自动缩略图。（出示效果图）要求：学生独立完成，有问题看导学案。组长检查，成员都完成的，小组长到黑板前画“☆”，最先完成的两个小组画两颗“☆”。（二）自学检测反馈1.什么叫“自动缩略图”？2.frontPage软件能自动将图片尺寸缩小（），并将缩小的图片和原来的大图片形成（）。3.建成“自动缩略图”有什么好处？（三）质疑问难请每个小组把自学和检测过程中的疑惑提出来，请其他组的同学帮助解决。三、后教环节（10分钟）过渡语：在我们的魔术师的美化下，我们的图画展有了神奇的效果。这些效果能修改吗？（一）展示交流，互帮互助学生演示汇报，全班交流。其他同学认真听，提出合理的建议或补充更好的方法。鼓励学生发散思维，找出多少解决问题的方法。（二）合作探究1.如何做出“边缘凹凸的立体效果”？2.如何设置自动缩略的图片——宽度为“150”像素。（三）预设生成和点拨点拨语：1.自动缩略的图片大小从（工具）菜单-（网页选项）对话框中调整。2.要想整体美观，可用拖动的方式转变图片大小。1.插入图片（插入——图片——来自文件）2.设置缩略图格式1.插入图片（插入——图片——来自文件）2.设置缩略图格式（“工具”——“网页选项”——“自动缩略图”）3.右键，设为“自动缩略图”。4.保存页面。(保存嵌入式图片-images文件夹。)5.在浏览器中浏览效果。四、训练环节（13分钟）过渡语：既然同学们已经学会了本课内容，那么下面请利用所学完成下面的当堂检测。要求：以下两个任务，全体同学必做检测一，操作快的完成检测二。组长组织小组内同学互相检查，并准备班内展示。（一）检测一继续在“安全图片展”网页中，添加其他图片，制成自动缩略图。将网页充实完整并保存起来。要求：1.共插入八张。2.图片间隔合理。3.整体美观。（二）自主设计我最棒为“我爱我家”网站，添加一个“我家的相册”网页。（图片在桌面“素材”文件夹。）课件出示要求：1.打开“我爱我家”网站，新建一个网页。2.插入自缩略。（图片在桌面“素材”文件夹。）3.运用所学知识，美化网页，比一比谁设计的最美。（三）展示评价展示2—3名学生作品，其它同学欣赏并作出评价。课堂总结：这节课你有哪些收获？还有什么疑惑？附：板书设计我的网页大变身自动缩略图自动形成链接－快速、整齐【教学反思】我的网页大变身学情分析六年级的学生已经掌握了一定的信息技术知识结构和操作技巧，大部分都有上网经历，对网页中的知识，有一定的感性认识。通过前面的学习，对FrontPage软件已经不再陌生，大多数学生已掌握了创建网站、网页的方法，还掌握了简单的装扮网页的方法：背景、滚动、图片等效果的基础上，学习用“自动缩略图”使我们的网页变得更加丰富多彩。学生已有初步的自主学习能力，学生分为4人小组合作探究，小组长有一定的领导能力和辅导能力，小组协作能力较强，有利于发挥每个学生的学习自主性和主动性。在教师的引导下，逐步提高自主学习和探究的能力。《我的网页大变身》效果分析下面针对我讲的这节课，我从课程资源的开发与利用、教学重点与难点的处理、学生主体地位的体现几个方面来分析一下本节课的效果。1.课程资源的开发与利用：我在正确把握教材的基础上，不拘泥于教材，创造性的使用了教材。所以还设计了“创意制作”比赛：为“校园在线”网站，添加一个“校园风景照”网页。插入4-5张自动缩略图。运用所学知识，美化网页，比一比谁设计的最美。此环节充分调动了学习的积极性，设计出很多很有创意的网页。2.教学重点与难点的处理：第二关：插入一张图片并设置为自动缩略图。这是这节课的重点。所以引导学生，先结合导学案或课本，自主学习。有问题再小组合作学习，找出尽量多的解决问题的方法。此环节一定给了学生足够的练习时间。学生在汇报时充分发挥了学生互评互助，学生谈出了多种方法，提出了很多合理的建议。第三关巩固练习，效果好。“创意制作”比赛：为“校园在线”网站，添加一个“校园风景照”网页。插入4-5张自动缩略图。活学活用，比一比谁设计的最美。3.学生主体地位的体现方面：全体学生都能积极参加到活动中来，主动完成任务；绝大多数都能认真倾听别人的发言，重点知识还做了记录；与教师的互动积极有效，对于老师提出的问题，认真讨论，积极探索，课堂气氛活跃；自主学习的意识很高，能独立思考，找到解决问题的方法。在合作探究方面，学生都能在老师的引导下，遇到问题及时找同学或老师商量，找到方法。4.目标的达成方面：学生对本节课内容普遍表示出很大的兴趣。从学生的实际操作情况来看，基本任务完成较好，因此在任务设计上是合理的。从课堂练习情况看学生都能完成操作，可以说达到了预期的目标。我的网页大变身教学反思本节课以新课改的精神为依据，以培养学生的分析问题和解决问题能力为宗旨，以学生为主体教师为主导，充分发挥学生的主体地位，充分调动学生的积极性，引导学生自主探究、合作学习。通过层级鲜明、逐递进的学习任务，让学生在解决问题的过程中获得新知、应用新知并主动探索新知。我认为做的比较好的地方有：1、教学层次清楚，各个教学环节衔接自然，由浅入深，学生通过“勇闯三关”的任务活动，掌握为网页添加“自动缩略图”的方法。第一关：限时复习赛，第二关：插入一张图片并设置为自动缩略图。这是这节课的重点。第三关创意设计：为“校园在线”网站，添加一个“校园风景照”网页。各个任务间是层层递进的关系。2、充分发挥教师的主导作用，引导学生做课堂的主人，充分调动了学生学习的主动性和积极性，课堂气氛轻松而活跃。3、注重学生的探究活动。以学生为中心，以学生的主动探究为主，让学生敢想、敢说、敢做，从而主动的去获取知识。比如在让探索设置自动缩略图的方法，并学生互评，再用自动缩略图，进行自主创意设计“校园风景照”网页。不足之处：学生自主学习的习惯需进一步培养；教师语言再简练些更好。我的网页我设计教材分析本课是山东教育出版社第六册《网页制作》单元的第4课《我的网页大变身》，是在学习了对创建网站、网页，修饰文字，添加了背景等效果的基础上，学会用“自动缩略图”排列图片。在一些图片较多的网页中，用“自动缩略图”能自动将图片尺寸缩小另存，并将缩小的图片和原来的大图片形成链接。这样做不但可以在一个页面中同时显示多幅图片，而且可以加快打开该页面的速度。通过图片缩略大变脸使我们的网页更加与众不同。增强学生对网页的排版、修饰，提高自己的审美能力，培养学生制作网站的兴趣。《我的网页大变身》观课记录本节课以新课改的精神为依据，以培养学生的分析问题和解决问题能力为宗旨，以学生为主体教师为主导，充分发挥学生的主体地位，充分调动学生的积极性，引导学生自主探究、合作学习。通过层级鲜明、逐递进的学习任务，让学生在解决问题的过程中获得新知、应用新知并主动探索新知。欣赏网页导入，激发了学生的学习热情和积极性。学生通过“勇闯三关”的任务活动，掌握为网页添加“自动缩略图”的方法。探究学习第一关、限时复习赛：在“珍爱生命”网站中，添加“安全图画展”网页。第二关、探究学习：插入一张图片并设置为自动缩略图。这是这节课的重点。先结合导学案或课本，自主学习。有问题再小组合作学习，找出尽量多的解决问题的方法。此环节一定要给学生足够的练习时间。学生在汇报时充分发挥了学生互评互助，学生谈出了多种方法，提出了很多合理的建议。第三关、巩固练习。“创意制作”比赛：为“校园在线”网站，添加一个“校园风景照”网页。插入4-5张自动缩略图。运用所学知识，美化网页，比一比谁设计的最美。此环节充分调动了学习的积极性，设计出很多很有创意的网页。通过极域电子教室，演示、汇报，更清楚直观，效果更显著，为本堂课增色不少。《我的网页大变身》学案勇闯三关第一关：（复习赛）新建“安全图片展”。第1步：打开网站方法：文件——打开网站——“F:/6年级课堂练习/六一/网页/珍爱生命”——确定第2步：新建网页单击常用工具栏上的“新建普通网页”按钮。第3步：输入文字在网页中输入“安全图画展”，再选定这几个字，设置字体、字号和颜色，并将文字居中。第4步：插入水平线在题目后，按回车，确定位置——单击“插入”——“水平线”——再双击水平线设粗度为5，颜色为红色。第5步：设置背景色单击“格式”菜单——“背景”——在对话框中设置颜色背景为“淡绿”。第6步：保存。单击“文件”——“保存”命令。——弹出“另存为”对话框，在文件名框中输入“tupianzhan”，单击“保存”。第二关：为“安全图片展”添加自动缩略图。第1步：在水平线下插入图片。单击“插入——图片——来自文件”，找到并打开“桌面-安全图片”文件夹，单击所需图片，单击“插入”。（想一想，还可以怎样插入图片？）第2步：设置缩略图格式（“工具”——“网页选项”——“自动缩略图”）第3步：设为“自动缩略图”。方法1：单击“视图——工具栏——图片”，单击选定图片，再单击“自动缩略图”按钮。（如下图）方法二：试试在图片上点“右键”——单击“自动缩略图”。第4步：保存页面。(单击“文件”——“保存”，“保存嵌入式文件”——更改文件夹到“images”文件夹。)第5步：在浏览器中浏览效果。单击“文件”——“在浏览器中预览”——IE6.0。（或F12）第三关：继续在“安全图片展”网页中，添加其他图片，制成自动缩略图。将网页充实完整并保存起来。提示：插入一张自动缩略图后，按一下“空格”再插入下一张。选中所有图片，“居中”。共插入八张图。二、自主设计我最棒：为“校园在线”网站，添加一个“校园风景照”网页。比一比谁设计的最美。要求：1、打开“校园在线”网站，新建一个网页。2、插入4-5张自动缩略图。（图片在桌面“素材”文件夹。）3、运用所学知识，美化网页（可插入水平线、设图片背景、插入花边等），比一比谁设计的最美。我的网页大变身课标分析《中小学信息技术课程标准》有这么几条要求：“培养学生对信息技术的兴趣和意识，培养学生的信息技术操作能力。”“学会使用网页制作软件，规划、设计、制作、发布简单的网站。”“能够通过与他人合作的方式学