添加图像

在本课中，您可以将图像添加到正在处理的页。如果您具有自己的图像，则可以改用这些图像，但是第一次尝试添加图像时，我们建议使用 Dreamweaver 的示例站点提供的图像。

如果您尚未按照将资源添加到您的站点中说明的过程将“Global Car Rental”站点的资源拷贝到您的站点的本地根文件夹，现在请完成该操作。

如果您尚未保存文档，请保存您的文档。

您可以将图像插入未保存的文档中，但是如果这样做，将出现一个对话框，通知您用于图像的 URL 将是到该图像的完整本地路径。如果您采取此方法，Dreamweaver 将在您保存文档时修复 URL，但是在添加图像之前保存文档是最简单的方法。

若要插入图像以代替现有的图像占位符，请双击该占位符。例如，若要在“Global Car Rental”页的左上角插入公司徽标，请双击标有“image (100 x 50)”的小占位符。

即会出现“选择图像源”对话框。

在靠近此对话框的底部，确保“相对于”弹出式菜单设置为“文档”。

有关文档相对 URL 和根目录相对 URL 的信息，请参见关于文档位置和路径。

浏览到 Assets 文件夹中的某个图像（例如 logo.jpg）。

单击“确定”或“选择”(Windows) 或者“打开”或“选择”(Macintosh) 插入该图像。

在文档窗口中，该图像显示在刚才占位符所在的位置。

单击您在添加图像占位符中创建的大图像占位符将其选中。（不要双击该占位符。）

您可以使用与用于另一个占位符的相同方法用图像替换此占位符，但是以下说明提供了一种替代方法。

确保“站点”面板和属性检查器正在显示（如果它们不可见，则选择“窗口”>“站点文件”和“窗口”>“属性”）。

在属性检查器中，从“源文件”文本框的“指向文件”图标拖到“站点”面板。（确保是从“源文件”文本框旁边的“指向文件”图标而不是“链接”文本框旁边的那个“指向文件”图标开始拖动的。）当您指向 Assets 文件夹时继续按住鼠标按钮（如果该文件夹关闭）；该文件夹将打开。当您指向 images 文件夹时仍继续按住鼠标按钮；该文件夹也将打开。继续按住鼠标按钮，直到鼠标指针在 vintage.jpg 文件上为止。松开鼠标按钮以选择 vintage.jpg。
这是所描述的功能的图片。

在文档窗口中，该图像显示在刚才占位符所在的位置。如果显示错误的图像，则查看“源文件”文本框中的文件名；如果您选择了错误的文件，则再次拖动“指向文件”图标。

若要在没有插入占位符的位置插入图像，请在设计视图中单击将插入点放置在需要显示图像的位置，然后选择“插入”>“图像”。

如果您插入一个图像，而该图像的图像文件不在您的站点的本地根文件夹中，则 Dreamweaver 提供选项自动将该图像拷贝到站点中。

保存您的文档。