How to Preview Files in Browsers and Platforms
How to Slice Images for the Web
How to Build Imagemaps
How to Build Filter-Based GIF Animations
How to Build a Web Gallery
Note: Much of the work in the tasks in this part will be done in ImageReady and not in Photoshop itself. It is extremely easy to move back and forth between the two programs, calling on the strengths of each as necessary. In fact, the two programs are closely linked, and you can open one from the other and move files back and forth between the applications.
Photoshop and ImageReady automatically optimize, rename, and generate solid HTML code on-the-fly, supporting a wide variety of Web tasks. The code is saved as a separate HTML file that can dovetail with an existing page or, in the case of tables, be used on its own.
Be sure to set the HTML settings in both Photoshop and ImageReady to make sure that the code being created is optimized for the platforms and browsers for which you're developing. In addition, you should check out the file-naming conventions in the ImageReady and Photoshop Preferences boxes to make sure that the autonaming schemes are compatible with your overall process. See Part 1, "Getting Started with Photoshop," for details on setting these preferences.