Photoshop CS2实用教程（ 第二版） 高职多媒体 第11章网页图像设计.pptVIP

尚辅网 第11章 网页图像设计 ? 名称 可以设置用户切片的名称。 ? URL可以设置在网页中单击用户切片可链接至的网络地址。 ? 目标 在网页中单击用户切片时，在网络浏览器中弹出一个新窗口打开链接网页。否则网络浏览器在当前窗口中打开链接网页。 ? 信息文本 是在网络浏览器中，将鼠标移动至该切片时，在“信息文本”中输入的文字出现在浏览器的状态栏中。 ? Alt标记 是在网络浏览器中，将鼠标移动至该切片时，该切片上弹出提示内容。当网络浏览器设置为不显示图片时，该切片图像的位置上显示“Alt标记”框中的内容。 ? 尺寸 “X”、“Y”值为用户切片的坐标。“W”、“H”值为用户切片的宽度和高度。 ? 切片背景类型 可以选择不同的切片背景和不同的背景颜色。 2.在Photoshop中优化切片 （1）选取“文件”→“存储为Web所用格式”，弹出如图11-23所示对话框。 在“存储为Web所用格式”对话框中左上方的标签行中： ? 原稿：用来查看未优化的图像。 ? 优化：对话框中显示优化后的图像效果。 ? 双联：对话框中分为两个窗口，分别展示原始图像和优化后的图像效果。 ? 四联：对话框中分为4个窗口，分别展示原始图像和3种优化后的图像效果。 图11-23 “存储为Web所用格式”对话框 在“存储为Web所用格式”对话框中左侧的工具栏中： ?“抓手工具”和“缩放工具”与Photoshop工具箱中的工具功能相同。可在视图区域内拖移以查看图像全景。 ? 选择切片选择工具，然后双击一个切片，可在“存储为Web所用格式”对话框中选择切片。按住Shift键单击或按住Shift键拖移可选择多个切片。 ? 选择吸管工具，在图像的某一颜色上单击，可以将图像上该像素的颜色吸到吸管工具下方的色块上。单击色块，可以在弹出的对话框中修改颜色。 ? 单击切换图片可视性按钮，在“存储为Web所用格式”对话框中显示或隐藏所有切片。 ? 左侧显示当前图像的显示比例，可以在此框中重新设置图像的显示比例。 ? 单击最右侧的按钮，可以利用IE浏览器预览网页的效果。如果你使用的是其它浏览器，可以单击最右侧的按钮，在弹出的菜单中选择“其它”命令，选择适当的网络浏览器。 在“存储为Web所用格式”对话框下方的状态栏中： ? 单击“预览”弹出式菜单按钮，选择“隐藏自动切片”，可在“存储为Web所用格式”对话框中显示或隐藏自动切片，如图11-24所示。 ? 选择两个或两个以上的切片，然后从“优化”弹出式菜单中选择“链接切片”，链接图标即可出现在链接切片上。选择“取消全部切片链接”，即可取消所有切片的链接，如图11-25所示。 在“存储为Web所用格式”对话框中查看优化图像的信息 ? “存储为Web所用格式”对话框中每个图像下方的注释区域提供了优化信息。原稿图像的注释显示文件名和文件大小。优化图像的注释显示当前优化选项、优化文件的大小以及使用选中的调制解调器速度时的估计下载时间。可以在“预览”弹出式菜单中选取一个调制解调器速度。 图11-24 “预览”弹出式菜单 图11-25 “优化”弹出式菜单 选取的文件格式很大程度上取决于图像的特性。选择“优化”选项，才可以对图像进行优化设置。 ? 格式：GIF是用于压缩具有单调颜色和清晰细节的图像（如艺术线条、徽标或带文字的插图）的标准格式。如图11-26所示。 ? 格式：与GIF格式一样，PNG-8格式可有效地压缩纯色区域，同时保留清晰的细节。PNG-8 和GIF文件支持8位颜色，因此它们可以显示多达256种颜色。确定使用哪些颜色的过程称为建立索引，因此GIF和PNG-8格式图像有时也称为索引颜色图像。如图11-27所示。 在“存储为Web所用格式”对话框中右侧的选项及命令区域 ? 格式：可以选择保存图像切片的格式。JPEG是用于压缩连续色调图像（如照片）的标准格式。将图像优化为JPEG格式的过程依赖于有损压缩，它有选择地扔掉数据。如图11-28所示。 图11-26　GIF格式 图11-27 索引颜色表 图11-28 JPEG格式 ? 在“品质”框中，设置允许降低图像质量对图