中图片与文字的使用

《中图片与文字的使用》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、初中信息技术教案年级：初中二年级章节名称装扮家园———网站中的图片和文字计划学时2学时教学内容分析“装扮家园———网站中的图片和文字”，通过本课的学习,让学生就可以装扮自己的网上家园，灵活的在网页中插入图片和文字，并设置其常用属性；进行简单的图片、文字混合排列；并运用本课程学习拓展中提供的小技巧解决网页中图片和文字编辑的常见难题。学情分析初中二年级的学生，是处于好奇心比较强的时候，易于接受新鲜的事物，自我价值观树立的时候。自己完成一件作品会很有成就感。所以，在学习本节课“网页中的图片与文字”时候呢

2、，本节课的设计理念是任务驱动。学生通过一堂课的学习，可以完成一个简单的作品，激发起学习的兴趣。教法学法分析教法：任务驱动法，创设情境法学法：自主探究式学习、小组协作式学习教学目标知识与技能：1．会在新建的网页中，利用表格，在页面中插入图片和文字。2．能够把自己插入的图片加上边框。3．能够利用属性面板，对添加进去的文字进行格式的设置。过程与方法：学生能够在老师引导学生进行回忆旧知识的时候，对知识进行迁移，明白在DreamweaverCS4中如何插入图片与文字。在自己实践学习的过程中，不仅学会如何在网

3、页中插入文字和图片，而且在学习的过程中可以学会知识的迁移，为以后在网页中插入flash动画等其他元素打下基础。情感态度与价值观：1．培养学生的审美能力，鉴赏美的能力。2．激发学生的学习网站的积极性。教学重点难点重点：利用表格，在网页中插入文字和图片。难点：1．表格属性的设置（设置起居中的对齐方式）。2．对插入的图片与文字格式进行编辑。教学过程1、问题导入：（1）师：在今天正式上课之前呢，老师先给大家看两个网页，同学们发现这两个网页有什么不同呢？（给同学们呈现两个网页的截图，一个为黑白的，纯粹文字的

4、网页，一个是彩色的，有图片与文字的，而且图文混排的效果看出来特别好，让同学们说出两个网页的不同之处。）（2）总结刚才的提问进入新课：刚才大家从两个网页中发现，后面的一个网页中，不仅有图片，而且还有文字，对不对？并且呢，文字与图片的排列起来都特别漂亮，我们看起来就是特别舒服，对不对哦？今天呢，我们就来学习一下，如何在网页中图片与文字的使用，并对其格式进行设置。2、复习旧知识，进行类比：在正式学习之前呢，老师想考考大家我，“我们在以前的学习过程中，有没有同样遇到插入图片与文字的呢”？生：在WORD中，

5、师：看来同学们对WORD这个老朋友的印象还是挺深的。现在呢，老师就和同学一块来回访一下这位老朋友，想一想我们当时是如何实现了在word中插入图片与文字的，好不好？生：好的。（老师呈现在大屏幕上，一份老师提前编辑好的文档，中间有文字和图片）师：老师呢，想让大家和老师一块来操作，完成这个文档的排版，检验大家对Word这个老朋友还是不是熟悉？同学们说步骤，老师帮你们操作，好不好？生：好的（五分钟后。）（为了节约时间，老师在进行文字输入的时候，可以采用，复制——粘贴的方式。）3、完成任务一：看来同学们，对

6、Word这位老朋友已经很了解了，今天呢，我们就认识借助我们上周刚认识的新朋友DreamweaverCS4来，在网页中，插入图片与文字。下面，我们来完成今天的第一个任务。（在屏幕上呈现网页的样子）师：在你们的桌面上有一个名字叫做“世博会素材”的文件夹，里面有图片素材，为了节约大家的时间呢，老师已经需要的文字材料放在Word中了。为了使同学们快速完成任务，老师把操作的关键步骤放在大屏幕上了。同学们，可以参考大屏幕，完成任务。大家先动手试试吧。可以同学们之间相互讨论，互帮互助。教学过程（十五分钟后）（老

7、师巡视，看学生有什么困难，及时引导学生，并进行记录）（一部分同学完成任务之后，老师进行讲解，总结。）为了让同学吗你更快的完成自己的任务，老师想请一位同学上来演示一下他的操作步骤。（两分钟）学生演示完之后师：**同学是不是很聪明啊？生：是的！师：为了帮助大家记忆更加深刻呢，老师再给大家演示一次，好不好？（老师重复插入图片的步骤，并结合讲解，演示给同学们看。）演示完了之后，老师现在再给同学们五分钟的时间，完成任务一，完成任务的同学们呢，就当老师的小助手，帮助其他的同伴完成任务，好不好？现在开始吧!4、

8、完成提升任务老师看到大家的任务一，差不多都已经完成了，现在呢我们就进行，升级任务（大屏幕呈现做好的网页）同学们先来观看一下，这个任务和我们刚才完成的任务一，有什么更加“先进”的地方呢？生：图片加上了边框，文字的格式变了，还有就是下面的文字的前面加上了点师：同学们说是图片加上了边框，说法是相当的专业，但是下面文字前面的点呢，是叫做“项目列表”，同学们现在明白提升任务主要需要做的事情，现在就开始做吧！老师提示一下大家，充分利用编辑区下面的属性工具栏，给图片加上边框，设置文字的格式。可以