内容正文:
第七课 各种图片竞添彩
教学目标:
1.学会在网页中插入图片,使页面内容更充实;
2.能够根据页面内容对图片的大小、位置、亮度进行合理的调整;
3.能够综合运用水平线、花边、艺术字等装饰页面,提高学生知识整合能力和审美能力。
教学重难点:
在网页中插入图片,根据页面内容对图片的大小、位置、亮度进行合理的调整。
教学方法:讲授法、自学指导法、任务驱动法
教学用具:计算机网络教室、多媒体课件
教学过程:
一、导入:
在网页中插入与网页内容相关的图片,能让阅读网页的人感受到内容的精彩,利用花边、图案、线条、艺术字等装饰性元素,会使自己的网页图文并茂、内容充实、色彩亮丽,这节课,我们就来进一步装饰自己的网页。
展示优秀网页,请学生找出亮点。
二、新授:
1.插入图片
想一想:给网页中插入怎样的图片,能使页面内容更充实?
提示:在网页中出现的图片,都应该存放在“my\webs\imgs”文件夹中。
教师讲解并演示操作方法。
①单击“插入—图片—来自文件…”选项;
②选择图片存放的位置,并找到要插入的图片文件;
③单击“插入”按钮。
学生尝试将相关图片插入到网页中。
小组协作,找出并解决插入图片过程中出现的问题。
2.调整图片
展示学生已经插入图片的网页,请学生指出有哪些问题需要解决。教师总结:
①调整图片大小的方法;
②调整图片对比度、亮度等属性;
③对图片进行必要的剪裁;
④调整图片在页面中的位置;
⑤设置图片的环绕方式。
学生根据存在的问题,对网页中的图片进行再调整。
3.添加装饰元素
想一想:在页面的什么位置适合插入花边、小图案、水平线、剪贴画等装饰性元素?
师讲解插入和设置水平线的方法:
①定位插入点,单击菜单栏“插入—水平线”;
②在水平线上单击或右键,在快捷菜单中选择“水平线属性…”;
③调整水平线的宽度、高度、颜色、位置,单击“确定”按钮。
小提示:网页中的装饰不宜过多,否则会显得凌乱而冲淡主题。也会使网页加载时间过长,影响浏览的时间。
三、学生练习:
把已经收集到与网页内容相关的图片插入到网页中,根据页面内容对图片的大小、位置、亮度进行合理的调整,运用水平线、花边、艺术字等来装饰页面。
四、课堂小结:
展示完成的网页。
学生自评:在你的网页中,你用到了哪些元素?你觉得效果怎么样?
学生互评:你觉得谁的网页最漂亮?为什么?
板书设计:
第七课 各种