《网页中图片与文字的使用教案》由会员分享，可在线阅读，更多相关《网页中图片与文字的使用教案（6页珍藏版）》请在金锄头文库上搜索。
1、初中信息技术教案年级：初中二年级章节名称装扮家园网站中的图片和文字计划学时2学时教学内容分析“装扮家园网站中的图片和文字”，通过本课的学习,让学生就可以装扮自己的网上家园，灵活的在网页中插入图片和文字，并设置其常用属性；进行简单的图片、文字混合排列；并运用本课程学习拓展中提供的小技巧解决网页中图片和文字编辑的常见难题。学情分析初中二年级的学生，是处于好奇心比较强的时候，易于接受新鲜的事物，自我价值观树立的时候。自己完成一件作品会很有成就感。所以，在学习本节课“网页中的图片与文字”时候呢，本节课的设计理念是任务驱动。学生通过一堂课的学习，可以完成一个简单的作品，激发起学习的兴趣。教法学法分析教法
2、：任务驱动、法创设情境法学法：自主探究式学习、小组协作式学习教学目标知识与技能：1 会在新建的网页中，利用表格，在页面中插入图片和文字。 2 能够把自己插入的图片加上边框。3 能够利用属性面板，对添加进去的文字进行格式的设置。过程与方法：学生能够在老师引导学生进行回忆旧知识的时候，对知识进行迁移，明白在Dreamweaver CS4中如何插入图片与文字。在自己实践学习的过程中，不仅学会如何在网页中插入文字和图片，而且在学习的过程中可以学会知识的迁移，为以后在网页中插入flash动画等其他元素打下基础。情感态度与价值观：1 培养学生的审美能力，鉴赏美的能力。 2 激发学生的学习网站的积极性。教学
3、重点难点重点：利用表格，在网页中插入文字和图片。难点：1表格属性的设置（设置起居中的对齐方式）。2对插入的图片与文字格式进行编辑。教学过程教学过程1、问题导入：（1）师：在今天正式上课之前呢，老师先给大家看两个网页，同学们发现这两个网页有什么不同呢？（给同学们呈现两个网页的截图，一个为黑白的，纯粹文字的网页，一个是彩色的，有图片与文字的，而且图文混排的效果看出来特别好，让同学们说出两个网页的不同之处。）（2）总结刚才的提问进入新课：刚才大家从两个网页中发现，后面的一个网页中，不仅有图片，而且还有文字，对不对？并且呢，文字与图片的排列起来都特别漂亮，我们看起来就是特别舒服，对不对哦？今天呢，我们
4、就来学习一下，如何在网页中图片与文字的使用，并对其格式进行设置。2、复习旧知识，进行类比：在正式学习之前呢，老师想考考大家我，“我们在以前的学习过程中，有没有同样遇到插入图片与文字的呢”？生：在WORD中，师：看来同学们对WORD这个老朋友的印象还是挺深的。现在呢，老师就和同学一块来回访一下这位老朋友，想一想我们当时是如何实现了在word中插入图片与文字的，好不好？生：好的。（老师呈现在大屏幕上，一份老师提前编辑好的文档，中间有文字和图片）师：老师呢，想让大家和老师一块来操作，完成这个文档的排版，检验大家对Word这个老朋友还是不是熟悉？同学们说步骤，老师帮你们操作，好不好？生：好的（五分钟后
5、。）（为了节约时间，老师在进行文字输入的时候，可以采用，复制粘贴的方式。）3、完成任务一：看来同学们，对Word这位老朋友已经很了解了，今天呢，我们就认识借助我们上周刚认识的新朋友Dreamweaver CS4 来，在网页中，插入图片与文字。下面，我们来完成今天的第一个任务。（在屏幕上呈现网页的样子）师：在你们的桌面上有一个名字叫做“世博会素材”的文件夹，里面有图片素材，为了节约大家的时间呢，老师已经需要的文字材料放在Word 中了。为了使同学们快速完成任务，老师把操作的关键步骤放在大屏幕上了。同学们，可以参考大屏幕，完成任务。大家先动手试试吧。可以同学们之间相互讨论，互帮互助。（十五分钟后）
6、（老师巡视，看学生有什么困难，及时引导学生，并进行记录）（一部分同学完成任务之后，老师进行讲解，总结。）为了让同学吗你更快的完成自己的任务，老师想请一位同学上来演示一下他的操作步骤。（两分钟）学生演示完之后师：*同学是不是很聪明啊？生：是的！师：为了帮助大家记忆更加深刻呢，老师再给大家演示一次，好不好？（老师重复插入图片的步骤，并结合讲解，演示给同学们看。）演示完了之后，老师现在再给同学们五分钟的时间，完成任务一，完成任务的同学们呢，就当老师的小助手，帮助其他的同伴完成任务，好不好？现在开始吧!4、完成提升任务 老师看到大家的任务一，差不多都已经完成了，现在呢我们就进行，升级任务（大屏幕呈现做
7、好的网页）同学们先来观看一下，这个任务和我们刚才完成的任务一，有什么更加“先进”的地方呢？生：图片加上了边框，文字的格式变了，还有就是下面的文字的前面加上了点师：同学们说是图片加上了边框，说法是相当的专业，但是下面文字前面的点呢，是叫做“项目列表”，同学们现在明白提升任务主要需要做的事情，现在就开始做吧！老师提示一下大家，充分利用编辑区下面的属性工具栏，给图片加上边框，设置文字的格式。可以小组之间进行讨论，发挥你们的聪明才智，大家开始做吧！（十分钟后）师：老师看到同学们差不多已经完成任务了，老师再帮大家总结一下，好不好。（老师讲解操作的步骤）选中图片，在属性工具栏中的边框的输入框中输入2，表示
8、图片的边框是2像素。选中“城市人馆”，在属性工具栏中的格式选项框中，选择“标题1”。选中下面的全部文字，点击属性工具栏中的，“项目列表”，给文字添加项目符号。下面的设置，和老师刚才的操作是一样的。老师再给同学们三分钟的时间，完成你们刚才没有完成的任务5、小结，布置作业同学们，现在同学们和老师一块来回忆一下，我们这节课所学习的内容，好不好？生：好的师：今天呢，我们主要是学习了在网页中，图片与文字的使用，为了更方便的进行插入图片和文字，老师借助了哪个工具来帮忙呢？生：表格。师：很好；我们借助了表格来进行操作，我们现在一块来回忆一下，我们完成任务一的步骤，好不好？首先是新建文档保存文档插入表格设置对
9、齐方式为居中在插入表格居中对齐第一列插入图片第二列输入文字然后中间的其他部分是不是重复和前面的一样呢？我们在制作底部的时候。是不是同样是，先插入表格，但是在插入表格的时候，和前面不同的是我们把表格的边框粗细设置为2像素，是不是？所以才有我们页面中的这种效果，对不对？然后把光标移入单元格呢，利用属性面板，设置单元格的水平对齐方式为居中，然后输入文字。经过上面的步骤呢，我们就完成了我们的任务一，在升级任务中呢，我们给图片加入了边框，设置了文字的格式，并且为其加了项目列表。我们主要使用的就是属性工具栏了。这些呢就是我们今天学习的主要内容。世博会马上会的展馆有很多，今天我们介绍的只是其中四个展馆，老师
10、想让同学课后到这个网站中，选择自己感兴趣的一些网站，来制作一些网页，同学们可以充分运用我们今天所学习的知识，发挥你们的想象力与创造力，相信同学们下次课一定会给老师一个惊喜的。（要求学生利用课堂剩余的时间上网搜集素材，完成作业，下次课一块进行评讲）教学反思本课是让学生完成一个关于世博会一些展馆的介绍的网页设计，个人认为，从与时俱进这个方向来说，本课的设计应该有其一定的优点。在学习新知识的过程中，学生在两个课时学习完了之后，可以完成自己一个小作品，可以激发学生的学习兴趣，使学生会比较有成就感，本课在完成第一个任务的时候，采用的是演示法，让学生根据老师给出来的关键步骤，完成任务。同时也是一个自主探究的过程。当时到底学生会在实践中遇到什么样的问题，也需要在真正讲授过课程才可以。在提升任务中，就是放手完全让学生进行探索，充分让学生进行资助探究，同时也可以培养学生协作精神。还有一点就是自己现在表明的一些时间，只是自己想象中的一些时间，在真正的教学中，学生操作那块估计的弹性会大一些。课程流程图老师小结这节课的主要内容，布置课后作业老师讲解，学生继续完成任务学生自主探究、结合协作学习老师学生一块word中操作回忆操作步骤学生继续完成任务请同学演示，然后老师演示呈现完成任务一的关键步骤呈现任务一呈现提升任务回忆word中图片与文字的插入网页中图片与文字的使用情境导入
