第12课 一触即发——应用行为创建动态效果 教案

第12课 一触即发——应用行为创建动态效果 教案
教学目标
知识与技能
1、了解网页动态效果的一般制作过程。
2、知道网页的版面设计及布局要点及网页特效的作用。
3、能够根据任务需求,熟练使用网页制作软件制作网页特效以,表达意图。
4、理解网页制作的参考评价要素。
过程与方法
网页制作特效要应用到多方面的知识,同时给学生提供了自由发挥的空间,学生可以充分发挥自身的创造力与想象力,培养学生综合运用知识和创新的能力。
情感态度与价值观
促进学生获取信息的能力、设计能力、审美能力的提高,鼓励学生溶入自己的个性制作出新颖、吸引人的作品。
学情分析
这节课是在学生学习了网页的制作后,初步认识并掌握了网页制作基本操作的基础上,指导学生对网页文字进行修饰,并配上漂亮的背景、动听的背景音乐,以及插入水平线分隔层次,从而完成对网页的装扮、修饰、美化任务,提高学生自身艺术修养。21教育网
对于工具软件使用,学生在之前已经学习了文字处理的基本操作。但对于根据任务需求解决实际问题,他们大多数缺乏问题分析、整体规划和创新设计制作等能力。通过引导学生制作网页及特效,让他们在经历完整的作品制作活动的过程中,逐步领会利用工具软件解决问题甚至创新改革的各种方法,形成良好的习惯和信息表达能力和创新思维。【来源：21·世纪·教育·网】
重点难点
教学重点
在网页中设置网页背景、添加背景音乐,综合运用素材,使自己的网页更美观。
教学难点
对素材的更精细设置,对各个对话框的具体设置及其功能运用。
教学课时
1课时
教学过程
教学活动
活动1【导入】
一、创设情景，引入课题评论
按照心理学常识,学生对学习内容产生兴趣,就能自觉地排除内外主客观因素的干扰,集中注意力积极主动地投入学习,把学习当成愉快的事。因此,在学习新知识前,创设情景,引入课题。21·cn·jy·com
创设情景1:展示幻灯片中的两套房子图片(不同效果的两套新房,A:未装修的房子B: 已装修的房子)。
教师提问:你喜欢在哪套房间里生活呢?为什么?(在这个环节中出乎我的意料,很多同学回答是选择未装修的房子来生活,他们的理由是:未装修的房子可以根据自己的风格、喜好等各方面来装修)2·1·c·n·j·y
创设情景2:展示幻灯片中的两个网页的图片(A:平平凡凡的班级简介,B:图文并茂的班级简介)。
教师提问:哪张网页更漂亮,更让人喜欢呢?为什么?
最后教师引入课题:美,是道德上的善的象征,是从灵魂深处发出的,美的事物是永恒的喜悦,因此我们不仅要从生活中寻找美,还可以从我们的网页制作中找到真正的美,今天让我们一起来装饰我们已制作的班级网站中的班级简介,给“我们的家”锦上添花。21·世纪*教育网
然后将全班学生分成四个小组,宣布今天的小组学习竞赛正式开始,看哪组同学能为“我们的家”锦上添花。
活动2【活动】
二、任务驱动，掌握新知评论
(一)文字的修饰
打开之前制作的班级网站。导入第一个新知识点:之前我们制作的网页,所有的文档内容已经输入,但视觉效果不是很好,我们能把“我们的家”“梳妆打扮”一下吗?21世纪教育网版权所有
任务一:为网页“梳妆打扮”。
教师打开网页“我们的家”,引导学生回忆在word中学过对文档的修饰及美化,过渡到网页的文字修饰,方法和Word文档的编排几乎一样。然后和学生一起,共同探讨美化网页的好方法。同时请学生注意FrontPage 2003工具栏中哪些工具栏按钮与Word 2003不同。(并要求学生掌握技巧:①变化文字大小可使文章更显活泼,便于突出重点。②给一些特殊的文字加上特殊的修饰以进行强调。③改变文字的颜色刺激视觉,给人留下深刻印象。)www-2-1-cnjy-com
然后学生亲自实践操作练习,完成任务一,灵活熟练地对网页文字进行修饰。并展示了优秀作品,进行综合评点。21*cnjy*com
最后将网页文字修饰前后的效果进行对比,让学生体会哪个更美。
(二)设置网页的背景
问题导入下一新知识点:我们刚才已经把网页“我们的家”的文字打扮得很漂亮了,那么大家能否再给它穿上一件“花衣服”,让它看起来更漂亮些呢?
任务二:给网页“穿上花衣”。
让学生打开网页“我们的家”,引导学生调出网页背景设置窗口(从格式菜单调出或者利用鼠标右击调出),为学生讲解各选项卡的设置及其功能应用。然后要求学生自主探究学习,尝试发现新知,深入感知综合实践,完成任务二。并展示优秀作品,同时进行前后效果对比,感受“穿上花衣”的视觉效果。
(三)添加背景音乐
第三个新知识衔接:刚才大家给网页“我们的家”添加了背景、修饰了文字,已经够漂亮了,但大家能否给它再加上悦耳的音乐,让我们的网页“有声有色”呢?
任务三:让网页“有声有色”。
打开网页“我们的家”,引导学生回顾刚才在网页背景设置窗口的常规选项卡中有背景音乐的设置,让学生实践,完成任务三,感受其“有声有色”的良好听觉效果。然后对添加背景音乐的前后效果进行对比。21cnjy.com
(四)插入水平线
导入第四个知识点:我们的网页基本上可以说是“有声有色”了,但看起来布局还有点零乱,各部分之间界限不明确,那么怎样才能使它条理清楚,层次分明呢?那就是插入“水平线”。www.21-cn-jy.com
任务四:使网页“条理清楚、层次分明”。
教师温馨提示:在网页中使用水平线是分隔章节、主题和其他元素的方法。
如果不喜欢固定格式的水平线,还可以插入图片作为水平线。
让学生实践操作,完成任务四,细心观察插入水平线后的变化
然后展示优秀作品,将插入水平线前后效果对比,深刻理解插入水平线的意义。
活动3【练习】
三、反馈练习，熟练掌握评论
四个知识点已学完,最后让学生综合反馈练习,进行小组综合才艺大比拼。
教师提出要求:熟练掌握对素材的更精细设置,对各个对话框的具体设置及其功能运用,完成教学难点任务。
教师对各小组进行个别辅导,并对各小组学生练习情况进行综合评价,展示其优秀的网页作品,鼓励课外制作更精美的网页作品。【来源：21cnj*y.co*m】
活动4【导入】
四、归纳总结，灵活运用评论
本节课主要学习了网页文字修饰,通过设置“网页属性”、插入“水平线”等操作,把网页变得整洁有序,美观大方,还给网页添加背景音乐,使网页“有声有色”。通过装扮、修饰、美化网页,让学生从视觉听觉上感受美的愉悦,提高了学生的艺术修养。2-1-c-n-j-y