dreamweaver解析.pptVIP

在网页中采用的图像文件应该注意以下几点： （1）图片的实际尺寸和文件大小要尽可能小，否则将增加页面下载的时间。 （2）大图片要分成若干小图片，利用表格拼接。 * Dreamweaver 8应用教程 使用网页图像 重点内容： 网页图像的格式 插入图像 编辑图像 创建图像映射 一、网页中图像简述 在计算机图形中虽然存在很多种图形文件格式，但网页中一般用到的图像是GIF（Graphic Interchange Format）与JPEG（Joint Photographic Experts Group），现在许多浏览器还支持PNG（Portable Network Group）格式。 GIF格式：GIF格式即图形交换格式，文件最多使用256种颜色。它适合显示色调不连续或具有大面积单一颜色的图像。 JPEG格式：JPEG格式即联合图像专家组格式，是用于摄影或连续色调图像的高级格式，这是因为JPEG文件可以包含数百万种颜色。 二、插入图像 1.插入普通图像 单击“插入”工具栏的“常用”类别中的“图像”图标右侧向下的按钮，从弹出的下拉菜单中选择“图像”命令，或选择“插入”|“图像”命令，或按下Ctrl+ Alt+I组合键，打开“选择图像源文件”对话框,选择插入的图像，单击“确定”按钮即可。 2.插入图像占位符 将光标置于要插入图像的位置，单击“插入” 工具栏的“常用”类别中的“图像”图标右侧的下三角 按钮从中选择“图像占位符”选项，或选择“插入”| “图像对象”|“图像占位符”命令，打开 “图像占位符”对话框。在该对话框中进 行相关设置后，单击“确定”按钮即可 入图像占位符。 二、插入图像 3.插入鼠标经过时变化的图像 单击“插入”工具栏的“常用”类别中的“图像”图标右侧向下的按钮，从弹出的下拉菜单中选择“鼠标经过图像”命令，或选择“插入”|“图像对象”|“鼠标经过图像”命令，打开“插入鼠标经过图像”对话框。 4.插入网页背景图像 如果要插入网页背景图像，可以选择“修改”|“页面属性”命令，打开“页面属性”对话框，单击“背景图像”文本框右侧的“浏览”按钮，打开“选择图像源文件”对话框。选择要设置为网页背景的图像，也可以在“背景图像”文本框中输入背景图像的路径。单击“确定”按钮，网页背景图像设置完成。 三、编辑图像 1.替换文本 要设置替换文本，只需选择要设置替换文本的图像，在属性面板的“替换”文本框中直接输入即可。除此之外，还可以在插入图像时弹出的“图像标签辅助功能属性”对话框中进行设置。 2.调整图像大小 选择要调整大小的图像，然后 在属性面板中的“宽”与“高”文本框 中输入图像的尺寸大小。也可以用 鼠标拖动图像右下角的3个控制点 （在图像的底部、右侧及右下角出 现调整大小的黑点）调整图像的大 小。 三、编辑图像 3.裁剪图像的多余部分 选择要裁剪的图像，然后选择“修改”|“图像”|“裁剪”命令，或单击属性面板中“编辑”选项组中的“裁剪”按钮。所选图像的四周出现裁剪框，调整裁剪框到图像要保留的位置，在图像上双击或按Enter键即可将图像的多余部分裁剪掉。 4.调整图像的亮度和对比度 选择要调整亮度和对比度的图像，然后选择“修改”|“图像”|“亮度/对比度”命令，或单击属性 面板“编辑”选项组中的“亮度 和对比度”按钮 ，打开“亮度 /对比度”对话框。在此对话 框中拖动滑块调 整亮度和对比度，调整完成后，单击“确定”按钮。 三、编辑图像 5.锐化图像 选择要锐化的图像，单击图像属性面板中的“锐化”按钮，或者选择“修改”|“图像”|“锐化”命令，打开“锐化”对话框。拖动滑块或在文本框中输入一个0～10间的数值，指定锐化程度。 6.图像的对齐 将一个图像看成是一个段落，然后 对其进行对齐操作即可。 7.设置图像间距 要调整图像与文字的间距，只需在属性面板上的“垂直边距”与“水平边距”文本框中输入适当的数值即可。默认单位为像素，用户无需进行设置。 三、编辑图像 8.设置图像边框 为图像加上适当的边框可以使图像产生一种立体的感觉。在图像的属性面板上的“边框”文本框中输入适当的数值，即可为图像设置边框。如果为图像创建了超链接，则边框将自动变成蓝色，随默认的超链接文字的颜色而变化。 9.使用图像编辑器 在Dreamweaver中，如果需要重新编辑插入的图像，选中图像，然后单击图像属性面板中“编辑”选项组中的“编辑”按钮 ，Dreamweaver将自动打开图像编辑器Fireworks（必须安装了该软件，如果安装的是Photoshop，则打开的是Photos