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