五年级下册信息技术8美化网页 教案 闽教版

8 美化网页
1教学目标
1.了解网站的整体风格。??
2.掌握在网页中添加图片的方法并学会简单编辑处理图片。?
3.懂得设置网页背景。??
2学情分析
本节课在学生已经学会建立站点的基础上,对简单的网页进行插入图片,编辑图片,设置背景等美化操作。
3重点难点
1.教学重点。??
插入图片、设置图片属性、编辑图片、设置网页背景。??
2.教学难点。??
网站的整体风格、图片的替代文本。?
4教学过程
活动1【导入】创设情境,激趣导入　
师:上节课我们已经学会了建立站点和新建网页,用到了什么软件还记得吗?
老师已经把上节课建好的站点文件夹发送到你们的桌面上,你能在FrontPage中打开这个网站吗?
学生启动FrontPage,打开网站myweb。
老师操作打开网站
师:这是我们上节课制作的网页,一个网页做到这里是不是就好了呢?当然不是,一个成功的网站除了要有有价值的内容外,还要有与内容相一致的设计风格,接下来先让我们一起欣赏三个网站,一边看一边想一想这些网站用了什么颜色和图片,为什么设计师要这样设计呢。
欣赏网站:
三坊七巷:http://www.sfqx.gov.cn/
中文在线少儿阅览室:http://kids.chineseall.cn/
中国大学MOOC:http://www.icourse163.org/
师:谁能从颜色、图片等方面点评一下这三个网站的设计。
学生说,师总结:
颜色也是有感情的,不同的颜色使人产生不同的联想,带给人不同的感受。
所以我们在设计网页的时候也要学会合理地应用色彩,巧妙地搭配图片,规划好版面,才能使网页更美观,更吸引人。这节课我们就来学习第8课,美化网页。
美化网页有许多方法,如常见的有插入与网页文本内容相关的图片,设置合适的网页背景等。
老师在课前,已经对这个网页进行了一些美化设计,想不想来看一下。
活动2【活动】任务驱动、自主探究
出示对比网页
师:给老师点评一下你觉得哪一个设计的最好呢?为什么?
说到这里同学们想不想自己动手尝试一下呢?别着急,先听老师介绍一下操作步骤。
出示任务:使网页“图文并茂“。
师:首先要在文档中插入图片,插入图片的方法跟WORD软件是一样的,谁还记得WORD中怎样插入图片的呢?
提示:插入网页的图片要提前保存到网站中的image文件夹下,如果插入站点之外的图片,保存网页时会弹出对话框提示你保存。
插入图片后还要对设置图片的属性,并对图片进行编辑
最后再设置网页的背景。
老师想让同学们自己先完成,遇到困难可以使用这些求助方式:
1.参照教材44-47页;
2.观看“资源包“中的微视频;
3.和同学讨论。
教师巡视辅导
展示学生作品
引导学生点评,对代表性问题进行讲解。
师:接下来请看老师的示范,希望同学们能看看还有哪些该注意的问题。
活动3【练习】巩固拓展，创新提高
师:下面老师想请前面没有完成的同学继续完善一下,已经完成的同学可以完成第二个任务,打开xiaoyuan.htm文件,自己选择图片和背景对网页进行修饰。
学生操作
展示学生作品,并进行点评。
活动4【作业】课外作业
打开xiaoyuan.htm文件,自己选择图片和背景对网页进行修饰。