五年级下册信息技术教案-8美化网页｜ 闽教版（2016）
8 美化网页
建立文本网页后我们一般会先想到要美化网页,因此,它是第 7 课内容的延续。 本课主要介绍了网站的整体风格、 在网页中添加图片、 设置网页背景等内容,通过这些知识技能的学习,让学生能够初步学会应用图片来美化网页,体验色彩、版式、布局对网站整体风格的塑 造的作用。插入图片操作,可以将 Word 中学过的知识迁移应用到本节课中。
1.了解网站的整体风格。
2.掌握在网页中添加图片的方法并学会简单编辑处理图片。
3.懂得设置网页背景。
五年级学生通过 Word 中相关知识技能的学习,可以充分利用原来知识经验,稍作比较分析即可。不同的是,在网页中添加的图片文件一般要存放在站点文件夹下,如果没有存放在站点文件夹下,在保存网页时,系统会做相应的提示,这也是 FrontPage 站点管理功能的一个体现。 网站的整体风格对于该年级的学生可能相对陌生, 主要涉及色彩 的运用、文本与图片的结合考虑,帮助学生形成对色彩的运用感性的 认识。 图片属性对话框中“可选外观”中的文本,也即替代文本,这个替代作用,学生理解时可能会有困难,可以举出实例直接让学生自己感受。
- 教学重点。
插入图片、设置图片属性、编辑图片、设置网页背景。
- 教学难点。
网站的整体风格、图片的替代文本。
5教学过程
5.1 第一学时
5.1.1教学活动
【教学过程】
一、 创设情境,激趣导入
师:同学们,我们知道因特网有数不清的网站为人们提供各式各样的服务,不管什么类型的网站,它都有自己的风格,一个网站的风格与机构、企业或个人的整体形象相一致,尤其是一些风格迥异的优秀网站特别受青睐。接下来我们一起来欣赏一下这两个网站(三坊七巷、中华少儿网) 。
1. 展示实例网站,如三坊七巷、中华少儿网 网站。 请同学们认真观察 ,就网站风格进行点评
2. 师: 三坊七巷:以褐色为主,表现出低调、内敛,褐色传达沉着、稳重、古朴的风格。中华少儿网:以绿色为主色调,让人感觉和平、青春和希望,有亲和力,友好温馨的感觉。
师:三坊七巷和中华少儿网站做得都比较成功,一个成功的网站它的主题鲜明,内容丰富完整,内容丰富、完整,色彩协调,图文并茂,版面安 排合理,有自己独特的风格,让人看了赏心悦目,是技术与艺术的完 美结合。讲到这,同学们有没有跃跃欲试的感觉,今天我们就一起来 学习一下如何美化网页。
3. 揭示课题: 第 8 课《美化网页》
师:上一节课我们学习了如何建立网站和网页,同学们也建立了一个自我介绍的网页。这节课我们就来比一比,谁能把《自我介绍》网页装扮得最美。
二、任务驱动,自主探究
首先我们先来学习一下如何在网页中添加图片。
(一)使网页“图文并茂”
1. 引导学生回顾 Word 中插入图片的方法。
2. 学生自学书本 P44-45 内容“插入图片文件”并完成相应活动。为《自我介绍》网页配上精美的图片。 温馨提示:插入站点之外的图片时,保存网页,会弹出“保存嵌 入式文件”对话框,提示你将图片保存到“images”文件夹下。
3. 学生演示,教师讲解。
(二)编辑图片
师:同学们,你们看看插入的图片存在什么问题(图片偏大)? 同学们回顾下在 Word 中该怎么解决呢?(生答)通过拖动控制点来 改变图片大小。 那我们一起来试试 Frontpage 中是不是也可以使用类似的方法解决问题呢?