内容正文:
8 美化网页
教学目标:
1.了解网站的整体风格
2.掌握在网页中添加图片的方法
3.能够根据实际需要编辑加工图片
4. 懂得设置网页背景
5.通过自主探究,小组合作,培养学生的动手实践能力和合作交流能力。通过网页制作,培养学生对美的感受及创造美的能力,提高自身的艺术修养。
教学重点:
插入图片、设置图片属性、编辑图片、设置网页背景
教学难点:
网站的整体风格、图片的替代文本
教学过程:
一、情境体验,导入新课
1、出示三张内容相同设计不同网页,引导学生从图片、色彩、版面方面思考:哪个网页效果好?
2、师总结:一个成功的网站只有根据网站主题,合理搭配图片,应用好色彩,规划好版面,才能使网站具有与从不同的风格。
3、PPT欣赏了解不同风格的成功网站
4、提示课题《第8课 美化网页》
二、任务驱动,自主探究
师:美化网页有许多方法,我们今天先学习最常用的方法有
1.插入图片;
2.设置网页背景。
(一)插入图片
1、布置任务:在“zwjs.htm”网页文件中插入“wn.jpe”图片文件
2、学生自主探究:参考教材P44-45课本或打开微课“任务1”视频进行学习
3、学生演示操作
4、师生共同总结
(二)编辑图片
1、布置任务:PPT展示蜗牛图片,生思考:需要对图片进行哪些修改,让它更美观些?
2、学生自主探究:参考微课视频“任务2”进行学习。
3、学生演示操作
4、师生共同总结
(三)设置图片属性
1、布置任务:对图片属性进行设置
2、学生自主探究:参考教材45-47或打开微课“任务3”视频进行学
3、学生演示操作 师适时引导:
(1)如果想将图片放在右侧等,应该选择哪个选项?
(1)还可以用什么方法直观地调整图片的大小? 生上台演示操作
师:上网时图片无法显示,如何让浏览者在看不到图片情况下却还能知道丢失了什么图片信息?
生上台演示操作
4、总结
(四)设置网页背景
1、布置任务:为“zwjs.htm”网页添加背景
2、学生自主探究:参考教材47-48或打开微课“任务4”视频进行学习
3、学生演示操作
4、总结
三、练习巩固,应用迁移
1、布置任务:打开“ybj.htm”的网页文件进行美化
2、巡视全班,个别辅导,关注学生探究学