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、巡视全班,个别辅导,关注学生探究学习的情况,适当点评学生探究活动过程。?
3、展示学生完成创新活动的成果,并对作品进行评价?
四、归纳小结、学生自评:?
1、梳理所学知识。???
2、学生填写活动评价表