Setting Output Options - Adobe PHOTOSHOP 6.0 Manual

CHAPTER 12
348
Optimizing Images for the Web
7 (ImageReady) Select Include GoLive Code to
reformat HTML and JavaScript code so that
rollovers will be fully editable in Adobe GoLive.
Code is reformatted in the style used by GoLive
(and may create a larger HTML file).
You need not generate an HTML file to open a
Web page in GoLive 5.0. Simply save the Web
page as a Photoshop (PSD) file, and then import the
file directly into GoLive. For more information, see
the Adobe GoLive 5.0 User Guide.
Choose an option for slices from the pop-up
8
menu:
All Slices to save all slices in the image.
•
Selected Slices to save only the selected slices.
•
If you select this option in conjunction with the
HTML and Images option, ImageReady or
Photoshop generates the HTML code based on the
outermost bounds of the selected slices, and
generates auto-slices as needed to create a
complete HTML table.
Note: You must select the desired slices before
starting this procedure.
• A slice selection to save only the slices in
the selection. You must save a slice selection in
order for this option to appear in the menu.
(See "Selecting slices" on page 276.)
9 Click Save.
To copy HTML code to the Clipboard (ImageReady):
Choose Edit > Copy HTML Code, and choose an
option for copying code from the submenu:
Copy All Slices to copy HTML code for all slices
•
in the document.
• Copy Selected Slices to copy HTML code for
selected slices only.
• Copy Preloads to copy the JavaScript portion of
the HTML code for slices in the document.
ImageReady generates and formats HTML code
based on settings in the Output Options dialog
box. Be sure to specify HTML options, such as
whether to use tables or cascading style sheets,
before you copy and paste HTML code. (See
"Setting HTML output options" on page 349.)
To paste the ImageReady HTML code into an
HTML document, open the HTML document
in the destination application and choose
Edit > Paste.
To update HTML code for an image (ImageReady):
Choose File > Update HTML.
1
Select the HTML file into which you pasted
2
HTML code for the image.
Select Save Images to save the image file when
3
you update the HTML code for the image.
Click Save.
4

Setting output options

Output settings give you control over the files that
are generated when you save an optimized image
as a Web page; you can specify how HTML files are
formatted and how image files are named. Output
settings also include options for naming slices and
creating background images.