一年级信息技术教案 图片的运用

第十六节 图片的运用
一、教学目的：学习图片的插入和设置。
二、教学重点：图片的插入和设置。
三、教学时间：1课时
四、教学步骤
一）插入图片
下面我们以一个实例来说明如何在网页中加入图片。其操作步骤如下：
（1）新建一个空白网页，把光标定位到要插入图片的地方。
（2）单击“”工具图标，或单击【插入】菜单，选择【图片】菜单项，在子菜单中单击【来自文件】选项，在出现一个【图片】对话框的同时，还弹出一个【选择文件】对话框。
（3）在【选择文件】对话框的“搜寻”栏内选定图片的存放位置，然后从文件列表中双击某个图片文件（或选定图片文件），单击【确定】按钮，则图片插入到网页中。
二）、设置图片的属性
在网页中插入图片后，我们还要对图片的某些属性进行设置。
（1）在某个图片上单击鼠标右键后，弹出一个快捷菜单，选择图片属性。
（2）单击【图片属性】菜单项，出现图片属性对话框。在图片属性对话框中，我们可以设置图片的各种属性：
1、常规属性
【图片源】：指图片的存放位置。如果要重新选择其他一幅图片时，单击【浏览】按钮。如果要修改这幅图片，可以单击【编辑】按钮，启动自带的Image Composer软件，修改完图片后，只要退出该软件，网页图片就会自动更新。
【类型】：我们可以选择图片的类型，GIF或者是JPEG。 在“质量”栏内一般设定为70-80就行了。
【替代表示】：如果当前图片较大，分辨率也较高，我们应该在【低分辨率】中选定一个备用的低分辨率图像，这样在一些浏览网页的低档机显示器不能显示高分辨率图片时，可以显示这个低分辨率的图片。此外，在“文本”栏内默认值为图片文件名加上文件长度，这是当该图片不能显示时，这些说明文字会显示出来，也就常说的图片的别名。若要修改图片的别名时，在文本框内输入即可。
2、图像的外观
单击【图片属性】对话框中的【外观】选项卡。在这个对话框中，我们可以设置图片与文本之间的对齐方式、图片的边框粗细以及图片的大小等。
布局栏：
单击【对齐方式】下拉箭头，出现一个下拉菜单，有多种对齐方式，在图文混排时非常有用，大家可以试试看。
利用【边框粗细】可以在图片周围加上一个指定宽度的边框。值为0时，边框不显示。
设置【水平间距】和【垂直间距】的值，可以改变图片与相邻内容（如文字）之间的距离。
默认情况下，浏览器中显示的网页图片是实际大小的图片。如果要改变图片的大小，则在对话框的【大小】栏中调整“宽度”、“高度”的值（单位为像素或百分比）。选择“保持纵横比”选项是防止尺寸修改后的图片出现太扁或太长的“变形”现象。
图片的定位，可以单击图片工具栏的图片定位按钮。图片可以随便移动，但在预览时常会与实际不一致。
三）上机操作：
在网页中插入合适的图片。