教材简析
《网页盛装》一课是建立在学生已掌握了FrontPage 2022基本知识之后的一课。本课主要指导学生如何设置网页背景图片和声音、插入水平线、插入滚动字幕及对网页进行美化修饰等,操作技能比较强。从教材内容上来看,内容较多,这节课的教学主要采用“任务驱动教学法”与“协作学习”相结合,尽可能发挥学生想象力,充分将信息技术知识的学习与美术进行整合,创作出更美更漂亮的网页,为下节课的教学打下良好基础。
教学目标
1.知识目标
掌握设置网页背景图片和声音的方法;
学会插入水平线、修改水平线的属性;
学会在浏览器中浏览网页;
学会插入滚动图片字幕。
2.能力目标
让学生掌握设置网页的背景图片和声音、插入水平线、插入滚动字幕等方法,通过学生的操作和协作探讨,培养学生的自主学习、协作学习的能力;通过知识的再现培养学生的创新能力和创新意识。
3.情感目标
通过作品展示和评价,让学生体验成功的喜悦,激发学生的创造热情;通过小组的协作,培养学生的合作精神和集体主义精神。
教学重点
掌握设置网页背景图片和声音的方法;
学会插入水平线、修改水平线的属性;
学会插入滚动图片字幕。
教学难点
掌握设置网页背景图片和声音的方法;
学会插入水平线、修改水平线的属性;
学会插入滚动图片字幕。
学情分析
本课面向六年级学生,对Word很熟悉,并且对FrontPage 2022也有一定的基础,对因特网有一定的认识。但由于学生美术功底的差异,造成学生在美化网页时有一定的差异。教师在教学时应尊重这些差异,多展示一些模板,弥补学生美术上的差异,积极引导学生,提高学生学习兴趣。培养学生获取信息、处理信息、整合信息应用的能力,培养学生的信息素养和独立分析问题、解决问题的能力,提高学生创新能力、自学能力、理论联系实践能力,增强学生独立意识和团体协作精神。
教学方法
情景导入法、任务驱动法。
所用课时
2课时。
教学环境
多媒体机房。4人为一个小组,每个小组选出一名学生出任组长。教师针对学生的能力水平进行适当调整,以达到各个小组的力量均衡。本课教学应至少一人或两人一机,投影机一台或机房配备广播系统,整个机房以宽带的形式接入因特网,网速较快。
教学过程
一、创设教学情景,激发学生学习兴趣
师:上节课我们学习了网页的编辑,也学习了如何修饰文字,插入图片等。今天我们再来看看如何设置网页的背景图片和声音。(板书:设置网页的背景图片和声音。)
教师展示上节课优秀作品。
二、讲授新课
(一)设置网页的背景图片和声音
师:这是上节课×××同学做的作品。(通过展示,与另一有个性背景的网页进行比较,提问让学生发现两者的不同之处)但是白色的背景显得有点单调,我们可以为网页加上个性背景,网页就更漂亮了。请同学们跟老师一起操作。
教师演示操作:
步骤1:用FrontPage 2022打开“宝贝小猪的家”网页,在页面上单击鼠标右键,选择“网页属性”,打开“网页属性”对话框。
步骤2:在打开“网页属性”对话框中,选择“背景”。
步骤3:在“选择文件”对话框中,单击“浏览”,选择一幅你喜欢的图片作为网页的背景图片,单击“确定”按钮。
(二)提供机会,学生实践探究。
投影广播任务:
1.请同学们为网页设置漂亮的背景以及插入动听的背景音乐。
2.将背景颜色设为单一颜色。
3.在“网页属性”对话框中,选择“常规”选项,选择你要作为背景音乐的声音文件名,设置背景音乐。
教师随堂检查并指导学生。
学生练习时提醒学生注意:在进行FrontPage 2022编辑时,有三中编辑模式 ,我们一般使用“普通”模式,如果想看到网页在浏览器中的效果,可以单击“预览”模式,浏览网页效果。有时在FrontPage 2022中看到的网页与在浏览器中看到的会有些差异,比如格式和版面上有些变动。所以,将你的网页展示给别人看之前,一定要先在浏览器中浏览、测试一下,确保网页的实际显示效果准确无误。
教师展示学生作品。
(三)插入水平线
师:刚才同学们设置了背景图片和声音,接下来我们再来看看插入水平线,在网页中常常有一些风格各异的水平线,可以美化网页,将网页分割成不同区域,使网页的布局清晰明了,也更有层次感。下面请同学们跟老师一起插入水平线。
教师演示操作:
步骤1:打开网页,将光标移动到网页中要插入水平线的位置,如“宝贝小猪的家”这一行下面。
步骤2:选择菜单“插入”→“水平线”。
师:有时候觉得水平线不好看,和网页的整体效果不协调,我们可以修改水平线的颜色、高度、宽度等属性。
步骤3:右键单击水平线,选择“水平线属性”选项,打开“水平线属性”对话框,调整水平线的颜色和宽度。
(四)插入滚动字幕
师:在网页中,我们还可以使用滚动字幕能够让网页显得更活泼。
步骤1:用FrontPage 2022打开“宝贝小猪的家”网页,选择菜单“插入”→ “组件” →“字幕”,打开“字幕属性”对话框。
步骤2:在文本框中输入字幕文本,设定滚动方向、速度等参数。
步骤3:我们在“普通”模式下只能编辑网页,看不到滚动字幕的效果,切换到“预览”模式,字幕动起来了;但是在预览模式下,不能进行网页的编辑。
(五)提供机会,学生实践探究。
投影广播任务:请同学们使用背景图片、颜色、背景声音、水平线和滚动字幕,修饰你的网页。
结束语
师:同学们,在这节课中我们学习了在网页中设置背景,为我们今后的网页制作打下了坚实的基础。今后,你们肯定会制作出更加漂亮的个人网站。
三、授课完毕,课程总结
本节课主要讲了以下几个知识点:
1.掌握设置网页背景图片和声音的方法;
2.学会插入水平线、修改水平线的属性;
3.学会在浏览器中浏览网页;
4.学会插入滚动图片字幕。
四、课堂作业
教学反思
动态的网页以及有动态效果的网页对学生而言是非常有吸引力的。教学的过程要注意选择精彩的主题,素材可爱、有童趣,突出实用性,体现生活的实际;要注意组织好课堂,学生活泼而不混乱,无论是讲解还是演示,教师都要与学生互动起来,产生良好的氛围,控制好学生情绪和课堂节奏;要提供丰富的资源,让学生的作品丰富多彩;要鼓励学生应用所学的知识制作出不同的成果;要注重课堂内容的延伸,如果时间剩余,要灵活安排一些学生的拓展练习,没有拓展的时间也要布置一下课后的拓展学习任务。
本课可以让学生自己到网络上探索更多的网页动态效果。
查看全文
false