本资料来自于资源最齐全的21世纪教育网www.21cnjy.com
课题名称:用图片装饰网页
教学分析:现在,我们的网站总算是初具规模了。不过,大家是不是觉得少点什么?对了!缺少图片。下面我们就来学习如何在网页中插入一些能烘托主题的图片,使网页变得图文并茂。
知识与能力:学会在网页中插入图片。过程与方法:通过学生探究学习过程中,掌握美化网页的基本操作。情感态度价值观:(1)通过动手实践,培养学生的审美情趣。(2)培养学生在学习过程中自主探究、对比、举一反三的学习能力。(3)利用知识的迁移,培养学生的综合信息素养能力。
教学重点:引导学生正确插入剪贴画。
教学难点:在网页中插入图片。
教学教具:多媒体网络教室
教学设计
教学内容及设计意图 教学方法及手段任务驱动法讲解法任务驱动法讲解法 教 师 教 的 活 动四、在网页中插入剪贴画同word一样,frontpage也提供了很多剪贴画,可以选择适当的剪贴画插入到网页中。剪贴画的像素较少,当用浏览器打开网页时,剪贴画常常会变虚,所以一般只用剪贴画作背景和小的点缀。布置任务:在“诗文荟萃”网页中的“唐诗赏析”4个字前面插入一幅剪贴画。确定欲插入剪贴画的位置。本例打算把剪贴画插在“唐诗赏析”这几个字的前面,因此将插入点光标移到“唐诗赏析”4个字的前面。单击菜单栏上的“插入”,打开“插入”菜单;将鼠标指针移到“插入”菜单中的“图片”上,弹出下一级菜单。在“剪贴画库”窗口中,单击“按钮与图标”类,打开“按钮与图标”类的剪贴画库。在“剪贴画库”中选中一幅剪贴画后单击,图片旁边出现4个竖直排列的按钮。这时剪贴画已经插入到网页中了,不过,插入的剪贴画离文字太近,最好在剪贴画后面空一个空格。小博士:由于图片文件占用的存储空间要比文本文件大的多,下载时比较花费时间,所以网页中图片不宜太多,特别是要少用大的图片或动画。动动手:在诗文荟萃网页中的“美文在线”、“自我介绍”、“联系站长”的前面分别插入一幅小剪贴画,在这4行文字的下面插入一幅小鸟送邮件的图片。五、删除网页中的图片:如果觉得网页上的哪副图片不好看或者不合适,可以把它删除。布置任务:把“诗文荟萃”网页中的标题后面的图片删掉。六、在网页中插入gif动画网页中常见的动画效果很多是gif动画效果。例如,把下面的几幅图片制作成一个gif动画文件,按顺序连续播放这几幅图片,即可产生动画效果。课后练习:1、将“美文在线”网页中的水平线去掉,然后把自己收集的图片插入到“美文在线”网页中,调整格式。 学生学的活动学生根据教师布置得任务认真完成。学生根据教师布置得任务认真完成。学生课下完成教师布置得任务。 目标达成及反思1.本节课在文字修饰块内容教师可以略说,学生自己动手实践,但其中就存在一个问题,若文字处理软件没有学习,此内容就会影响本节课的完成效果。2.任务延伸这块内容可根据整体学生掌握情况加以取舍,也可对个别学习较快的做为知识的延伸内容。3.内容衔接比较紧凑。 老师复备内容
21世纪教育网 -- 中国最大型、最专业的中小学教育资源门户网站。 版权所有@21世纪教育网