Designing Web; About Designing Web Pages With Photoshop And Imageready - Adobe PHOTOSHOP 6.0 Manual

Chapter 10: Designing Web Pages
dobe Photoshop and Adobe ImageReady
A
provide you with a comprehensive
environment for designing complex,
image-rich Web pages. You can use the tools and
techniques you're already familiar with to design
Web pages that include images, text, and sophisti-
cated effects—such as rollovers, image maps, and
animations—quickly and easily. Best of all,
you never have to view or edit the underlying
HTML and JavaScript.
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.
Using the Web design palettes
(ImageReady)
ImageReady provides the following palettes for
adding advanced Web design features to images:
Rollover, Slice, and Image Map.
To display the Rollover, Slice, or Image Map palette:
Do one of the following:
• Click the tab of the palette you want to display.
Choose Window > Show Rollover, Window >
•
Show Slice, or Window > Show Image Map.
Other factors to consider
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, and JPEG 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 5.0. 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 5.0 User Guide.
271