五年级上信息技术教案-在网页中插入喜欢的图片交大版.docx

《五年级上信息技术教案-在网页中插入喜欢的图片交大版.docx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第二课在网页中插入喜欢的图片教学目标：1、能熟练地在网页中插入图片。2、能熟练地调整网页中图片的大小。教学重点：图片的插入和设置。教学难点：插入图片。教学准备：计算机、网络及辅助教学软件。教学方法：演示法、欣赏法教学过程：一、插入图片下面我们以一个实例来说明如何在网页中加入图片。其操作步骤如下：（1）新建一个空白网页，把光标定位到要插入图片的地方。（2）单击“”工具图标，或单击【插入】菜单，选择【图片】菜单项，在子菜单中单击【来自文件】选项，在出现一个【图片】对话框的同时，还弹出一个【选择文件】对话框。（3）在【选择文件】对话框的“搜

2、寻”栏内选定图片的存放位置，然后从文件列表中双击某个图片文件（或选定图片文件），单击【确定】按钮，则图片插入到网页中。二、设置图片的属性在网页中插入图片后，我们还要对图片的某些属性进行设置。（1）在某个图片上单击鼠标右键后，弹出一个快捷菜单，选择图片属性。（2）单击【图片属性】菜单项，出现图片属性对话框。在图片属性对话框中，我们可以设置图片的各种属性：1、常规属性【图片源】：指图片的存放位置。如果要重新选择其他一幅图片时，单击【浏览】按钮。如果要修改这幅图片，可以单击【编辑】按钮，启动自带的ImageComposer软件，修改完图片后

3、，只要退出该软件，网页图片就会自动更新。【类型】：我们可以选择图片的类型，GIF或者是JPEG。在“质量”栏内一般设定为70-80就行了。【替代表示】：如果当前图片较大，分辨率也较高，我们应该在【低分辨率】中选定一个备用的低分辨率图像，这样在一些浏览网页的低档机显示器不能显示高分辨率图片时，可以显示这个低分辨率的图片。此外，在“文本”栏内默认值为图片文件名加上文件长度，这是当该图片不能显示时，这些说明文字会显示出来，也就常说的图片的别名。若要修改图片的别名时，在文本框内输入即可。2、图像的外观单击【图片属性】对话框中的【外观】选项卡。

4、在这个对话框中，我们可以设置图片与文本之间的对齐方式、图片的边框粗细以及图片的大小等。布局栏：单击【对齐方式】下拉箭头，出现一个下拉菜单，有多种对齐方式，在图文混排时非常有用，大家可以试试看。利用【边框粗细】可以在图片周围加上一个指定宽度的边框。值为0时，边框不显示。设置【水平间距】和【垂直间距】的值，可以改变图片与相邻内容（如文字）之间的距离。默认情况下，浏览器中显示的网页图片是实际大小的图片。如果要改变图片的大小，则在对话框的【大小】栏中调整“宽度”、“高度”的值（单位为像素或百分比）。选择“保持纵横比”选项是防止尺寸修改后的图片

5、出现太扁或太长的“变形”现象。图片的定位，可以单击图片工具栏的图片定位按钮。图片可以随便移动，但在预览时常会与实际不一致。三、上机操作：在网页中插入合适的图片。课后记：插入图片较为简单，而设置图片格式与word中不一样，一些学生理解较慢，效果不是太好。今后像这样的内容应分两节课来教学。