Using Help
|
Contents
|
Index
Back
368
Adobe Photoshop Help
Designing Web Pages
Using Help
|
Contents
|
Index
Back
368
Designing Web Pages
About designing Web pages with Photoshop and
ImageReady
When designing Web pages using Adobe Photoshop and Adobe ImageReady, keep in
mind the tools and features that are available in each application.
•
Photoshop provides tools for creating and manipulating static images for use on the
Web. You can divide an image into slices, add links and HTML text, optimize the slices,
and save the image as a Web page.
•
ImageReady provides many of the same image-editing tools as Photoshop. In addition,
it includes tools and palettes for advanced Web processing and creating dynamic Web
images like animations and rollovers.
When you save an image for use as a Web page, you can choose to generate an HTML file.
This file contains information that tells a Web browser what to display when it loads the
page. It can contain pointers to images (in the form of GIF, PNG, JPEG, and WBMP files),
HTML text, linking information, and JavaScript code for creating rollover effects.
You can integrate your Web production process by opening Photoshop files directly in
Adobe GoLive. Slices, URLs, and other Web features in Photoshop files are accessible in
GoLive for management and editing. You can also open Photoshop files in GoLive as page
templates. Page templates display as a shaded preview and provide a visual guide for
building a Web page in GoLive. For more information on using GoLive, see the
Adobe
GoLive User Guide
.
Note:
You can preview most Web effects directly in Photoshop or ImageReady. However,
the appearance of an image on the Web depends on the operating system, color display
system, and browser used to display the image. Be sure to preview images in different
browsers, on different operating systems, and with different color bit depths.
(See
“Previewing an image in a browser” on page 53
.)
Creating and viewing slices
A slice is a rectangular area of an image that you can use to create links, rollovers, and
animations in the resulting Web page. Dividing an image into slices lets you selectively
optimize it for Web viewing.