关于使用 Photoshop 和 ImageReady 设计 Web 页

使用 Photoshop 和 ImageReady 设计 Web 页时，请记住每个应用程序中可用的工具和功能。

• Photoshop 提供创建和操纵用在 Web 上的静态图像的工具。可以将图像切片、添加链接和 HTML 文本、优化切片并将图像存储为 Web 页。
• ImageReady 设计用于专业的 Web 页版面。您可以更轻松地对图层进行选择、编组、对齐和排列等处理，就好像它们是独立的对象。另外，ImageReady 还包括用于高级 Web 处理和创建动态 Web 图像（如动画和翻转）的工具和调板。

Photoshop 和 ImageReady 中的图形工具和功能简化了大多数 Web 设计任务：

页面设计

在 ImageReady 中，针对页面和横幅、网格、导向线和智能参考线的预设文档大小简化了页面版式。在 Photoshop 和 ImageReady 中，都可以使用文本、绘图和绘画工具向版面中添加内容。在 ImageReady 中，可以使用图层、图层组和编组的图层来排列和对齐内容。要试验不同的页面编排或导出页面的不同形式，请使用“图层复合”调板。请参阅关于图层复合和“图层复合”调板。

切片

如果页面编排已准备就绪，可以输出到 Web，您可以使用 Photoshop 和 ImageReady 中提供的切片工具，将页面版式或复杂图形划分为多个区域，并指定独立的压缩设置（从而获得较小的文件大小）。（请参阅创建和查看切片。）

翻转

ImageReady 中的“Web 内容”调板使您可以跟踪切片及其翻转状态。例如，您可以针对某个 Web 页创建这样一个按钮：只要用户将指针放置在该按钮上，该按钮就会发光。并且，您可以管理按钮的状态以及这些状态中的活动。（请参阅关于切片。）

动画

对于简单 Web 动画的创建，ImageReady 提供“动画”调板，从而使您能够逐帧确定可以作为动态 GIF 或 SWF 文件导出的动画的外观。您可以结合切片组、嵌套表、百分比宽度表以及远程翻转（将鼠标放置在某幅图像时会变为另一幅图像）来创建动画。

导出和图像优化

在页面或图形已准备好进行最后的导出时，可以使用 Photoshop 中的“存储为 Web 所用格式”对话框和 ImageReady 中的“优化”调板来精确判断应如何导出页面或图形。此外，您还可以导出包含实际图像的 HTML 文件。此文本文件指示浏览器如何正确地显示导出的图像和翻转效果。（请参阅设置 HTML 输出选项。）

注释： 您可以直接在 Photoshop 或 ImageReady 中预览大多数 Web 效果。但是，图像在 Web 上的外观取决于操作系统、彩色显示系统以及用于显示图像的浏览器。请务必在不同的操作系统上使用不同的浏览器，利用不同的颜色位深度预览图像。（请参阅在浏览器中预览图像。）远程翻转在浏览器中的预览效果最佳。

在 Adobe GoLive 中进行准备

还需要指出的一点是，Photoshop 和 ImageReady 文件都可以直接在 Adobe GoLive 中打开。在 GoLive 中，可以访问 Photoshop 文件中的切片、URL 和其他 Web 功能来进行管理和编辑。有关使用 GoLive 的更多信息，请参阅 《Adobe GoLive 使用指南》。

工作流程自动化

Photoshop 和 ImageReady 中具有一个强劲的系统，借助该系统，您可以使重复任务自动进行。例如，ImageReady 快捷批处理使设计人员可以快速将一批图像转换为可用于 Web 的格式。（请参阅任务自动化。）