《网页盛装》教学设计

《网页盛装》教学设计

　　教材简析

　　《网页盛装》一课是建立在学生已掌握了FrontPage 2000基本知识之后的一课。本课主要指导学生如何设置网页背景图片和声音、插入水平线、插入滚动字幕及对网页进行美化修饰等，操作技能比较强。从教材内容上来看，内容较多，这节课的教学主要采用“任务驱动教学法”与“协作学习”相结合，尽可能发挥学生想象力，充分将信息技术知识的学习与美术进行整合，创作出更美更漂亮的网页，为下节课的教学打下良好基础。

　　教学目标

　　1．知识目标

　　掌握设置网页背景图片和声音的方法；

　　学会插入水平线、修改水平线的属性；

　　学会在浏览器中浏览网页；

　　学会插入滚动图片字幕。

　　2．能力目标

　　让学生掌握设置网页的背景图片和声音、插入水平线、插入滚动字幕等方法，通过学生的操作和协作探讨，培养学生的自主学习、协作学习的能力；通过知识的再现培养学生的创新能力和创新意识。

　　3．情感目标

　　通过作品展示和评价，让学生体验成功的喜悦，激发学生的创造热情；通过小组的协作，培养学生的合作精神和集体主义精神。

　　教学重点

　　掌握设置网页背景图片和声音的方法；

　　学会插入水平线、修改水平线的属性；

　　学会插入滚动图片字幕。

　　教学难点

　　掌握设置网页背景图片和声音的方法；

　　学会插入水平线、修改水平线的属性；

　　学会插入滚动图片字幕。

　　学情分析

　　本课面向六年级学生，对Word很熟悉，并且对FrontPage 2000也有一定的基础，对因特网有一定的认识。但由于学生美术功底的差异，造成学生在美化网页时有一定的差异。教师在教学时应尊重这些差异，多展示一些模板，弥补学生美术上的差异，积极引导学生，提高学生学习兴趣。培养学生获取信息、处理信息、整合信息应用的能力，培养学生的信息素养和独立分析问题、解决问题的能力，提高学生创新能力、自学能力、理论联系实践能力，增强学生独立意识和团体协作精神。

　　教学方法

　　情景导入法、任务驱动法。

　　所用课时

　　2课时。

　　教学环境

　　多媒体机房。4人为一个小组，每个小组选出一名学生出任组长。教师针对学生的能力水平进行适当调整，以达到各个小组的力量均衡。本课教学应至少一人或两人一机，投影机一台或机房配备广播系统，整个机房以宽带的形式接入因特网，网速较快。

　　教学过程

　　一、创设教学情景，激发学生学习兴趣

　　师：上节课我们学习了网页的编辑，也学习了如何修饰文字，插入图片等。今天我们再来看看如何设置网页的背景图片和声音。（板书：设置网页的背景图片和声音。）

　　教师展示上节课优秀作品。

　　二、讲授新课

　　（一）设置网页的背景图片和声音

　　师：这是上节课×××同学做的作品。（通过展示，与另一有个性背景的网页进行比较，提问让学生发现两者的不同之处）但是白色的背景显得有点单调，我们可以为网页加上个性背景，网页就更漂亮了。请同学们跟老师一起操作。

　　教师演示操作：

　　步骤1：用FrontPage 2000打开“宝贝小猪的家”网页，在页面上单击鼠标右键，选择“网页属性”，打开“网页属性”对话框。

　　步骤2：在打开“网页属性”对话框中，选择“背景”。

　　步骤3：在“选择文件”对话框中，单击“浏览”，选择一幅你喜欢的图片作为网页的背景图片，单击“确定”按钮。

　　（二）提供机会，学生实践探究。

　　投影广播任务：

　　1．请同学们为网页设置漂亮的背景以及插入动听的背景音乐。

　　2．将背景颜色设为单一颜色。

　　3．在“网页属性”对话框中，选择“常规”选项，选择你要作为背景音乐的声音文件名，设置背景音乐。

　　教师随堂检查并指导学生。

　　学生练习时提醒学生注意：在进行FrontPage 2000编辑时，有三中编辑模式 ，我们一般使用“普通”模式，如果想看到网页在浏览器中的效果，可以单击“预览”模式，浏览网页效果。有时在FrontPage 2000中看到的网页与在浏览器中看到的会有些差异，比如格式和版面上有些变动。所以，将你的网页展示给别人看之前，一定要先在浏览器中浏览、测试一下，确保网页的实际显示效果准确无误。

　　教师展示学生作品。

　　（三）插入水平线

　　师：刚才同学们设置了背景图片和声音，接下来我们再来看看插入水平线，在网页中常常有一些风格各异的水平线，可以美化网页，将网页分割成不同区域，使网页的布局清晰明了，也更有层次感。下面请同学们跟老师一起插入水平线。

　　教师演示操作：

　　步骤1：打开网页，将光标移动到网页中要插入水平线的位置，如“宝贝小猪的家”这一行下面。

　　步骤2：选择菜单“插入”→“水平线”。

　　师：有时候觉得水平线不好看，和网页的整体效果不协调，我们可以修改水平线的颜色、高度、宽度等属性。

　　步骤3：右键单击水平线，选择“水平线属性”选项，打开“水平线属性”对话框，调整水平线的颜色和宽度。

　　（四）插入滚动字幕

　　师：在网页中，我们还可以使用滚动字幕能够让网页显得更活泼。

　　步骤1：用FrontPage 2000打开“宝贝小猪的家”网页，选择菜单“插入”→ “组件” →“字幕”，打开“字幕属性”对话框。

　　步骤2：在文本框中输入字幕文本，设定滚动方向、速度等参数。

　　步骤3：我们在“普通”模式下只能编辑网页，看不到滚动字幕的效果，切换到“预览”模式，字幕动起来了；但是在预览模式下，不能进行网页的编辑。

　　（五）提供机会，学生实践探究。

　　投影广播任务：请同学们使用背景图片、颜色、背景声音、水平线和滚动字幕，修饰你的网页。

　　结束语

　　师：同学们，在这节课中我们学习了在网页中设置背景，为我们今后的网页制作打下了坚实的基础。今后，你们肯定会制作出更加漂亮的'个人网站。

　　三、授课完毕，课程总结

　　本节课主要讲了以下几个知识点：

　　1．掌握设置网页背景图片和声音的方法；

　　2．学会插入水平线、修改水平线的属性；

　　3．学会在浏览器中浏览网页；

　　4．学会插入滚动图片字幕。

　　四、课堂作业

　　教学反思

　　动态的网页以及有动态效果的网页对学生而言是非常有吸引力的。教学的过程要注意选择精彩的主题，素材可爱、有童趣，突出实用性，体现生活的实际；要注意组织好课堂，学生活泼而不混乱，无论是讲解还是演示，教师都要与学生互动起来，产生良好的氛围，控制好学生情绪和课堂节奏；要提供丰富的资源，让学生的作品丰富多彩；要鼓励学生应用所学的知识制作出不同的成果；要注重课堂内容的延伸，如果时间剩余，要灵活安排一些学生的拓展练习，没有拓展的时间也要布置一下课后的拓展学习任务。