Dreamweaver MX实用培训教程-第08章.pdfVIP

插入图像 图像是网页制作中一个不可缺少的部份，在页面中恰当地使用图像，不仅可以使网页美 观，更重要的是可以吸引浏览者。 在网页中插入图像通常是用于添加图形界面（例如导航按钮）、创建具有视觉感染力的 内容（例如照片）或交互式设计元素（例如鼠标经过图像或图像地图）。 教学目标 通过对本章的学习，读者应了解并掌握插入图像的基本方法，并能够编辑插入到文档中 的图像，以及设置它们的属性。 教学重点与难点 ♦ 插入图像 ♦ 编辑图像 ♦ 设置图像属性 ♦ 创建鼠标经过图像 ♦ 使用Fireworks文件 AutoCAD 2004实用培训教程 8.1 插入图像 在网页中适当的插入图像可以使网页增色不少，很少有网页不含有任何图像。然而，图 像的大小会影响网页的下载速度。因此，图像要用的少而精，必要的图像应使用图像处理软 件在不失真的情况下尽量压缩尺寸。 8.1.1 Web页中常用图像格式 图像的文件格式有很多种，但 Web页中通常使用的只有GIF、JPEG和 PNG三种。目前， GIF 和 JPEG 文件格式的支持情况最好，大多数浏览器都可以查看它们。PNG 文件具有较大 的灵活性并且文件尺寸较小，所以它对于几乎任何类型的 Web 图形都是最适合的。但是， MicrosoftInternetExplorer （4.0 和更高版本）和 NetscapeNavigator （4.04 和更高 版本）只能部分支持 PNG 图像的显示。因此，一般情况下向网页中插入图像都是使用 GIF或 JPEG 文件格式。 ♦ GIF （图形交换格式）文件格式：最多使用 256种颜色，最适合显示色调不连续或具 有大面积单一颜色的图像，例如导航条、按钮、图标、徽标或其他具有统一色彩和色 调的图像。 ♦ JPEG （联合图像专家组标准）文件格式：用于摄影或连续色调图像的高级格式。因为 JPEG 文件可以包含数百万种颜色。随着 JPEG 文件品质的提高，文件的大小和下载 时间也会随之增加。通常可以通过压缩 JPEG文件在图像品质和文件大小之间达到良 好的平衡。 ♦ PNG （可移植网络图形）文件格式：是一种替代 GIF格式的无专利权限制的格式，它 包括对索引色、灰度、真彩色图像以及 alpha 通道透明的支持。PNG 文件格式是 MacromediaFireworksMX 固有的文件格式，它可以可保留所有原始层、矢量、颜色 和效果信息（例如阴影），并且在任何时候所有元素都是完全可编辑的。文件必须具 有 .png 文件扩展名才能被 MacromediaDreamweaverMX 识别为 PNG 文件。 不同浏览器对 PNG 的支持是不一致的，因此，如果使用 PNG 文件，用户还应该将 它们导出为 GIF 或 JPEG，以确保它们具有Web 版本。 8.1.2 插入图像 要在网页中插入图像，可以选择“插入”|“图像”命令，或选择“插入”栏中的“常 用”选项卡，切换到常用插入栏，然后单击 按钮，打开“选择图像源”对话框，如图8-1 所示。在“选择图像源”对话框中选中合适的图像文件，单击“确认”按钮即可将选中的图 像插入到网页中。 2 第6章 绘制复杂的二维图形 图8-1 选择图像源对话框 在“选择图像源”对话框中，单击 “文件系统”单选按钮，可以选择一个图形文件；单 击 “数据源”单选按钮可以选择一个动态图像源文件；在“URL”文本框中可直接输入要插 入图像的路径和名称。 8.1.3 插入图像占位符 “图像占位符”是在准备好将最终图像添加到网页文档之前而使用的图像。要在网页中 插入图像占位符，可以选择“插入”|“图像占位符”命令，或选择“插入”栏中的“常用” 选项卡，切换到常用插入栏，单