《在网页中插入图片》教案

1、教案背景：在网页中插入图片是配合我区信息技术课题学案引导下信息技术高效互动课堂的构建开的一堂研讨课。本课以学案引导为教 学手段，引导学生自主学习在网页中插入图片的方法。本课在调查了解学生现有能力的基础上，充分尊重学生个体差异、以学定教， 采用任务驱动、自主探究，同伴互助的学习方式打造有效的课堂教学氛围。教学课题：在网页中插入图片教材分析：网页制作是小学生学电脑（凤凰出版传媒集团江苏科学技术出版社）第十一册的内容，是在学生学习了网络基本知识、WORE后的一个内容。本课是学生在初步学习 FrontPage软件，会制作文字个人主页的基础上，学习用插入图片的方法来美化网页，培养学生 的美感和团结互助，

2、共同进步的人文精神。教学方法：学案引导，学生自主学习教学过程：4八、才、门rt教学课题在网页中插入图片教学目的1、掌握在网页中插入图片的方法及图片大小、位置的调整，拓展学生的知识和应用能力，并保存含有图片的网页。2、提高学生学习的迁移能力。培养学生探索学习的兴趣。3、通过实践操作和评价作品，充分激活学生探究思维和创新思维，培养学生的审美观和科学严谨的学习态度。教学重点在网页中插入图片、调整图片。教学难点在网页中调整图片位置。教学准备苏州园林网页两份，一份纯文本，一份带图片；苏州各园林的图片若干张；多媒体网络教室；电子学案一份；多媒体 网系统课时安排1课时教学环节教帅沽动学生活动设计意图导入1、

3、同学们，在你们的桌面上有个文 件夹苏州园林，里面有一个网页 文件，谁能快速找到并打开它？3、老师这里也有这么一个网页，看 看和你们打开的有什么不同？你们喜 欢哪个网页？6、今天我们就一起学习在网页中插*、在文件夹中查找名为“苏州园林” 的网页，并打开它。4、欣赏图文并茂的网页5、图文并茂，生动活泼，吸引人网络教室广播让学生自己查找相应的 文件，提咼他们信息技 术的操作水平。让学生在羡慕、敬佩之入图片。7、出示课题：插入图片余产生强烈的制作冲 动。1、在“苏州园林”文件夹下，老师2、根据已经学习过的知识和学案提通过学案，提示学生利为大家准备了一个“学习助手”的文示，尝试插入图片。用已经学过的知识

4、研究档，请大家打开它，根据“学习帮助新知识，帮助学生学会一”的提示，试一试在“苏州园林”知识的迁移，并把学习网页中为拙政园配上一张合适的图的自主权交给学生，注片。4、学生演示及讲解过程，发现问题，网络教室转播重探索和学习的过程。3、请学生演示并讲解操作方法教师及时纠正。在学生自主探研的基础6、根据已经学习过的知识和学案提上，通过演示和小结，5、我们发现，我们插入的图片大小示，尝试调整图片大小。强化知识。不太符合要求，要做适当的调整，想7、小结操作方法：我们只要通过拖动网络教室转播想在 WORD中是什么操作的，请根据图片边上的黑点，就可以改变它的大小“学习帮助二”的提示，把“拙政了。探园”的插图

5、调整到合适的大小。究8、图片的大小调整好了，但是位置9、学生尝试操作。网络教室广播新也不是太理想，你有什么办法来调整10、指名学生上台演示调整图片在网页中的位知一下图片的位置？想想 WOR中是怎 么操作的？请根据学案提示，为“拙 政园”的插图设置居中、左对齐和右 对齐的位置，看看哪种方式比较合 适。11、教师讲解图片在网页中调整的方 法，一般我们用左对齐、右对齐、居 中按钮来调整网页中的图片，调整图 片的时候，要注意文字的变化，如果13、学生练习网络教室转播置是本课的难点，学生 会受WORI中调整图片位 置的影响，用拖动等方 式进行调整，那是没有 用的。让学生自已先试 一试，对照着学案的提 示

6、操作一下，让学生上 台演示一下，再老师总 结操作方法，帮助学生 突破难点。文字对齐方式发生了变化，我们在调 整图片的同时，还要对文字进行调 整。网络教室转播在掌握了插入图片、调12、请根据网页文字内容，从素材文15、学生相互评价作品整图片大小、调整图片件夹中找到合适的图片，插入到网页 中，并调整其大小和位置。14、巡视学生练习，发现典型问题即 时纠正，组织学生相互评价作品。16、根据学生评价，组织学生修改网 页17、学生修改网页，保存作品。位置之后，组织学生进 行练习。练习过程中教 师注意学生的操作情 况，对学困生给于即时 的帮助。再组织学生进 行作品评价，通过评 价，培养学生的审美能 力，也

7、帮助他们进一步 了解图片在网页中的作 用。小结拓展18、今天我们学习了在网页中插入图 片，图片可以使网页变得生动形象。 但在插入图片的过程中，要注意图片 是否适合主题，图片的大小，位置 等。以后，我们还将学到在网页中插 入动画、影片等操作。19、取后，请大豕兀成学习助手中的 学习记录表，并把学习记录表上传上 来。学生填写学习记录表。组织学生小结本课知 识，通过填写学习记录 表，让对学生对自己的 学习情况作一个评价， 体验成功的喜悦。教学反思:把WOR软件的相关操作与FRONTPAGE系起来，通过学生熟悉的 WOR学习FRONTPAGE到的学习效果还不错。为了激发学生 对网页制作的兴趣，这节课由

8、两张的视觉对比引入，让学生知道我们每个人都可以做出这样精美的网页。课堂上我们所归纳出的网页 中插入图片的方法是来自于学生的探索。这节课中在学生掌握了一些网页制作的方法后，我占用大量的时间给学生打造了一个自由创 作的空间，在我准备的资源中除了有给学生自主学习的学习助手外，还有针对“苏州园林”的素材，每个园林的介绍对应着图片和文 字内容，以帮助孩子利用学案和准备好的素材进行自主学习。在网页中插入图片学习助手班级:姓名:学习帮助一:在FRONTPAG中插入图片的方法和我们以前学过的在 WOR中插入图片的方法相似，试试“插入”菜单，看看下面有什么选项 试一试在“苏州园林”网页中为“拙政园”配上一张合适的图片。“插入” _ “图片” _ “来自文件”学习帮助二：插入的图片太大，我们应该怎么操作呢？想想在 WOR中是怎么操作的。把“拙政园”的插图调整到合适的大小。通过缩放来调整图片大小。学习帮助二：图片的位置不对，我们在 WOR中是怎么操作的，还用这样的方法操作可行吗？请你试一试，为“拙政园”的插图设置居中、左 对齐和右对齐的位置，看看哪种方式比较合适。网页中的图片不能像在 WOR中样通过鼠标拖动和改变环绕方式来调整位置，我们可以通过“左对齐、居中、右对齐”的工具 按钮来设置图片的位置。学习记录表:（根据你的学习情况，把“V”复