7.2插入图像与图像占位符下面来学习如何在网页中插入图像，使网页更加美观效果如图7.1所示。8SHOBLOGOFMSTAFTUAM品ESOPO SE实修宜康习万众明待国土男售，川安种，天下真光金剪爱啡RPS全新亮相EU香彩份星18[保TLAaTSVP国内城名国内城表CN图 7.1图像应用效果
下面来学习如何在网页中插入图像，使网页更加美观， 效果如图7.1所示。 7.2 插入图像与图像占位符
插入图像7.2.1（1）将光标放在“编辑区”中要插入图像的位置，如图7.2所示。然后在“插入”工具栏的“常用”类别中，单击“图像”按钮。（2）在弹出的“选择图像源文件”对话框中，浏览并选中要插入的图像“banner.gif”，单击“确定”按钮，如图7.3所示。文档中即会出现插入的图像。注意：如果当前工作的文档未保存，则Dreamweaver会弹出提示窗口，生成一个对图像文件的fi1e：//引用，如图7.4所示。将文档保存到站点中的任何位置后，Dreamweaver将该引用转换为文档相对路径。（3）在将图像插入Dreamweaver文档后，Dreamweaver会自动在HTML源代码中生成对该图像文件的引用。生成代码如下：<img src="images/banner.gif"width="760"height="112"/>热系甲EB5SHOR900老Eae国光2ESRX4.E图7.2插入图像的位置不用照外这卡做息ME图7.3选择图像源文件图7.4保存文档提示窗口
（1）将光标放在“编辑区”中要插入图像的位置，如图7.2所示。然后在“插 入”工具栏的“常用”类别中，单击“图像”按钮。 （2）在弹出的“选择图像源文件”对话框中，浏览并选中要插入的图像 “banner.gif”，单击“确定”按钮，如图7.3所示。文档中即会出现插 入的图像。 注意：如果当前工作的文档未保存，则Dreamweaver会弹出提示窗口，生成一个 对图像文件的file://引用，如图7.4所示。将文档保存到站点中的任何位置后， Dreamweaver将该引用转换为文档相对路径。 （3）在将图像插入Dreamweaver文档后，Dreamweaver会自动在HTML源代码中生 成对该图像文件的引用。生成代码如下： <img src="images/banner.gif" width="760" height="112" /> 7.2.1 插入图像