DreamweaverCS6字、图像、超链接.ppt

三、PNG图像格式 是一种替代 GIF 格式的无专利权限制的格式，它包括对索引色、灰度、真彩色图像以及 alpha 通道透明度的支持。PNG 是 Adobe? Fireworks? 固有的文件格式。PNG 文件可保留所有原始层、矢量、颜色和效果信息（例如阴影），并且在任何时候所有元素都是可以完全编辑的。文件必须具有 .png 文件扩展名才能被 Dreamweaver 识别为 PNG 文件。 特点： 像GIF一样无损压缩，像JPEG一样拥有百万种颜色。 具有隔行扫描的特性，比其他格式都要快。 用途： 常用于制作网页效果图。 第 * 页 一、插入图像 将图像插入 Dreamweaver 文档时，HTML 源代码中会生成对该图像文件的引用。为了确保此引用的正确性，该图像文件必须位于当前站点中。如果图像文件不在当前站点中，Dreamweaver 会询问是否要将此文件复制到当前站点中。 1、通过“选择图像源文件”对话框 ①在“文档”窗口中，将插入点放置在要显示图像的地方，然后执行下列操作之一： 在“插入”面板的“常用”类别中，单击“图像”图标。 选择菜单“插入”“图像”。 ②选择“文件系统”以选择一个图像文件。 ③单击“确定”。将显示“图像标签辅助功能属性”对话框 ④在“替代文本”和“详细描述”文本框中输入值，然后单击“确定”。 第 * 页 在“替代文本”框中，为图像输入一个名称或一段简短描述。（在 50 个字符左右）。 在“详细说明”框中，输入当用户单击图像时所显示的文件的位置，或者单击文件夹图标以浏览到该文件。该文本框提供指向与图像相关（或提供有关图像的详细信息）的文件的链接。 注意： 可以在其中一个或两个文本框中输入信息。 当单击“取消”时，该图像将出现在文档中，但 Dreamweaver 不会将它与辅助功能标签或属性相关联。 第 * 页 二、设置图像属性 图像的“属性检查器”可以显示图像当前属性，也可以设置各项属性。 宽和高：图像的宽度和高度，以像素表示。在页面中插入图像时，Dreamweaver 会自动用图像的原始尺寸更新这些文本框。 如果设置的“宽”和“高”值与图像的实际宽度和高度不相符，则该图像在浏览器中可能不会正确显示。（若要恢复原始值，请单击用于输入新值的“宽”和“高”文本框右侧的“重设大小”按钮。） 注意：可以更改这些值来缩放该图像实例的显示大小，但这不会缩短下载时间，因为浏览器先下载所有图像数据再缩放图像。若要缩短下载时间并确保所有图像实例以相同大小显示，需要使用图像编辑应用程序缩放图像。 第 * 页 源文件：指定图像的源文件。单击文件夹图标以浏览到源文件，或者键入路径。 链接：指定图像的超链接。将“指向文件”图标拖动到“文件”面板中的某个文件，单击文件夹图标浏览到站点上的某个文档，或手动键入 URL。 替换：指定在只显示文本的浏览器或已设置为手动下载图像的浏览器中代替图像显示的替代文本。对于使用语音合成器（用于只显示文本的浏览器）的有视觉障碍的用户，将大声读出该文本。在某些浏览器中，当鼠标指针滑过图像时也会显示该文本。 地图：用于创建客户端图像地图。 编辑：启动您在“外部编辑器”首选参数中指定的图像编辑器并打开选定的图像。 第 * 页 三、图像占位符 如果在制作网页时，需要的图像还没准备好，可以临时插入图像占位符来代替索要插入的图片位置，等有合适的图像后，再重新定义图像文件。 1、插入图像占位符 ①将插入点放置到插入占位符的位置。 ②选择“插入”“图像对象”“图像占位符”，或在“插入/常用”面板中单击“图像”按钮组中的“图像占位符”按钮。 ③在“图像占位符”对话框中设置参数。 名称（可选）：输入要作为图像占位符的标签显示的文本。如果不想显示标签，则保留该文本框为空。名称必须以字母开头，并且只能包含字母和数字。 宽度和高度（必需）：键入设置图像大小的数值（以像素表示）。 第 * 页 替代文本（可选）：为使用只显示文本的浏览器的访问者输入描述该图像的文本。 2、替换图像占位符 在发布站点前，应用图像文件替换所有的占位符，新图像设置为与占位符相同大小。 双击“图像占位符”，或单击“图像占位符”将其选中，在“属性检查器”中单击“源文件”旁的文件夹图标。 在“选择图像源文件”对话框中，选择图像，然后单击“确定”。 3、设置图像占位符属性 使用“属性检查器”为占位符图像设置名称、宽度、高度、图像源文件、替代文本说明、对齐方式和颜色 第 * 页 编辑图像 一、调整图像大小 注意：调整图像大小只是调整图像的显示尺寸，对图像文件的实际大小不做任何修改。 1、通过“属性”检查器 在“属性”检查器中的“宽”、“高”中输入数值，单击“重设大小”按钮，将图像恢复到调整前的原始大小，所有调整