七年级信息技术 小窗口大世界—网页设计教案 青岛版

1、小窗口大世界网页设计 一、教材分析这节课是辽宁师范大学出版九年义务教育初中教科书信息技术八年级（上册）第2单元网站设计与制作中的重要部分，是在学生了解网页的基本结构并初步掌握网页简单制作的基础上，指导学生给网页添加字幕、交互式按钮、插入FLASH动画、插入背景音乐等动态效果，使网页变得有声有色。从而完成对鞍山千山网页的装扮、修饰、美化任务，提高自身艺术修养。随着互联网的普及，制作网页也成为一个附带的产物流行起来。在学习本课内容前，学生已经学会Word和PowerPoint软件的基本应用，并且会上网、利用搜索引擎等工具下载、收集相关的资料，还会制作简单的网页，动手能较强。学生有较强的逻辑思维能力

2、，处于这个年龄段的学生思维活跃，对许多事物充满了好奇心，富有探索精神。因此在上这节课的时候，教师应充分考虑到学生的这些特点。二、教学目标：【知识与能力】：学会设置网页背景；利用已学的知识插入图片；掌握网页制作中添加动态效果的方法；并学会总结归纳操作步骤。【过程与方法】：利用学生小组探究，教师演示，学生实践，归纳总结出本课四个知识点，明确相关实践技能后，进行才艺大比拼，利用百度搜索下载相关资料，制作网页作品，最后进行学生作品互评，教师点评。【情感态度和价值观】：让学生能够熟练在互联网中应用搜索的技能。通过网页制作，培养学生对美的感受及创造美的能力，提高自身的艺术修养。三、教学重点与难点【教学重点

3、】：在网页中添加字幕、交互式按钮，插入FLASH动画，插入背景音乐，综合运用素材，使自己的网页更美观。【教学难点】：对素材的更精细设置，对各个对话框的具体设置及其功能运用。四、教法学法【教法分析】：信息技术课是以培养学生的信息素养为宗旨。以培养学生的获取信息、处理信息、运用信息的能力。强调学生的自主学习和探究学习。而皮亚杰的建构主义理论指出学生获取知识不是通过教师教育，而是学习者在一定情境中，借助他人的帮助，利用必要学习资料，能通过自我建构重组的方式获得知识。因此，为实现教学目标我设计的教学方法以学生“任务驱动”为主线，通过自主探究、教师综合演示、效果对比、合作交流完成教学任务，培养学生的信息

4、素养。【学法分析】：本节课教学内容知识点多，根据八年级学生心理特征，引导学生自主探究学习，培养学生良好的学习方法与学习习惯，进行小组竞赛学习，让学生看一看、想一想、练一练，以练为主，亲自实践、积极动脑动手学习新的知识。以形象直观思维为主，使用多媒体作为辅助教学手段，变抽象为形象，为学生提供丰富的感性材料，促进学生对知识的感知、理解，激发学习的兴趣。最终培养学生综合实践能力。五、课前准备【硬件准备】：一间拥有多媒体平台的计算机网络教室。【软件准备】：电脑装有Windows XP操作系统、FrontPage2003、PowerPoint2003、多媒体电子教室、教师制作好的PPT。【素材准备】：学

5、生资源包（有关鞍山千山的文字、图片、声音、动画等素材）六、教学过程设计：一、创设情景，引入课题（3分钟）创设情景：出示PPT（两张体现美丽鞍山的旅游区千山的网页，网页内容及布局一样，但网页为布局单调纯静态的网页，未进行任何动态效果的设置，而网页是经过精细装饰的动态网页）。教师提问：网页是小明制作的，网页是小刚制作的，哪张网页更漂亮？为什么？引入课题：同学们体会到了美，我相信这种喜悦是发自内心深处的，而充满活力则是美最好的表达方式。因此我们不仅要从生活中寻找活力美，同样还可以从我们的网页制作中找到这种美，今天我们就一起来设置网页动态效果，制作有声有色的网页。二、任务驱动，掌握新知 (20分钟)（

6、一）制作多姿多彩的网页【任务探究一】：让网页多姿多彩。导入第一个新知识点：小明制作的网页，所有的文档内容已经输入，但缺乏色彩，整体效果不好，你们能帮他让网页多姿多彩吗？教师提示：请同学们利用百度提供的搜索功能，查找在front page2003中关于网页的背景设计功能，为节约时间，也可直接阅读百度文库中关于这方面的资料，并归纳总结网页的背景设计步骤。参考网址：/view/36c35b1b10a6f524ccbf8529.html小组讨论合作总结：网页的背景设计步骤：定位格式背景属性实践1：从学生文件夹里将小明制件的网页A做一下背景的修饰。教师指导：学生

7、掌握背景可以是单一色彩的，也可以从资源包里寻找合适的图片。自主探究网页背景音乐的设置。【任务探究二】：寻找适宜的图片。导入第二个新知识点：小明制作的网页，所有的文字及修饰已设计好，但缺乏与文字搭配的图片，效果不好，你们能帮他把图片插入到适合的位置吗？教师提示：请同学们参考在word中插入图片的方法，寻找在front page2003中关于网页的图片设计，并归纳总结网页的图片设计步骤。小组讨论合作总结：网页的图片设计步骤：定位插入图片文件实践2：继续实践1的编辑，在网页A中插入千山的图片。教师指导：学生根据word中关于图片的编辑探究front page中图片大小及位置调整，实践完成后将制作的网

8、页前后效果进行对比，体会哪个更美。（二）让网页动起来【任务探究三】：让网页动起来导入第三个新知识点：小明制作的网页，虽有色彩图片，但缺乏动感，效果不好，你们能帮他让网页“动起来”吗？教师演示：打开网页A，请同学们回忆在word或Powerpoint中学习过“插入”菜单中关于对象的设置，那么在FrontPage 2003的插入菜单中也有相类似的对象“WEB组件”，现在同学们就和老师一起探讨一下WEB组件中“动态效果”的设置。小组讨论合作总结：网页的滚动字幕设计步骤：定位插入组件字幕实践3：继续实践2的编辑，在网页A标题下合适的位置插入动态字幕，自行设计文字内容及格式。教师指导：学生设计的滚动文字

9、，要会设置文字的方向、速度、表现方式等【任务探究四】：交互按钮教师启发：依照任务三探究动态效果中“交互按钮”的作用与设计，并归纳总结网页的交互按钮设计步骤。小组讨论合作总结：网页的交互按钮设计步骤：定位插入组件按钮实践4：继续实践3的编辑，在网页A合适的位置插入交互按钮，自行设计按钮上的文字和链接对象。教师指导：学生在交式按钮属性中可以对按钮、字体、图像3个属性进行设置，其中按钮属性框可以设置按钮的类型以及按钮上的文字和链接对象；字体、字号、颜色的恰当搭配，可以给人留下深刻的印象。实践完成后将制作的网页前后效果进行对比，让学生体会哪个更具活力。三、反馈练习，熟练掌握 （20分钟）综合才艺大比拼

10、课堂作业：设计以“我爱家乡”为主题的网页。实践形式：小组分工合作。实践要求：先利用百度搜索鞍山的文字、图片、链接资料，下载到本地个人文件夹内，其次对下载的资料进行整理，筛选。最后利用本节所学知识合理安排网页布局，对素材进行更精细的设置。作品展示：小组代表展示作品，亮点介绍。老师点评：对各小组学生实践情况进行综合评价，展示优秀的网页，鼓励同学在课外制作更精美的网页。四、归纳总结，灵活运用 （2分钟）本节课主要学习了插入图片文件及网页背景，动态效果的设置，让网页展现其活力，增加了观赏性，使网页“多姿多彩”。同学们在制作网页过程中要注意积累实践技能的方法，学会举一反三，综合应用的能力，通过修饰、美化网页，让同学们不仅从视觉上感受美带来的愉悦，同时也提高了同