Dreamweaver2概述.pptVIP

第四章 插入图像以及FLASH对象 第一节 图像的插入与编辑 在Dreamweaver文档中可以添加图像，还可以设置或修改图像属性并直接在“文档”窗口中查看所做的更改。 一、插入图像 Web 页中通常使用的图像格式有GIF、JPEG和PNG。目前，GIF和 JPEG文件格式的支持情况最好。 1. 插入图像的操作 在“插入”栏的“常用”类别中，单击“图像”图标或选择“插入／图像”→选择一个图形文件。与添加文本不同，插入的图像不能从别的文档中复制；必须特别说明的是，插入到网页中的图像只能以文件的形式独立存在于站点文件夹中。 如果图像文件不在站点目录中，DW会提醒用户保存到站点目录中。 注意图像一般较大，不可过多地插入，一般情况下，将网页文件控制在50K左右，通过状态栏知道。 第四章 插入图像以及FLASH对象 2. 利用占位符插入图像 图像占位符是在准备好将最终图形添加到Web页之前使用的图形。利用占位符，可以在网页上获得较好的布局。 在“常用”插入栏中，单击“图像占位符”图标或者选择 “插入”“图像对象”“图像占位符”。 “图像占位符”对话框如图所示 在该对话框中，为图像占位符选择选项。您可以设置占位符的大小和颜色，并为占位符提供文本标签。 第四章 插入图像以及FLASH对象 3. 替换图像占位符 图像占位符不是在浏览器中显示的图形图像。在您发布站点之前，应该用适用于Web的图形文件（例如GIF或JPEG）替换所有添加的图像占位符。 双击图像占位符或者单击图像占位符将其选中，然后在属性检查器（“窗口”“属性”）中单击“源文件”文本框旁的文件夹图标，在“图像源文件”对话框中选择图像。 如果您有 Fireworks，则可以根据Dreamweaver 图像占位符创建新的图形。新图像设置为与占位符图像相同的大小，编辑后在Dreamweaver中替换它。有关在 Fireworks中创建替换图像的信息，以后介绍。 第四章 插入图像以及FLASH对象 二、 图像的属性设置 单击选中图像，在属性面板中，设置图像的属性。 此属性检查器允许您设置图像的属性。如果您没有看到下面所示的所有图像属性，请单击右下角的扩展箭头。 第四章 插入图像以及FLASH对象 “源文件”指定图像文件的存放路径。单击文件夹图标以浏览到源文件，或者键入路径。 “垂直边距”和“水平边距”沿图像的边缘添加边距（以像素为单位）。 “垂直边距”沿图像的顶部和底部添加边距。 “水平边距”沿图像左侧和右侧添加边距。 “低品质源”指定在载入主图像之前应该载入的图像。许多设计人员使用主图像的2位（黑和白）版本，因为它可以迅速载入并使访问者对他们等待看到的内容有所了解。 “边框”是以像素为单位的图像边框的宽度。默认为无边框。 “编辑”启动在“外部编辑器”参数选择中指定的图像编辑器并打开选定的图像。 “重设大小”将“宽”和“高”的值重置为图像的原始大小。 第四章 插入图像以及FLASH对象 1. 调整图像大小 放大、缩小图像大小：拖动控制点或直接在属性面板中输入宽度与高度的像素值； 按比例放大、缩小图像大小：按住Shift同时拖动右下角控制点； 恢复图像大小：删除宽度、高度值或单击“重设大小”按钮。 2．设置图像与文字的关系 在对齐列表框中选择合适的对齐方式。 设置图像相对于同一段落或行中其他元素的对齐方式。 第四章 插入图像以及FLASH对象 3. 对齐图像 可以使用对齐按钮（左对齐、右对齐、居中对齐）设置图像的水平对齐方式。 4. 给图像描边 选中欲描边的图像，在“边框”中填像素值。 5. 给图片增加提示 选中图像，在属性面板的“替代”中输入提示文字。 在浏览器中，鼠标指向这个图片时，就会出现文字提示。另外，有时，不显示图片后，可以显示该说明文字。 6. 裁剪图像 Dreamweaver 支持裁剪（或修剪）位图文件图像。 选中图像，在属性面板中使用“裁剪”按钮。 注意：使用 Dreamweaver 裁剪时，会更改磁盘上的源图像文件，因此，您可能需要备份图像文件，以在需要回复到原始图像时使用。 第四章 插入图像以及FLASH对象 7. “亮度/对比度”调节 “亮度/对比度”修改图像中像素的亮度或对比度。这将影响图像的高亮显示、阴影和中间色调。修正过暗或过亮的图像时通常使用“亮度/对比度”。 选中图像，在属性面板中使用“亮度/对比度”按钮。 亮度和对比度滑动块调整设置。值的范围从-100到100。 8. 锐化 锐化将增加对象边缘的像素的对比度，从而增加图像清晰度或锐度。 选中图像，在属性面板中使用“锐化”按钮。 在“锐化”对话框中，可以通过拖动滑块控件或在文本框中输入一个0到10之间的值，来指定 应用于图像的锐化程度。 若