九年级下信息技术第七课.doc

上课时间： 2011 年 4 月 7 日 第 7 周 星期 四第 六 单元（章） 第 七 课（节） 总 七 第课时课题第七课 使用图片修饰网页课型新授教学目标1使学生掌握在网页中插入图片的方法。2使学生掌握设置网页背景的方法。3使学生初步了解网页图片文件。重点在网页中插入图片的方法。难点如何在网页上插入图片。课前准备导 学 过 程教 学 内 容 及 教 师 指 导 过 程学生学习过程一、导入课题 教师展示学生制作的网页(上节课的作业)，提出怎样美化网页的问题。由此引入课题。 二、新课 教师介绍：网页一般支持两种图片文件格式，即GIF格式和JPG格式。其中，JPG格式是一种应用较广泛的压缩格式，它的最大特点是文件较短小；GIF格式既可以是普通的图片，也可以是一些小动画、图标。由于网络速度等原因，在网页中插入的图片文件不宜过大。1插入图片 例1在index.html网页中添加动画图片。 教师讲解和演示操作步骤： (1)打开index.html文件； (2)将插入光标移动到需要插入图片的位置； (3)单击工具栏中的插入图片按钮，打开“图片”对话框； (4)单击对话框中的选择图片文件按钮，打开“选择文件”对话框； (5)选择需要插入的图片文件，单击“确定”按钮； (6)单击工具栏中的“保存”按钮，选择文件保存的位置； (7)单击“确定”按钮。 教师提示：如果插入图片的大小和位置不合适，可以适当地进行调整。调整方法和Word中图片的调整方法相同。教师布置任务：在自己的网页中添加图片，并进行适当调整和修饰。 2设置网页背景 例2将jieshao.htm网页的背景设置为自己喜欢的颜色。 教师讲解和演示操作步骤： (1)打开网页文件jieshao.htm； (2)在网页编辑区单击鼠标右键，打开快捷菜单； (3)单击快捷菜单中的“网页属性”命令，打开“网页属性”对话框； (4)单击对话框中的“背景”标签； (5)在“背景颜色”下拉列表框中选择一种颜色； (6)单击“确定”按钮。 教师布置任务：给jieshao.htm网页设置背景颜色。例3给index.html网页添加背景图片。 教师布置任务：自学给网页添加背景图片的方法，完成例3。 教师指定学生讲解并演示操作方法：(1) 在index.html网页编辑区单击鼠标右键，打开快捷菜单；(2)单击快捷菜单中的“网页属性”命令，打开网页属性对话框； (3)单击对话框中的“背景”标签； (4)单击选择对话框中的“背景图片”选项； (5)单击“浏览”按钮，打开“选择背景图片”对话框； (6)选择一张合适的背景图片； (7)单击“确定”按钮。 三、课堂练习 给自己的网页插入图片并设置背景图片。四、课堂小结师生共同小结所学知识，强调在网页中插入图片、背景的方法与Word大致相同。五、布置作业(2) 使用图片修饰自己的网页。学生欣赏同学制作的网页，考虑教师提出的问题。学生听教师介绍。学生观察教师操作。学生听教师介绍。学生上机实践，在网页中插入图片。学生观察教师操作。学生上机实践，给网页设置背景颜色。学生上机实践，自学给网页添加背景图片的方法。学生演示给网页添加背景图片的方法。学生进行课堂练习。学生参加小结