网页中图像和超级链接.pptVIP

主要内容： 网页图像的格式 插入图像 编辑图像 创建图像映射 第5章 网页中的图像和超链接 网页中的图像 一、网页中图像简述 在计算机图形中虽然存在很多种图形文件格式，但网页中一般用到的图像是GIF（Graphic Interchange Format）与JPEG（Joint Photographic Experts Group），现在许多浏览器还支持PNG（Portable Network Group）格式。 GIF格式：GIF格式即图形交换格式，采用无损压缩算法，文件最多使用256种颜色。它适合显示色调不连续或具有大面积单一颜色的图像。 Jpg/JPEG格式：JPEG格式即联合图像专家组格式，采用有损压缩算法，是用于摄影或连续色调图像的高级格式，这是因为JPEG文件可以包含数百万种颜色。 PNG格式:PNG格式即可移植网络图形格式，是一种替代GIF格式的无专利权限的格式，采用有损压缩算法，支持真彩色图像及透明背景。（firworks工具的默认格式） 需要在图形工具中处理： firworks工具-----新建文件-----文件菜单-----导出向导---- jpg格式选择渐进式 ---- gif格式选择交错式 渐进式 交错式 一般来说，在页面上显示图像时，图像时从上至下显示出来的，如果网速较慢，则显示图像过程中，用户在屏幕上无法看到图像的大致轮廓或整体结构，不能及时了解图像内容。如，一幅图像在页面上显示的过程 二、插入图像 1.插入普通图像 单击“插入”工具栏的“常用”类别中的“图像”图标右侧向下的按钮，从弹出的下拉菜单中选择“图像”命令，或选择“插入”|“图像”命令，或按下Ctrl+ Alt+I组合键，打开“选择图像源文件”对话框,选择插入的图像，单击“确定”按钮即可。默认大小是图片的实际尺寸，dw中修改插入图片的 height和width只是改变了图片的显示大小，但图片实际大小不会改变，因此下载速度不变。 2.插入图像占位符 将光标置于要插入图像的位置，单击“插入” 工具栏的“常用”类别中的“图像”图标右侧的下三角 按钮从中选择“图像占位符”选项，或选择“插入”| “图像对象”|“图像占位符”命令，打开 “图像占位符”对话框。在该对话框中进 行相关设置后，单击“确定”按钮即可 入图像占位符。 二、插入图像 3.插入鼠标经过时变化的图像（轮替图像） 单击“插入”工具栏的“常用”类别中的“图像”图标右侧向下的按钮，从弹出的下拉菜单中选择“鼠标经过图像”命令，或选择“插入”|“图像对象”|“鼠标经过图像”命令，打开“插入鼠标经过图像”对话框。 4.插入网页背景图像 如果要插入网页背景图像，可以选择“修改”|“页面属性”命令，打开“页面属性”对话框，单击“背景图像”文本框右侧的“浏览”按钮，打开“选择图像源文件”对话框。选择要设置为网页背景的图像，也可以在“背景图像”文本框中输入背景图像的路径。单击“确定”按钮，网页背景图像设置完成。 三、编辑图像 1.替换文本 要设置替换文本，只需选择要设置替换文本的图像，在属性面板的“替换”文本框中直接输入即可。除此之外，还可以在插入图像时弹出的“图像标签辅助功能属性”对话框中进行设置。 2.调整图像大小 选择要调整大小的图像，然后 在属性面板中的“宽”与“高”文本框 中输入图像的尺寸大小。也可以用 鼠标拖动图像右下角的3个控制点 （在图像的底部、右侧及右下角出 现调整大小的黑点）调整图像的大 小。 三、编辑图像 3.裁剪图像的多余部分 选择要裁剪的图像，然后选择“修改”|“图像”|“裁剪”命令，或单击属性面板中“编辑”选项组中的“裁剪”按钮。所选图像的四周出现裁剪框，调整裁剪框到图像要保留的位置，在图像上双击或按Enter键即可将图像的多余部分裁剪掉。 4.调整图像的亮度和对比度 选择要调整亮度和对比度的图像，然后选择“修改”|“图像”|“亮度/对比度”命令，或单击属性 面板“编辑”选项组中的“亮度 和对比度”按钮 ，打开“亮度 /对比度”对话框。在此对话 框中拖动滑块调 整亮度和对比度，调整完成后，单击“确定”按钮。 三、编辑图像 5.锐化图像 选择要锐化的图像，单击图像属性面板中的“锐化”按钮，或者选择“修改”|“图像”|“锐化”命令，打开“锐化”对话框。拖动滑块或在文本框中输入一个0～10间的数值，指定锐化程度。 6.图像的对齐 将一个图像看