图文并茂是网页的一大特色,图像不仅能使网页生动、形象、美观,而且能使网页中的内容更加丰富多彩,因此图像在网页中的作用是举足轻重的。作为一个网页设计者,掌握好网页中图像的应用尤为重要。
要掌握好网页中图像的应用,首先我们来了解一下跟图像有关的内容:
【网页安全色】
理论上根据红绿蓝三种基色,加上每种基色、饱和度和透明度的变化,排列组合之后,我们可以得到16777216种(RGB)颜色,但在这一千六百万种颜色中只有216种颜色能被浏览器识别,超出这个范围,浏览器就会忽略或者显示出现偏差。尽管现在浏览器性能越来越好,支持的颜色范围也越来越广,但最安全的颜色还是这216种,因此它们被成为网页安全色。Dreamweaver MX 2004 的调色板就是网页安全色范畴之内的颜色,使得网页颜色的选取控制在安全色之内。
【GIF图像】
GIF图像是网页中使用的最广泛,最普遍的一种图像格式,它是英文“可交换图像格式”的缩写。GIF图像最多只能支持256种颜色,因此一般来说文件体积较小,适合在网络上使用。
GIF格式的图像可以被交替下载,当浏览器下载时,首先只下载其中某些行,使浏览器显示图像的大致轮廓,然后逐步下载其他行,使图像逐渐清晰起来。网页中使用交错的GIF图像能够减少访问者的等待时间。
【JPEG图像】
是网页中另一种被广泛使用的图像格式,它是“联合图像专家组文件格式”的英文缩写,最多可以支持16.8兆种颜色,适合在需要表现细腻颜色细节的图像上使用,因为它支持的颜色数目较多,所以生成的文件体积较大。但由于JPG格式图像具有较高的压缩率,提高了浏览器下载速度,也被广泛应用在网页中。
当我们对颜色和图像有了初步了解之后,就能尝试在网页中插入图像了。
【插入图像】
Dreamweaver MX 2004 中插入图像非常方便,只要在站点管理器相应的文件夹下选中图像,用鼠标拖拽到文档编辑窗口即可,也可以在【插入】菜单中选择【图像】命令然后打开“选择图像源文件”对话框:
选择图像文件然后确定就能将图像插入网页中了。
如果该文档是没有保存的新建文档,在【URL】文本框中显示的是在本地计算机硬盘中的绝对路径,一旦文档被保存,【URL】选项就变成相对于文档或站点根目录的路径名。
如果选择的图像文件不在定义的站点目录内,将弹出对话框询问复制到网站的目录下,应该选择“是”否则,当今后将网站上传到服务器之后该图像就无法显示了。