资源简介

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、学生填写活动评价表

展开更多......

收起↑