Dreamweaver图像基础经验

1、若要插入图像，执行以下操作：

1 在“文档”窗口中，将插入点放置在用户要显示图像的地方，然后执行以下操作之一：

Ø在“插入”栏的“常用”类别中，单击“图像”图标。 

Ø在“插入”栏的“常用”类别中，将“图像”图标拖入“文档”窗口中（或者，如果用户正处理代码，则拖入“代码”视图窗口中）。 

Ø选择“插入” > “图像”。 Ø将图像从“资源”面板（“窗口” > “资源”）拖到“文档”窗口中的所需位置；然后跳到第 3 步。 

Ø将图像从“站点”面板拖到“文档”窗口中的所需位置；然后跳到第 3 步。 

Ø将图像从桌面拖到“文档”窗口中的所需位置；然后跳到第 3 步。

2、2 选择“文件系统”以选择一个图形文件。

如果用户正在一个未保存的文档中工作，则 Dreamweaver生成一个对图像文件的 file:// 引用。将文档保存到站点中的任何位置后，Dreamweaver将该引用转换为文档相对路径。

单击“确定”。

在“替换文本”和“长描述”文本框中输入值，然后单击“确定”。

注意：根据用户的需要，可以在其中一个或两个文本框中输入信息。

1、1 在“文档”窗口中，选择图像。

2 执行下列操作之一：

Ø 在“代码”视图中编辑适当的图像属性。

Ø 右键单击 (Windows) 然后选择“编辑标签代码”。 

Ø 编辑属性检查器中的 Alt 值。

1、图像占位符是在准备好将最终图形添加到 Web 页之前使用替最终图像保留位置的图形。

若要插入图像占位符，执行以下操作：

1 在“文档”窗口中，将插入点放置在要插入占位符图形的位置。

2 执行下列操作之一：

Ø 在“常用”插入栏中，单击“图像占位符”图标。 

Ø 选择“插入” > “图像占位符”。

“图像占位符”对话框随即显示。

3 在该对话框中，为图像占位符选择选项。

用户可以设置占位符的大小和颜色，并为占位符提供文本标签。

4 单击“确定”。

1、图像占位符不是在浏览器中显示的图形图像。在用户发布站点之前，应该用适用于 Web 的图形文件（例如 GIF 或 JPEG）替换所有添加的图像占位符。

若要更新图像源文件，执行以下操作：

1 在“文档”窗口中执行下列操作之一：

Ø 双击图像占位符。 

Ø 单击图像占位符将其选中，然后在属性检查器（“窗口” > “属性”）中单击“源文件”文本框旁的文件夹图标。即会出现“图像源文件”对话框。

2 在此对话框中，导航到要使用它替换图像占位符的图像。

3 单击“确定”。

选定图像即出现在文档中。

1、在Dreamweaver 中以可视方式调整图像大小有助于用户看到不同尺寸的图像对布局的影响情况。以可视方式调整图像大小不会将图像文件缩放用户指定的比例。如果用户确实在Dreamweaver中以可视方式调整了图像的大小，但是没有使用图像编辑应用程序（例如 MacromediaFireworks）将图像文件缩放到所需大小，则在载入页面时用户的浏览器必须缩放图像。这可能会导致用户浏览器中页面下载延迟和图像显示不正确。若要缩短下载时间并确保所有图像实例以相同大小显示，需使用图像编辑应用程序缩放图像。

2、若要以可视方式调整元素的大小，执行以下操作：

1 在“文档”窗口中选择该元素（例如，一个图像或 SWF 文件）。元素的底部、右侧及右下角出现调整大小手柄。如果未出现调整大小控制点，则单击要调整大小的元素以外的部分然后重新选择它，或在标签选择器中单击相应的标签以选择该元素。

2 执行下列操作之一，调整元素的大小：

Ø 若要调整元素的宽度，拖动右侧的选择控制点。 

Ø 若要调整元素的高度，拖动底部的选择控制点。 

Ø 若要同时调整元素的宽度和高度，拖动顶角的选择控制点。 

Ø 若要在调整元素尺寸时保持元素的比例（其宽高比），在按住 Shift 键的同时拖动顶角的选择控制点。