Page 328 - Enhancing CAD Drawings with Photoshop

4386.book Page 312 Monday, November 15, 2004 3:27 PM

312 CHAPTER 9 SHOWING WORK TO YOUR CLIENTS

15. Select the Slice palette. Type Large_Site_Plan.html in the URL text box. You can optionally
add anchor tags to the HTML markup by entering data in the URL field for the slice.

NOTE Hyperlinking is something that is normally done in web design software such as Adobe GoLive
or Macromedia Dreamweaver, but you can add basic links to a web page in ImageReady if desired.
16. Optionally, create another web page called Large_Site_Plan.html featuring an enlarged and
optimized image of the site plan project (see Chapter 5). This web page was referenced by
slice 03 in the previous step.
17. Save your work as Slices2.psd in ImageReady. If you’re going to continue working through
the following section, you can leave this file open for now.

Viewing the Optimized Web Page
After creating slices and rollover states, preview the web page in a browser locally and see how it
functions before posting it to a web server.
1. If you have Slices2.psd open in ImageReady from the previous exercise, you can continue
here; if not, open that file from your hard drive before continuing. This file is also provided on
the companion CD if you are jumping in here.
2. Choose File Save Optimized As, or press Ctrl+Shift+Alt+S. Type Slices_and_Rollovers in
the File Name field of the Save Optimized As dialog box. Choose HTML And Images in the
Save As Type drop-down list box. Leave Settings set to Default and Slices set to All Slices. It is
possible to save only the user slices or to save in XHTML, for example. Navigate to a project
folder on your hard drive and make a Web Page subfolder. Click Save.

TIP Do not put spaces or unusual characters in the filenames of web pages.
3. If you see a warning dialog box, click OK to truncate lengthy filenames for compatibility with
Macintosh browsers.

4. Open Windows Explorer and navigate to the folder on your hard drive where you saved the
optimized HTML and images in step 2. Double-click Slices_and_Rollovers.html to launch
your default browser. (This is also provided on the CD in the Web Page subfolder.) All the slices
are stored in an images subfolder. Figure 9.23 shows the web page displayed in a browser
(Mozilla Firefox in this case). A version of this image also appears in the color section.