文档介绍:返回总目录
目录
第 4 章导入及处理图片........................................................................................... 2
图片的文件格式........................................................................................... 2
导入图片....................................................................................................... 5
编辑图片..................................................................................................... 21
使用图片工具栏......................................................................................... 29
图文混排..................................................................................................... 52
设置网页背景............................................................................................. 58
第 4 章导入及处理图片
图片的文件格式
在加入图片之前,让我们先来认识一下网页中常见的两种图形文件格式:
和。这两种格式是因特网上经常被使用的图形文件,这是因为它们有一些
共同的特点。
· 属于压缩的图形文件格式
· 文件的信息量很小,适合于网络传输
· 适用于各种平台, , ,
因此大部分的浏览器都把它们当作标准规格,但即使这样,它们还是有一
些不同的地方,下面分别来说明。
非失真的压缩方式——文件格式
图形文件采用非失真的压缩方式,在压缩图文件的过程中,
图形的“像素信息”不会被牺牲掉,被牺牲的却是图形的“颜色”,因此,
图文件最多只能保存色颜色,如果原来图形的颜色超过色,
那么保存文件后,图形就会降到色。
在网页中常常会应用到具有透明背景的图形,这时,就必须要用到图
文件,这样才能将图形的透明背景保留下来。透明背景的效果对比如图所
示。
图 透明背景
利用交错式的图形格式见图,可以让浏览器先将图形以粗略的形
式整张载入,让浏览者先看到图形大概的样子,然后再继续载入完整的图形以
显示全貌,与此同时,浏览者可以先浏览网页中的文字内容。
图 交错式 GIF 图形格式
图 非交错式 GIF 图形格式
图形格式
图形文件是采用失真式的压缩方式,在压缩过程中,图形的“像
素信息”会被减去一些,因此图形会有失真的情形,然而, 图形文件在颜
色方面并不会被牺牲掉,可支持到全彩的百万色颜色。
也发表了支持交错图的格式——,在
中也支持这种的图形格式。由于图文件格式尚未非常
普及,因此当我们要使用交错图的效果时,最好还是选择格式。
对于颜色不多、线条清楚的图,如:小图示、卡通图案等,则选择图
文件格式较为合适;而对于全彩的连续色调、没有明显边缘的图,如:风景照、
照片等,则适合用图文件格式来显示。当需要图片保存透明的背景,或希
望图片在显示时能以交错式图出现,请选择图文件格式。
以上只是一些小小的经验,在实际的应用上,还得根据肉眼观察的效果及
文件的大小来决定,毕竟网页除了美观之外,还得考虑到网络传输的速度。
导入图片
只有文字的网页会显得单调,达不到所需的感官效果。因此在制作网页时,
都要在页面加上适当的图片。
导入当前站点中的图片
如果要插入的图片已经存在于当前的站点中,可以在当前站点中直接导入
图片。
将插入点设置在要插入图片的位置。
从“插入”菜单的“图片”子菜单中选择“来自文件”命令。
出现“图片”对话框,当前站点中的所有图片都会显示在文件列表中见
图,选择所需的图片文件。
图 导入当前站点中的图片
单击“确定”按钮,所选图片出现在插入点位置。
导入剪贴画库中的图片
同所有程序一样, 也支持剪贴画功能,