4.1 在网页中插入图像
在使用图像前，一定要有目的地选择图像，最好运用图像处理软件美化一下图像，否则插入的图像可能不美观，会显得非常死板。
4.1.1 网页中图像的常见格式
网页中图像的格式通常有3种，即GIF、JPEG和PNG。目前GIF和JPEG文件格式的支持情况最好，大多数浏览器都可以查看这两种格式的文件。由于PNG文件具有较大的灵活性并且文件较小，所以它对于几乎任何类型的网页图像都是最适合的，但是Microsoft Internet Explorer和Netscape Navigator只能部分支持PNG图像的显示。建议使用GIF或JPEG格式以满足更多人的需求。
1．GIF格式
GIF是英文单词Graphic Interchange Format的缩写，即图像交换格式，文件最多使用256种颜色，最适合显示色调不连续或具有大面积单一颜色的图像，例如导航条、按钮、图标、徽标等。
GIF格式的最大优点就是制作动态图像，可以将数张静态文件作为动画帧串联起来，转换成一张动画文件。
GIF格式的另一优点就是可以将图像以交错的方式在网页中呈现。所谓交错显示，就是当图像尚未下载完成时，浏览器会先以马赛克的形式将图像慢慢显示，让浏览者可以大略猜出下载图像的雏形。
2．JPEG格式
JPEG是英文单词Joint Photographic Experts Group的缩写，它是一种图像压缩格式，文件格式是用于摄影或连续色调图像的高级格式，这是因为JPEG文件可以包含数百万种颜色。随着JPEG文件品质的提高，文件的大小和下载时间也会随之增加。通常可以通过压缩JPEG文件在图像品质和文件大小之间达到良好的平衡。
JPEG格式是一种压缩格式，专门用于不含大色块的图像。JPEG的图像有一定的失真度，但是在正常的损失下肉眼分辨不出JPEG和GIF图像的区别，而JPEG文件只有GIF文件的1/4倍大小。JPEG格式对图标之类的含大色块的图像不是很有效，而且不支持透明图、动态图，但它能够保留全真的调色板格式。如果图像需要全彩模式才能表现效果，JPEG就是最佳的选择。
3．PNG格式
PNG是英文单词Portable Network Graphic的缩写，即便携网络图像，是一种替代GIF格式的无专利权限制的格式，它包括对索引色、灰度、真彩色图像以及alpha通道透明的支持。PNG是Fireworks固有的文件格式。PNG文件可保留所有原始层、矢量、颜色和效果信息，并且在任何时候所有元素都是可以完全编辑的。文件必须具有.png扩展名才能被Dreamweaver识别为PNG文件。
4.1.2 小实例——插入图像
图像是网页构成中最重要的元素之一，美观的图像会为网站增添生命力，同时也加深对网站风格的印象。下面通过如图4-1所示的实例讲述在网页中插入图像，具体操作步骤如下。
图4-1 插入图像效果
原始文件：原始文件/04/4.1.2/index.htm 最终文件：最终文件/04/4.1.2/index1.htm
步骤01 打开网页文档，如图4-2所示。
图4-2 打开网页文档
★提示★
如果选中的文件不在本地网站的根目录下，则弹出选择框，系统要求用户复制图像文件到本地网站的根目录，单击“是”，此时会弹出“拷贝文件为”对话框，让用户选择文件的存放位置，可选择根目录或根目录下的任何文件夹，这里建议读者新建一个名称为images的文件夹，今后可以把网站的所有图像都放入到该文件夹中。
步骤02 将光标置于插入图像的位置，执行“插入”|“图像”|“图像”命令，弹出“选择图像源文件”对话框，在对话框中选择图像images/tu1.jpg，如图4-3所示。
图4-3 “选择图像源文件”对话框
步骤03 单击“确定”按钮，插入图像，如图4-4所示。
图4-4 插入图像
★高手支招★
单击“常用”插入栏中的
按钮，在弹出的下拉菜单中选择
按钮，也可弹出“选择图像源文件”对话框，在对话框中选择需要的图像文件。
步骤04 选中插入的图像，单击鼠标右键在弹出的快捷菜单中选择“对齐”|“右对齐”命令，如图4-5所示。
图4-5 设置图像对齐方式
步骤05 保存文档，按F12键在浏览器中预览，效果如图4-1所示。