资源简介

(共21张PPT)
情境导入：
本单元主题：在线创作作品
我们经常使用网页浏览信息,网页中的内容图文并茂、丰富多彩,能够全面、形象地展示要表达的主题。而且网页上的内容可以方便地通过网络进行分享、转发,以获得更多的关注。
同学们收集的家乡的素材已经整理好了,赶紧大显身手,制作介绍家乡的网页作品,并在网络上进行分享吧。
《2.1 图文搭配制作网页》
——图文搭配
2023年电子工业出版社 三年级下册
-第2单元 在线创作作品 -
珠珠老师
信息科技 课件
2022新版课标内容
1
活动1：网页文字我来做
2
活动2：插入图片增色彩
3
活动3：亮眼的封面设置
《目录》
信息科技
01
网页文字我来做
活动1
01.知识点讲解
经过讨论，小江所在的小组要制作“家乡有美景”的网页。
在“家乡有美景”的网页中，少不了介绍家乡美景的文字，我们可以自己写，也可以将前期收集的文字素材复制、粘贴到网页中，减少重复性操作，提高制作网页的效率。
活动1：网页文字我来做
01
01.知识点讲解
01
请选择一个在线网页编辑工具，在其中输入介绍家乡美景的文字。
1.打开在线网页编辑工具，选择模板,进入如图所示页面。
活动1：网页文字我来做
助力知识
网址：https://open./
01.知识点讲解
01
2.输入标题“家乡有美景”,将收集到的文字素材复制、粘贴到文字区域,利用页面上方调整文字的工具对文字的粗细、大小、颜色等进行调整,如图所示。
活动1：网页文字我来做
助力知识
01.知识点讲解
01
将收集到的关于家乡美景的其他文字素材复制、粘贴到网页中。
实践探究
活动1：网页文字我来做
02
插入图片增色彩
活动2
01.知识点讲解
如果我们看到的网页文章中只有文字,就很容易产生视觉疲劳。在网页中适当地插入一些图片不仅可以丰富文章内容,还可以增加文章的可读性。
在我们制作的“家乡有美景”的网页中，可以插入一些家乡美景的图片，让图片和文字互相映衬，更加突显家乡的美。
活动2：插入图片增色彩
02
01.知识点讲解
请在编辑的“家乡有美景”网页文章中插入与文字内容相匹配的图片，使文章图文并茂，并预览网页效果，如图所示。
活动2：插入图片增色彩
02
01.知识点讲解
02
助力知识
在网页中插入的图片要符合文章的主题,数量要适中,这样才能使文字和图片相得益彰，更加突出文章的主题。
1.单击“+”按钮，选择“图片”选项卡，如图2.1.4所示。
活动2：插入图片增色彩
01.知识点讲解
02
助力知识
2.选择合适的图片插入网页中
3.单击“手机预览”按钮，预览网页的显示效果。
活动2：插入图片增色彩
为不同段落插入合适的图片,图2.1.6供参考。
实践探究
01.知识点讲解
02
活动2：插入图片增色彩
有的同学说网页中的图片越多越好,有的同学说图片越漂亮越好。请你和小伙伴讨论一下,在编辑的网页中插入图片时应该注意什么。
讨论与交流
03
亮眼的封面设置
活动3
01.知识点讲解
活动3：亮眼的封面设置
03
我们在浏览网页时,常常会被网页上一些精彩的标题和封面图片所吸引，进而打开网页浏览其中的内容。封面图片和标题对吸引浏览者、增加网页浏览量起着至关重要的作用。
在制作“家乡有美景”网页时,在线网页编辑平台会默认将我们插入的第一张图片作为网页的封面图片，如果觉得不合适可以进行更换。
01.知识点讲解
活动3：亮眼的封面设置
03
请在收集的图片素材中选择一张合适的图片作为网页文章的封面，如图所示。
01.知识点讲解
03
尝试为封面图片添加合适的标题。
实践探究
所有的图片都适合作为封面吗，为什么 在设置网页封面图片和标题时应该注意什么
讨论与交流
活动3：亮眼的封面设置
1.制作好的文字和图片的顺序可以根据需要进行调整，如图2.1.9所示，将第1张图片移动到第1段文字上方。
>
巩固练习
2.对插入网页中的图片，不仅可以更换，还可以进行旋转、裁剪、加滤镜等操作。请根据需要，对图片进行调整。
1
活动1：网页文字我来做
2
活动2：插入图片增色彩
3
活动3：亮眼的封面设置
《总结》
信息科技
《感谢观看》
- Thank for Viewing -
珠珠老师
2023年电子工业出版社 三年级下册《2.1图文搭配制作网页——图文搭配》教学设计
教学内容分析
本节课是2022年电子工业出版社出版的三年级下册第二单元第1课。本节课分为三个活动：“网页文字我来做”“插入图片增色彩”“亮眼的封面设置”三部分内容组成。学生通过小组合作探究学习逐步掌握本节课的知识点，具备一定的小组合作能力、探究能力、创新能力等，提升信息社会责任，综合提升信息素养。
教学目标及核心素养指向
1、能够运用在线网页编辑工具，将文字素材复制、粘贴到网页中（信息意识、计算思维） 2、能够在网页中插入符合文章主题的图片（信息意识、计算思维、数字化学习与创新） 3、能够选择一张合适的图片作为网页文章的封面，并为封面图片添加合适的标题（信息意识、计算思维、数字化学习与创新、信息社会责任）
教学重难点
教学重点： 1、能够运用在线网页编辑工具，将文字素材复制、粘贴到网页中 2、能够在网页中插入符合文章主题的图片 设计原因：网页文字和图片是本节课的主要内容，知识点的渗透需要作为重点内容。 教学难点： 能够选择一张合适的图片作为网页文章的封面，并为封面图片添加合适的标题 设计原因：封面设置在操作上对学生来说比较困难，所以此部分对学生来说难度较高，应作为难点内容。
教学过程
1、情境导入（3分钟）
教师活动 学生活动
情境引入：我们经常使用网页浏览信息,网页中的内容图文并茂、丰富多彩,能够全面、形象地展示要表达的主题。而且网页上的内容可以方便地通过网络进行分享、转发,以获得更多的关注。 同学们收集的家乡的素材已经整理好了,赶紧大显身手,制作介绍家乡的网页作品,并在网络上进行分享吧。 学生听教师引导生活中的案例,学生讨论，回答提问
设计意图： 激发学生对图文搭配的学习兴趣并快速进入学习状态。
2、新知讲授（35分钟）
教师活动 学生活动
活动1：网页文字我来做 知识讲解 经过讨论，小江所在的小组要制作“家乡有美景”的网页。 在“家乡有美景”的网页中，少不了介绍家乡美景的文字，我们可以自己写，也可以将前期收集的文字素材复制、粘贴到网页中，减少重复性操作，提高制作网页的效率。 重点知识 请选择一个在线网页编辑工具，在其中输入介绍家乡美景的文字。 1.打开在线网页编辑工具，单击“新建文章” 2.输入标题“家乡有美景”,将收集到的文字素材复制、粘贴到文字区域,利用页面上方调整文字的工具对文字的粗细、大小、颜色等进行调整。 活动2：插入图片增色彩 知识讲解 如果我们看到的网页文章中只有文字,就很容易产生视觉疲劳。在网页中适当地插入一些图片不仅可以丰富文章内容,还可以增加文章的可读性。 在我们制作的“家乡有美景”的网页中，可以插入一些家乡美景的图片，让图片和文字互相映衬，更加突显家乡的美。 请在编辑的“家乡有美景”网页文章中插入与文字内容相匹配的图片，使文章图文并茂，并预览网页效果 重点知识 在网页中插入的图片要符合文章的主题,数量要适中,这样才能使文字和图片相得益彰，更加突出文章的主题。 单击“+”按钮，选择“图片”选项卡， 2.选择合适的图片插入网页中 3.单击“手机预览”按钮，预览网页的显示效果。 活动3：亮眼的封面设置 知识讲解 我们在浏览网页时,常常会被网页上一些精彩的标题和封面图片所吸引，进而打开网页浏览其中的内容。封面图片和标题对吸引浏览者、增加网页浏览量起着至关重要的作用。 在制作“家乡有美景”网页时,在线网页编辑平台会默认将我们插入的第一张图片作为网页的封面图片，如果觉得不合适可以进行更换。 请在收集的图片素材中选择一张合适的图片作为网页文章的封面 学生通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务 活动1：网页文字我来做 小组合作探究 将收集到的关于家乡美景的其他文字素材复制、粘贴到网页中。 活动2：插入图片增色彩 小组合作探究 为不同段落插入合适的图片。 2.有的同学说网页中的图片越多越好,有的同学说图片越漂亮越好。请你和小伙伴讨论一下,在编辑的网页中插入图片时应该注意什么。 活动3：亮眼的封面设置 尝试为封面图片添加合适的标题。 所有的图片都适合作为封面吗，为什么 在设置网页封面图片和标题时应该注意什么
设计意图: 培养学生独立思考的能力，提高核心素养。
3、课堂小结（7分钟）
教师活动 学生活动
总结本课内容： 活动1：网页文字我来做 活动2：插入图片增色彩 活动3：亮眼的封面设置 学生一同回答并梳理知识
设计意图： 帮助学生梳理本节课知识，加深学生对知识的理解。(共1张PPT)
学习单
1
活动1：网页文字我来做
将收集到的关于家乡美景的其他文字素材复制、粘贴到网页中。
实践探究
班级：3年__班
组别：______
2
活动2：插入图片增色彩
有的同学说网页中的图片越多越好,有的同学说图片越漂亮越好。请你和小伙伴讨论一下,在编辑的网页中插入图片时应该注意什么。
思考与讨论
3
活动3：亮眼的封面设置
1.尝试为封面图片添加合适的标题。
2.所有的图片都适合作为封面吗，为什么 在设置网页封面图片和标题时应该注意什么
思考与讨论班级：___________ 姓名：______________
《2.1图文搭配制作网页——图文搭配》作业设计
作业分析
作业类型 基础型作业 探究型作业 实践型作业 跨学科综合作业
作业类别 课时作业 单元作业 学期作业
应用场景 课前预习 课中练习 课后作业
作业对象 全体学生作业 学生根据情况可选作业
设计思路 通过比较、综合、拓展，巩固本节课知识点，举一反三，让学生自主探究，掌握新知，沟通交流，提升协作能力。
作业内容
【难度等级：★★】 制作好的文字和图片的顺序可以根据需要进行调整，如图2.1.9所示，将第1张图片移动到第1段文字上方。 【难度等级：★★★】 2.对插入网页中的图片，不仅可以更换，还可以进行旋转、裁剪、加滤镜等操作。请根据需要，对图片进行调整。

展开更多......

收起↑