网页中添加文字及图片──丰富网站的内容》教学设计

第一篇：网页中添加文字及图片──丰富网站的内容》教学设计

网页中添加文字及图片──丰富网站的内容》教学设计

课

件www.xiexiebang.com#TRS_AUToADD_1249890715428{mARGIN-ToP:0px;mARGIN-BoTTom:0px}#TRS_AUToADD_1249890715428P{mARGIN-ToP:0px;mARGIN-BoTTom:0px}#TRS_AUToADD_1249890715428TD{mARGIN-ToP:0px;mARGIN-BoTTom:0px}#TRS_AUToADD_1249890715428DIV{mARGIN-ToP:0px;mARGIN-BoTTom:0px}#TRS_AUToADD_1249890715428LI{mARGIN-ToP:0px;mARGIN-BoTTom:0px}/**---jSoN--{“":{”margin-top“:”0“,”margin-bottom“:”0“},”p“:{”margin-top“:”0“,”margin-bottom“:”0“},”td“:{”margin-top“:”0“,”margin-bottom“:”0“},”div“:{”margin-top“:”0“,”margin-bottom“:”0“},”li“:{”margin-top“:”0“,”margin-bottom“:”0“}}--**/DIV.myFav_1249633634593P.msoNormal{TEXT-jUSTIFy:inter-ideograph;FoNT-SIZE:10.5pt;mARGIN:0cm0cm0pt;FoNT-FAmILy:”TimesNewRoman“;TEXT-ALIGN:justify}DIV.myFav_1249633634593LI.msoNormal{TEXT-jUSTIFy:inter-ideograph;FoNT-SIZE:10.5pt;mARGIN:0cm0cm0pt;FoNT-FAmILy:”TimesNewRoman“;TEXT-ALIGN:justify}DIV.myFav_1249633634593DIV.msoNormal{TEXT-jUSTIFy:inter-ideograph;FoNT-SIZE:10.5pt;mARGIN:0cm0cm0pt;FoNT-FAmILy:”TimesNewRoman";TEXT-ALIGN:justify}DIV.myFav_1249633634593DIV.Section1{page:Section1}DIV.myFav_1249633634593oL{mARGIN-BoTTom:0cm}DIV.myFav_1249633634593UL{mARGIN-BoTTom:0cm} 【教材使用】宁教厅审定

山东教育出版社出版软件FrontPageXX

【适用年级】8年级

【适用单元】网页制作第2大节

【教材分析】

教材中本节的内容分为三部分：一是新建网页；二是添加图片；三是添加背景音乐。第一部分新建网页是本章节的重点部分，使用导航栏建立网页也是本章节中的难点；第二部分给建立好的网页添加文字和图片信息将做为一节课的内容；第三部分背景音乐和下一节的网页的背景合成一节课内容，这样便于学生的理解和掌握。

本节是第二部分为网页添加文字及图片，它是网页中的两大基本要素。文字部分在教材中没有提及，上节添加的网页是空白的，而在实际操作过程中网页中是没有文字的，因此在这儿必须给学生时间添加文字，结合前面学习的网络搜索让学生上网搜索信息，使前后知识充分结合起来，而后才能添加图片，达到图文并茂。

【学情分析】

学生已经学会了新建网页，建立的网页是空白的，学生就有“为空白网页添加文字及图片信息”的欲望，结合因特网知识让学生为自己创建的网页添加所需的信息，添加图片的技能学生已经在word文字处理软件中学习过，因此本节课知识，学生可以自主学习。

【教学目标】

1．知识目标

（1）掌握为网页中添加文字信息的不同方法。

（2）掌握为网页中添加图片信息的方法。

2．技能目标

通过学生自主学习过程中，掌握为网页中添加信息的不同方法。

3．情感目标

（1）通过为网页添加文字信息的学习，培养学生的综合运用知识的能力。

（2）利用插入图片知识，培养学生的图文并茂整体布局网页的综合信息素养能力。

【教学重点与难点】

学习嵌入式保存素材的方法和分类管理素材的能力。

【课时安排】2课时

【教学方法】任务驱动法

【课前准备】软件FrontPageXX

多媒体广播系统

【教学设计】

第一课时

为网页添加文字信息

教学过程 教师活动 学生活动 教学意图

一、导入部分

（教师打开上节课站点中新建的网页进行广播展示……）

问：大家观察我们上节课使用导航栏添加的网页，网页中缺什么？

网页中表达信息最常用的就是文字和图片，这节课我们就来给网页添加文字和图片。

（板书：网页中添加文字和图片）

学生观察后回答：网页中缺文字、图片内容。

直接摆出新建网页后的情况，激发学生为网页添加信息。

二、给网页中添加文字的不同方式 网页中表达信息的主要还是文字。（板书

一、添加文字：）

大家来看我们主页中的文字，是大家自己录入的。（广播展示……）

（板书

．录入法：）

但是，这种方法对大家来说是比较费劲的，在我们组织网站时会准备一些电子资料，我们可以借用现有资料。

（板书

2．使用现有电子资料：）

（任务一：）大家通过“网上邻居”打开教师机的“我的家乡”的文字资料，看看你的网页中需要哪些，可以将这些文字信息放入到自己的网页里。

教师进行辅导……

教师小结方法：

（1）可以使用最基本的复制粘贴办法来解决；（2）当文档中的文字资料都需要时，可以使用“插入文件”命令来完成。

（引）在刚才，大家给网页添加了一些文字信息，可是有许多网页所需要的信息并没有，怎么办呢？

网络中有许多信息，借助网络可以搜索到自己所需要信息。

（板书

3．网络搜索法：）

（任务二：）大家可以借助网络查找自己所需要的资料，但是有的资料不一定立即就用到，因此建议大家在“文件夹列表”窗口建立一个网络资源的文件夹，可以分文字、图片等不同类，将找到的信息可以暂时放在这些文件夹中；用到的可以直接复制到网页中。

教师进行辅导……

学生观察理解……

学生实践……

回答：利用网络上网搜索

学生实践……

添加文字就直接的办法就是录入。

引导学生使用现有资料，复习复制粘贴操作。

（1）指导学生正确合理地使用网络资源，通过网络查找到信息，分类存放在资源包中。

（2）用到了才是学生最需要的，因此将第1节课准备工作中“网络资源”文件夹放在这里进行，用来收集网页的素材。

三、小结

通过这节课的学习大家都明白网页中所需文字资料如何获取了吗？都有哪些途径？ 学生自己总结……

学生对自己所学知识进行汇总。

第二课时

为网页添加图片信息

教学过程 教师活动 学生活动 教学意图

一、导入部分

（教师打开上节课站点中新建的网页进行广播展示……）

网页中有了文字，我们能不能添加一些相应的图片来烘托一下主题，使网页变得图文并茂，更具有感染力？

回答：可以。

直接导入

二、添加图片

（任务一）组成网页的第二大元素就是图片，大家结合课本P69完成主页中添加宁夏地区图的操作。

教师进行辅导……

叫一位出错的学生上来操作，其他同学给他找原因及解决的办法。

教师小结知识点：

打开图片对话框后，要使用“从计算机上选择一个文件”按钮；

保存时注意保存到“images”文件夹中，提醒学生注意书中的“小博士”，用这个办法在今后插入动画、音乐时可以建立文件夹分类保存。

未能保存在“images”文件夹中，在文件夹列表窗口中，可以将图片文件拖动到“images”文件夹中。

插入图片后感觉不合理，可以调整图片，大家可以结合课本P72的“知识窗”和“金钥匙”调整自己的网页中的图片。

大家结合老师刚才的解说，从新调整网页中的图片。

（任务三）大家为自己的网页添加了图片，若想达到图文并茂，具有感染力时，也要相应地对文字进行修饰。文字的修饰在学习文字处理软件word时已经学过了，大家试着将你的网页中的文字进行修饰，达到图文并茂，赏心悦目的结果。

教师进行指导……

学生实践……

学生观察并指导……

学生纠正错误……

学生实践……

让学生先实践，从中发现错误后再纠正学习的过程。

纠正学生的错误，可以将网页中所需的要素分类保存，培养学生举一反三的学习方法。同时要与素材文件夹进行区分。

引导学生使用已知的技能来修饰自己的网页。

三、知识总结

这节课你都学会了什么？ 学生自己总结……

【教学反思】

这部分内容使用两课时，给学生大量的时间来增加网页中文字和图片的信息，可是其中的操作大部分是先前所学知识，这里只是进行了一个综合应用，在应用的过程中学习部分知识，学生在添加网页中的内容时也培养了学生的成就感，增强了学生的自信心，也为下一节课美化网页奠定一定的基础。

调整知识：将第1节课准备工作中“网络资源”文件夹放在这里进行，学生查找资料时立即就用到了，用到了才是学生最需要的。同时在讲解分类保存网页中所需的要素时可以和网络资源文件夹的功能进行比较。这点知识学生容易混淆，进行区分是有必要的。

课

件www.xiexiebang.com

第二篇：《新建网页──丰富网站的内容》教学设计

《新建网页──丰富网站的内容》教学设计

【教材使用】宁教厅审定 山东教育出版社出版 软件FrontPage2000

【适用年级】8年级上册

【适用单元】网页制作第2大节

【教材分析】

本节的内容分为三部分：一是新建网页；二是添加图片；三是添加背景音乐。第一部分新建网页是本章节的重点部分，使用导航栏建立网页也是本章节中的难点；第二部分网页建立好要添加文字和图片信息将其做为一节课内容；第三部分背景音乐和下一节的网页的背景合成一节课内容，这样便于学生的理解和掌握。

第一部分新建网页，也是这一节课的内容，它是在创建站点和主页之后的内容，教材中详细地介绍了使用导航栏创建网页的过程，先设计站点结构，然后再编辑网页的内容。一笔带过的是在网页视图下创建网页的方法，是编辑一个个网页，再将网页组成站点。

本章节的一个难点是使用导航栏建立网页，学生接受起来不易，但使用这种方法组织的网站有头绪，有点像网站的“结构地图”，也易于后续链接知识的学习，同时也与前一节课中的网站准备工作中的网站组织结构图是相呼应的，它是网站宏观布局的具体实施的关键一步。

使用网页视图方式建立网页，在课本中一笔带过，但是从知识的呈上启下来看，学生更易接受这个方案，缺点是网站中建立许多个网页时，若无网站的组织结构图，建立工作将陷入迷茫中，同时也对后续的超链接的学习就造成一定的困难，因此课本中不采纳这种方法建立网页。

本节课采用先简单介绍网页视图方式添加网页，后过渡到导航栏中新建网页，这种方法：一是将知识合理顺延和过渡，从学生已知入手过渡到学生的新知；二是可以将难点分散进行学习，便于学生的理解与吸收。

在创建网页时导航栏与网页的重命名必须保持一致，这是本节课一个难点也是一个重点。

【学情分析】

学生在学习“创建站点”后，对软件中的导航栏的作用没有一个直观的理解，但是对于创建站点已经有了一定的了解，而创建网页的命令与创建网站的命令是一组，可以借助学生从已有知识过渡到难理解的导航栏中，因此可以从网页视图下添加网页的方法中过渡到导航栏中添加，这样学生能很平顺地接受在导航中添加网页以及理解它的优势。

【教学目标】

1．知识目标

（1）掌握打开站点的基本方法；

（2）掌握新建网页的基本方法。

2．技能目标

通过学生探究学习过程中，掌握新建网页的不同方法。

3．情感目标：

（1）通过新建网页的学习，培养学生的对比学习能力；

（2）利用导航栏知识，培养学生的整体布局网站的综合信息素养能力。

【教学重、难点】

1．在使用导航栏建立网页时，导航栏中的命名与网页的命名一致是难点；

2．网页名称应与网页中的信息一致是重点。

【课时安排】2课时

【教学方法】对比法、任务驱动法

【课前准备】软件FrontPage2000 多媒体广播系统

【教学设计】

第一课时

在网页视图下添加网页 教学过程

教师活动

教学意图

学生活动

一、导入部分

上节课我们建立了“我的家乡”站点，大家能使用“我的电脑”或“资源管理器”找到他们吗？找到后请大家打开站点并预览自己所编辑的主页信息。

问：大家看看自己编辑的主页信息中有没有错误？有错了，该如何修改？

问：一个网站中一张网页不能够表达一个站点的所有信息，那就需要许多个网页，我如何增加网页呢？

我们这一节课就来解决这些问题。（板书课题：第2节新建网页）

（1）使学生确认自己站点所在的位置，复习上节课预览网页的知识便于后面知识的学习。

（2）通过学生的观察，发现问题，激发学生解决问题的兴趣。

（3）留给学生思考的问题，让学生带着问题学习新知。

从计算机中查找自己的站点„„

学生观察发现问题„„

学生思考„„

二、新课部分

1．打开站点

2．新建网页

3．保存网页及网页重命名

（任务一）大家看到页面状态是浏览状态，在这个状态下是不能修改网页信息的，如果想修改只能在网页的编辑状态下才行，因此大家必须启动网页的制作软件FrontPage2000。

（任务二）刚才大家也看到主页是在站点文件夹之中，因此我们要打开站点才能看到主页，并修改主页。看看软件中“文件”菜单栏中有没有“打开站点”这个命令，并动手尝试的打开自己的站点。

教师辅导„„

（任务三）大家已经打开网站，看看“文件”菜单中有没有添加网页的命令，自己动手试试给自己的站点增加两个网页“宁夏风景名胜”和“宁夏古诗文欣赏”。同时结合课本P67将相应的网页的文字内容录入到网页中。大家可以互相交流。

教师进行辅导„„

（任务四）大家刚才建立了网页，并为网页添加了文字，因此需要大家及时将自己的网页保存在网站中。大家动手实践„„ 教师进行辅导„„

广播展示命名时出现的问题„„

（1）在大家保存时应正确选择自己的站点，输入网页名称即可保存。

（2）在此过程中，有的同学未能输入网页名称，就点击保存了，出现一个现象：网页全部都是new-page_1(2，3，4)．htm的形式，多了自己也被迷糊了。出现这种情况时大家可以使用文件夹列表窗体来重新给网页命名。具体操作：选中你的网页文件，使用右键的快捷菜单完成，它的操作类似于“资源管理器”中的命令操作。一定要注意命名时不能将网页的属性．htm丢弃了，若已经丢弃，请将它加上。

（3）保存完成后，若还想给网页增加信息，一定要在文件夹列表窗体中双击网页的名称，当你看到你所双击的网页名称与编辑窗口中的名称一致时，在输入信息，完成后随时保存信息。

让学生了解在什么状态下可以修改网页。

引导学生从已知过渡到新知来学习打开站点方法，达到举一反三效果。

学生已经在新建站点中看到过新建网页，很容易接受，同时通过交流达到共同进步。

引导学生保存自己的网页。学生在动手过程中就会引出重命名操作。

将本节课的难点集中展示出来，并纠正出错的原因

学生启动制作软件„„

学生动手实践„„

学生动手实践„„

学生动手实践„„

学生改正自己错误„„

三、小结

这节课你都学会了什么？

巩固本节课知识

学生自己总结„„

第二课时 使用导航栏添加网页 教学过程

教师活动

教学意图

学生活动

一、导入部分

教师打开学生的一份网站作品进行展示„„

（将作品的本人叫起来）问：你的网站中的网页表达的什么信息？ 再问：你的网站还想需要表达什么内容？

设想：当你的网页增加的比较多时，你会发现自己的思路不一定很清晰。想解决这个问题，大家必须手绘一个网站组织结构图才能，这样也会带来许多不方便之处。还有没有能直接体现出来我们网站的组织结构图来呢？有的。可以使用导航栏来建立网页。

（板书课题：使用导航栏建立网页）。

引导学生说自己的创作意图

引出本节课的课题

学生表述自己想法„„

二、新课部分

1．导航栏的作用

2．新建网页

视图栏中“导航”按钮是一个站点创建和系统管理的显示视图。使用导航栏新建网页，先组织网站的结构，后为每个网页添加内容。这与我们第一节准备工作中组织的网站结构图就相互呼应起来，思路清晰明了。

（任务一：）大家结合课本P64完成“做一做”。

教师进行辅导„„

广播展示出现的问题„„

（1）FrontPage 2000只是当你在一个站点上工作时才会创建导航栏，独立的网页则不行。

（2）导航栏中主页是第一个添加到导航结构的网页，一般都叫做default．htm或index．htm，想进行添加新网页时，应注意网页之间网页的层次关系。父层网页是包含另一个网页的父网页，其他网页是他的下一级。导航栏可以横排或竖排。

（3）导航栏中若出现层次错误时，可以使用拖动的办法来改善他们的层次。

（4）导航栏中的命名应与双击后进入的网页名一致才行，这是本节课的难点。

（5）上节课我们已经建立的网页如何到站点中？在视图窗口点击“导航”按钮，切换到导航视图。在文件夹窗口中将文件“宁夏风景名胜．htm”和“宁夏古诗文欣赏．htm”拖动到“导航”窗口，仔细选择停放的位置，让示意图标和其他二级图标在一个线上，然后就看到这两个文件成为站点的一部分了。

引导学生了解使用导航栏的优势。

难点集中解决„„

学生实践„„

学生进行改错„„

三、练习

课本P75第1题。

巩固本节课知识

四、小结

这节课你都学会了什么？

学生自己总结„„

【教学反思】

本节课，若按课本中的思路进行，学生学完后，只会依葫芦画瓢，只知其所以然，而不知其所以不然，还是处在一种困惑中。

由此，我将这节课改成两节上，即分散难点知识，又便于学生掌握，学生在学习的过程中实践比较多，在实践过程中不断出现新的疑问，可以激发学生的解决问题的积极情绪，对普遍出现的问题可以通过广播系统来解说，师生互动比较多，教师真正起到了“引”的作用。

第三篇：信息技术《在网页文档中添加图片》说课稿

2011春季学期公开课说课稿

《在网页文档中添加图片》说课稿

阳山中学 冯世良

尊敬的各位老师：

大家好！今天我说课的题目是《在网页文档中添加图片》，它是粤教版的选修三《网络技术应用基础》中使用Dreamweaver制作网页的内容，教学的对象为高二级学生。本节课我将从以下八个方面加以说明：

一、说教材

（一）教材分析

本教材贯彻“以学生为主体，教师为主导”的方针，把提高学生的积极性，培养学生的创新能力作为教育的根本目标。本课所学的是“在网页文档中添加图片”，是网页页面美化的重点知识之一，是图片在网页上的应用、延伸和拓展。通过本课学习，使同学们了解到Dreamweaver作为一个优秀的网页制作软件，在网页上使用的元素里面除了文字外还可以插入图片、动画等等。学习Dreamweaver的灵活应用，是对学生掌握制作网页的能力训练与提高，激发学生自主创作出更加优秀的作品。

（二）教学目标分析

教师应特别注重培养学生如何获取信息、处理信息和应用信息的能力。在新课程理念指导下，我根据本节课教学内容制定了知识与技能、过程与方法以及情感态度价值观三个方面的教学目标。

1、知识与技能

（1）学生通过使用Dreamweaver在网页上插入图片操作练习，让学生熟悉在网页上使用图片的各种方法；

（2）通过练习操作调整图片、编辑图片，使学生熟练掌握在Dreamweaver中调整图片、编辑图片的技巧。

2、过程与方法

（1）通过教师引导，学生动脑思考、交流与实践操作的学习过程，体验和感悟探究的一般过程；

（2）学生通过自主、合作、探究学习的方式，提高获取信息、处理信息和应用信息的能力。

2011春季学期公开课说课稿

3、情感态度价值观

通过设计“美丽的九寨沟”这一页面，学习在网页文档中插入图片，提高自己的操作能力，激发学生学习计算机的兴趣，鼓励和培养学生自主创新的情感。

（三）教学重、难点分析

这节课的教学内容是在网页文档中插入图片，因此让学生掌握插入图片的方法是本节课的重点。对图片的调整和编辑的操作中学生容易出错，掌握起来还有一定的难度，因此我把图片的调整与编辑作为本节课的难点。

重点：通过本节课学习，熟练使用Dreamweaver在网页文档中插入图片的方法。

难点：学生通过交流与实践操作，熟悉插入图片的方法，掌握对图片的调整和编辑的技巧。

二、说教法

根据教学内容，本课采用的主要教学方法有“创设情境法”、“任务驱动法”、“自主探究法”、“分层教学法”。

信息技术教学大纲中明确指出：知识及技能的传授应以完成典型“任务”为主。为此在授课时，我先通过展示九寨沟美丽的风景图片，激发学生的兴趣，引出本节的主题任务——为九寨沟制作宣传网页，在完成这个主题任务过程中，再给出一个个小任务，让学生运用已学知识，自已动手，自主探究，以任务的方式再次激发学生兴趣，使教学内容合理流动。

三、说学法

在这节课中学生主要用到的学法是：接受任务——思考讨论——尝试操作——自主创造——作品展示。学生在完成每个任务的过程中，总是从思考讨论完成任务的办法开始，在对讨论的结果进行探究验证的基础上，完成任务，最后通过作品展示，让学生更多地体验一种成就感，进一步激发他们强烈的创造欲望。

四、说教学准备

1、带多媒体教学系统的网络教室；

2、多媒体教学课件；

3、学生预先分组，并选一个计算机水平较好，又比较负责任的学生担当小组长；

2011春季学期公开课说课稿

4、将九寨沟相关资料及图片存放在学生机上。

五、说教学过程

根据本课教学内容以及信息技术课程学科特点，结合高二级学生的实际认知水平，我设计了如下四个教学环节：

（一）情境激趣，引出主题

（二）任务驱动，自主探究

（三）实践运用，提高发展

（四）展示评价，归纳总结 第一环节：情景激趣，引出主题

首先，我展示九寨沟风景图片，同学们一定会被眼前美丽的风景所打动。此时，问道：多么美丽的风景啊，你们想不想让外面更多的人了解美丽的九寨沟，让更多的人到九寨沟旅游观光呢？那么，今天我就让大家当一回设计师，用我们所学的Dreamweaver软件为九寨沟的旅游事业设计一个网页，让更多的人来了解九寨沟！好不好？

同学们的激情一下了被调动起来，使新知识的学习成了学生内心的需要，从而使这节课有了一个良好的开端。

第二环节：任务驱动，自主探究

同学们的激情被调动起来后，个个跃跃欲试，紧接着有一些同学会由喜悦转为疑惑：怎样为九寨沟作宣传呢？

这时，打开两个文档：看，这是老师为九寨沟设计的两份宣传页面，你们觉得哪份宣传效果更加形象生动，更能起到很好的宣传效果呢？

学生的回答肯定是带图片的那份，我趁热打铁提出第一个任务。任务一：同学们先自已动手试一试，如何在网页中插入图片？

任务提出后，同学们思考讨论，然后我提示学生插入图片要使用插入菜单，让学生自已动手实践，看看谁最先找到插入图片的方法，这样意在培养学生主动探索的学习习惯。

在动手实践过程中，学生的水平不一，有些同学不仅很快就找到了插入图片的方法，还找到了其他插入图片的方法。但是，也有少数学生找不到，这时，我

2011春季学期公开课说课稿

请已学会的学生担任小老师，指导其他同学，并鼓励学生走上讲台为大家分别演示插入图片的方法，给学生提供一个展示才能的机会。

然后，我利用事先做好的课件，演示操作步骤，归纳操作方法。这样做，既突出了本节课的重点，又强化了学生对重点知识的掌握。

通过学生的演示，教师的归纳，学生们都能将图片插入到网页。紧接着我找出几份具有代表性的学生作品，利用多媒体网络教室广播软件进行展示，我首先对这些作品给予充分肯定的同时，请同学们议一议如何使这些作品更加完美，同学们畅所欲言，对于学生们提出的建议，我归纳成3个有待解决的问题：

问题1：如何改变图片的大小？ 问题2：如何移动图片的位置？

问题3：如何调整图片和文字之间的位置关系？

这3个问题转变成为3个新的任务摆在了学生们的面前，我让学生根据自已能力的高低选择1个或多个任务进行探究，并尝试操作。这样采用分层教学的方法，既让能力高的学生充分展示自已的才华，也能让能力较低的学生品尝到成功的喜悦，使得全体学生都得到最大程度的发展。

同学们在操作前，我这样提示大家：如果遇到解决不了的问题，可通过教材的阅读或网络搜索解决方法的方式来完成。

教师巡回指导，对于个别学生遇到的问题，可以让小组中会操作的学生传授方法，开展合作学习。对于大部分同学都解决不了的问题，则进行启发引导。

然后选几位学生将屏幕上的几幅作品进行完善，最后教师进行归纳总结，并对操作过程中容易出现的问题进一步强调。通过生生互动，师生互动，突破了对图片进行调整编辑这个难点。

在这一环节，同学们在任务的驱动下，自主探究，动手实践，解决了问题，学生的角色从“让我学”变成“我要学”，学习的兴趣在不断提高，好奇心也随之得到满足。动手实践的得与失，不再是作品的好坏，而是“自主学习”的成功体验。

第三个环节：实践运用，提高发展

在学生掌握新知后，我设计了一个以小组为单位来为九寨沟设计一宣传网站的比赛，在制定比赛规则后，给学生留下自由发挥的空间，鼓励学生自主创造，2011春季学期公开课说课稿

充分发挥自已的灵感和特长，以小组合作的形式，让学生体验团结协作的力量，以比赛的方式，使学生的兴奋点再次激起高潮，不知不觉中使知识得到了巩固。

第四个环节：展示评价，归纳总结

在这个环节里，利作多媒体网络教室的优势，将小组中的优秀作品传送到教师机，我利用广播教学让学生欣赏。学生在欣赏的过程中，既可以相互学习，交流心得，锻炼口头表达能力和评价能力，又可以使学生获得成功的兴奋，被认可的满足，品尝到学习的快乐。

六、布置作业

在我结束本节课的教学活动时，我将请同学们对这节课谈谈自已的收获，目的在于让同学人回顾教学过程，对知识进行系统化的梳理，加深对本课重难点的理解。最后，我会说：今天大家已经成功地为网页添加图片，但是网页还不够完美，比如动态元素的使用，背景的设置等，这些知识我们将在下节课继续学习。然后，布置作业：预习在网页文档中设置动态元素的方法，并尝试着操作练习，这样给学生造成学习的期待心理，激发他们下阶段的学习热情。

七、评价分析

本节课以任务为主线，有意识地留给学生适度的思维空间，使传授知识与培养能力容为一体。鼓励学生大胆上台演示，让学生暴露思维过程，教师将从多方面给予评价，同时，通过作品展示，让学生自评，互评，从而体现评价主体的多元化，评价方式的多样化。

八、板书设计（略）

我的说课到此结束，敬请各位评委老师指正，谢谢！

第四篇：在网页中插入图片教学设计

《在网页中插入图片》教学设计

执教：熊

恒

教学目标： 知识与技能：

会打开上次的网页；了解图片在网页中的作用；学会在网页中插入图片的方法。

过程与方法：

通过独立探究和小组探究的方法基本掌握在网页中插入图片。

情感态度与价值观：

培养学生的审美能力，形成与同学和谐相处、共同进步的精神。明白帮助他人的目的就是美化我们的心灵。

教学重难点：

重

点：了解图片在网页中的作用 难

点：能在网页中插入图片

教学时间：一课时

教学过程：

一、导入新课：

同学们，上节课我们学会了制作只有文字的网页。可是“咪咪豆网屋”的主页还有可爱的胖胖熊图片呢！它是怎么进来的？对于这个问题，我们来进行具体的研究。

揭示课题：在网页中插入图片

二、探究新知 任务一：了解图片在网页中的作用。

（1）、教师出示只有文字和带有图片的两个网页，提问：这两个网页哪一个好看呢？

（2）、引导学生观察，并说出为什么？指定学生回答（有图片的那一个）

（3）、小结：网页中的图片可以使网页更加美观漂亮。任务二：打开主页文件咪咪豆网屋index.htm（1）、师生复习启动frontpage 软件。（它是微软公司推出的一款优秀的网页制作软件）

（2）、学生试着打开主页文件咪咪豆网屋index.htm，老师巡视并校正。

操作步骤：网页制作软件——单击文件——打开文件——我的文档，找到主页文件咪咪豆网屋index.htm——再打开。

（3）、学生操作。

任务三：把“胖胖熊”请进来

（1）师生复习在word 中插入图片的方法，指名学生回答。教师小结：方法一：①、复制——粘贴；②、方法二：菜单——插入——图片——来自文件——选择图片单击插入。

（2）学生练习图片的插入，（3）学生探究把胖胖熊请进“咪咪豆网屋”主页中的的方法。

教师提问：能否把在word中插入图片的方法运用在frontpage 软件中呢？（指名学生回答：可以）学生动手操作：教师巡视，对不正确的地方进行校正。教师小结：

我们可以这样把胖胖熊请进“咪咪豆网屋”主页。操作步骤：

① 把光标移到第二行“咪咪豆网屋”的左边；

② 单击“插入”菜单；

③ 选图片来自文件→选C：“网页制作”文件夹→找到“胖胖熊1.gif” 文件并单击→单击“确定”。

（3）、学生操作，教师巡视指导

（4）、要求学生用同样的方法把胖胖熊放到“咪咪豆网屋”的右边。

任务四：保存网页

同学们，我们成功把胖胖熊请进“咪咪豆网屋”主页中，现在，我们要做的就把今天的作品保存起来！

学生试着保存：单击文件菜单——保存文件。

四、教师小结：今天同学们通过努力，基本掌握了在网页中插入和美化图片的方法，我们插入网页的目的是美化网页，帮助他人的目的是美化我们的心灵。

第五篇：《添加多媒体内容》教学设计

《添加多媒体内容》教学设计 琼海市嘉积中学海桂学校

王 净

教学内容：

海南省九年义务教育中小学信息技术七年级（下册）第一章《信息的整理和展示》第三节《添加多媒体和设置效果》的第一课时内容：添加图片，音频和视频。

教学目标：

1、知识目标：让学生掌握添加图片，编辑图片以及添加音频和视频的操作方法，懂得得根据主题添加相应的图片和多媒体文件的制作技巧。

2、技能目标：学生通过使用多媒体编辑，整理和展示评价，培学生的观察能力，辨析能力，审美能力和操作技能。

3、情感目标：通过创建不同主题的演示文稿，使学生热爱生活，善于观察生活，培养学生生活情趣和崇高的思想情操。激发学生爱科学，学科学，用科学的兴趣，树立学生勇于探索的精神。

教学重点：

1、如何单击图标添加内容（图片、声音和视频内容）。

2、如何根据主题和文本内容选择相应的多媒体内容。教学难点：

1、了解各项内容添加操作的关键步骤。在查找范围内查找图片或声音和视频文件。导入和播放方式的处理。

2、从评价作品中领会如何添加图片，声音和视频来突出主题和有关文本内容，达到最佳效果。教学方法：直观比较引入法；任务驱动教学法；自主学习，合作探究教学模式。

教学准备：提供四个编辑文字的主题演示文稿（雷锋，母校，万泉河，NBA）；搜集下载有关主题内容的图片，声音和视频素材存放在电脑桌面上。软件和硬件准备由赛场提供。

教学课时：一课时，（第三节内容计划用两课时）教学过程：

一、比较引入，揭示课题。

1、大家在前面已经学习了幻灯片制作和放映，懂得创建有文字的主题演示文稿。那么，我们来欣赏一下这种有文字的主题演示文稿。

2、现在老师再放映另一个同样主题的演示文稿（播放“雷锋”演示文稿），请大家欣赏。——你觉得演示文稿跟前面的相比，你们更喜欢哪一个呢？为什么?（谁来说说——哦，你来——第一个只是编辑文字，第二个有文字之外，还有什么？添加多图片，音乐，视频等多媒体）

（小结）说得很好，要制作一个完整有效果的演示文稿，除了编辑文字之外，还要添加图片，声音和视频等多媒体和设置效果。如何添加多媒体呢？这就是我们这节课要学习的内容。请大家打开课本12页。

（投影）

添加多媒体

二、讲授新课

好，老师在电脑桌面上提供了四个文字的主题演示文稿,有NBA、爱我母校、雷锋、万泉河，你可以选择你喜欢的主题.打开其中的一个，同时打开它有关的素材文件夹了解一下（学生打开选中的演示文稿，素材及有关图片。）

1、插入新幻灯片，显示插入按钮图标。

（谈话）要添加多媒体内容，需要插入有内容版式的新幻灯片。如何插入这种新幻灯片呢？课文介绍了一种方法，请同学们看课文第一句话，（老师读一读）

（1）老师用课文中的方法演示一下。（打开“万泉河”）

一边讲一边操作：单击任务窗口中的内容版式。而任务窗口可以在菜单栏中“格式”选择“幻灯片版式”获取。右侧就显示出幻灯片版式的任务窗口。单击这个内容版式右侧按钮。选择“插入新幻灯片”子菜单，在刚才的那张幻灯片后面就插入了一张新幻灯片。

——如果你想插入任何一种版式的幻灯片，就单击它的右侧按钮插入。（老师边讲边插入两三张不同版式幻灯片，其中有文字内容版式）

（2）为什么要插入有内容版式幻灯片呢？

（因为有内容版式的新幻灯片附带了图标按钮，就能单击图标添加内容，——如果新幻灯片没有显示按钮，或者新幻灯片要更改另一种版式，就在你要选的版式上单击，插入按钮就显示出来了。）

（3）现在大家给演示文稿插入有内容版式的新幻灯片。

2、完成任务一；探究添加内容的方法。

（谈话）接着下一步，我们来单击图标添加内容。（1）（投影）

任务一：根据主题和文本内容，用三张新幻灯片，单击图标分别添加图片，声音和视频。（3分钟）

大家就利用提供的素材，,对照课文和投影，完成这个任务。（投影）操作步骤参考，留意括号里的关键步骤。

图片：“插入图片”按钮—对话框—（查找图片）—选择图片—插入 视频、声音：“插入媒体剪辑”按钮—对话框—导入（查找视频声音文件）—选择剪辑—确定（播放方式）

（2）老师检查一下，这位同学上来单击图标给雷锋主题演示文稿添加一张图片？——学生操作完成回到座位后，提问：你们认为关键步骤是什么？（查找图片位置—投影显示）

这位同学演示一下插入视频的操作？——学生完成回到座位后 提问：插入媒体剪辑的关键步骤呢？

投影也已显示：“导入”和“播放

方式”这两个步骤是关键。如何导入呢？（单击“导入”键，查找文件，双击或者选择后添加，就把文件导入到媒体剪辑中，完成导入的操作。）

音频的插入步骤同添加视频是一样的。这里不再作分析。（3）如果不用单击图标插入的方法，还有别的插入方法吗？

利用菜单栏中的“插入”也可以添加来自文件中的图片，影片和声音。对于图片文件用“复制或剪切+粘贴”在PPT中也能添加，特别在修改时常会便用这种方法。

谁来用菜单栏“插入”给万泉河主题演示文稿一张幻灯片上添加一张图片和一首音乐两项内容呢？——学生操作

3、完成任务二，修改美化作品，掌握如何利用添加内容制作主题演示文稿。（1）（投影）

任务二：修改美化主题演示文稿，如下要求提示仅供参考。（7分钟）

1、根据各张幻灯片的文本内容添加相关的图片，力求图文统一。

2、编辑中有某张幻灯片要添加两张图片或多张图片。力求版式多样。

3、需要编辑的文字要求进行设置？力求字体，字号，颜色有个性。

4、能否将声音设置为演示文稿的背景音乐？（自定义动画）

5、能否将演示文稿更改设计模板，设置动画方式？P15要求量力而行。大家就用上面学习的添加方法，根据任务要求，继续修改完善自已的主题演示文稿，达到合理协调，美观生动的最佳效果，这个环节大家可以自行组织小组，组员相互讨论合作。

播放背景音乐——万泉河音乐

（2）学生操作创建，老师巡视指导（可以指导模板的内容和背景音乐的操作）。

4、作品展示评析。（两个作品，每个五分钟）

好了，大家停下手中的操作，现在老师选出一位同学的作品展示一下，由这位同学亲自来一边放映一边介绍你在哪个地方进行了哪些操作。

（1）学生边单击放映边介绍在哪个地方选用了什么版式。添加了什么内容。——好，请回到自已座位。

（2）师生集体评价。

A、你能说说这个演示示文稿好在哪些方面？

——编辑了文字，添加了图片，声音和视频，还对图片进行编辑，图片和文本在内容上尽量保持一致。B、老师点击某一张有图片的幻灯片。编辑效果怎么样？有哪些不足的地方？

文字编辑怎么样，图片编辑如何。（有个性，艺术感强，还设置了动画）文字跟图片搭配怎样。

（合理，没出现图不对题，图不对文的现象）图片和版面的搭配怎么样（协调，不大不小，）

声音或视频幻灯片放的位置是否恰当？声音能不能修改为背景音乐？ C、出现了问题，我们该怎么修改完善呢？（谁有新的建议吗？）

（老师有个建议：在这里怎么怎么，这样效果好不好？）（过渡）好，大家再来欣赏下一位同学的作品。展示评析同上。添加背景音乐

（1）如果需要这个声音作为若干张的背景音乐持续播放，如何添加这种背景音乐呢？

（演示）（选择学生任意一个主题演示文稿）右击小喇叭——“自定义动画”——（声音效果下拉框—效果选项—“播放声音”对话框“效果”中“停止播放”（数字）—确定。声音就能在设置的范围内持续播放。

（2）放映观看 ——请大家对自己的演示文稿进行背景音乐设置

三、老师评价总结：

通过这节课，我们学习了应用单击图标和菜单栏中的“插入”这两种方法添加多媒体内容，利用多媒体内容来制作不同演示文稿，感受到生活的丰富多彩。

只要我们能够积极参与，勇于探索，团结合作，我相信——许许多多的美好画面一定会展现在我们面前，走进我们的生活。

四、课后作业。

大家回去完成两道作业，,(投影)

课外作业: 1.在你的作品上，分别添加表格、图表和组织结构图。2.继续完善你的作品内容和效果。