Publishers of technology books, eBooks, and videos for creative people

Home > Store > Web Design & Development > Usability

Adobe® Photoshop® 6.0 Web Design

Register your product to gain access to bonus material or receive a coupon.

Adobe® Photoshop® 6.0 Web Design


  • Sorry, this book is no longer in print.
Not for Sale



  • NEW - Updated and revised— to cover the latest features of Photoshop 6, ImageReady 3 and GoLive 5.
    • Provides students with the current and comprehensive technical material to learn and update their skills on Adobe's Web design tools. Ex.___

  • Industry-leading Author—Michael Baumgardt is one of Germany's most respected authors on Web design and desktop publishing. One of the first designers to adopt desktop publishing more than a decade ago, he made the leap into designing for the Internet in 1996. His books on design are consistent bestsellers. He currently lives in New York and runs a Web design and desktop publishing company, Mito Media, Inc. He is the author of the previous edition of this book.
    • Industry-leading teachers, writers, and designers provide students with expert, professional instruction and advice. Ex.___


  • Copyright 2001
  • Dimensions: 7 x 9
  • Pages: 344
  • Edition: 1st
  • Book
  • ISBN-10: 0-201-72146-5
  • ISBN-13: 978-0-201-72146-1

As Web designers become more HTML savvy, many turn to Photoshop as their main design tool. And if you're like most other designers who use multiple products to create a finished site, Adobe Photoshop 6.0 Web Design is written just for you. In this gorgeous four-color book, Web designer Michael Baumgardt shows you how to use Adobe's suite of tools for professional Web design. Covering Photoshop, GoLive and ImageReady, this new edition is fully updated to reflect the changes in GoLive 5, Photoshop 6, and ImageReady 3.

The book starts out with the basics of using Adobe tools to create the most important elements of a Web site. Then it demonstrates how to use the newest features, including image compression, creating GIF animations, building dynamic Web content, designing navigational elements, managing Web-safe colors and more.

Sample Content

Table of Contents

The Basics of Web Design.

A Brief History of the Web. HTML Basics. Some Useful Sites for Web Designers. The HTML Source Code of a Page. Why Structural Coding Is Unsuitable for Design. Additional Design Limitations of HTML. WYSIWYG Authoring Applications. Photos and Graphics on the Internet. JPEG — Joint Photographic Experts Group. GIF — Graphical Interchange Format. PNG — Portable Network Graphic Format. How do Browsers Compensate for Missing Colors? Vector Illustrations. Web Design with Adobe ImageStyler. Putting This Knowledge to Work. How to Solve Color Problems? Monitor or Browser Dithering. Interview with Tim Nilson, N2K. Animation and Interactivity Design Concepts. Developing a Design Concept for your Website. Information Architecture. Without Structure There Is No Architecture. Reduction Is Construction. Common Information Architecture Mistakes. Navigation in the Information. Interview with Tom Nicholson. Design Concepts. Content Surfacing. Metaphors. The Tunnel Concept. Navigational Techniques and Concepts. Navigational Concepts Based on Links. Navigational Concepts Based on Frames. The Sidebar Design. Image Maps and Image Tables. Using the Slicing Tool. Interview with Andreas Lindström.

Optimizing Photoshop.

Optimizing the Color Picker. Using the Right Interpolation Method. Photoshop's Interpolation Methods. Preview. Append File Extension. Rulers in Pixels. Guides and Grids. Loading the Web-Safe Color Palette. Gamma. The Info Palette. The Action Palette. Toggle Dialog On/Off. Inserting Stops. Recording Paths in your Action. Batch Processing Photoshop Techniques. How Large Should Your Canvas Be? Working with the Layers Palette. The Layers Palette Quick Guide: Opening the Palette. Making Layers Visible/Invisible. Moving Layers. The Layers Palette: Opacity and Layer Modes. Layer Modes and Opacity. Layer Masks. Transparency. Adjustment Layers. Selecting Layers. Layer Preview. Changing Colors. Changing the Color of an Object. Correcting Colors. How to Make White Disappear in a Layer. Avoiding Halos. Vector Graphics: Using Illustrator with Photoshop. Importing Vector Graphics. The Right Size. Preserving the Layers. Optimizing Images. Getting Rid of Noise and Scratches. Eliminating Noise. Removing Dust and Scratches. Washed-Out Images. Brightness/Contrast. Levels. Correcting Images with Levels. Unsharp Mask. Working With Text. The Text Tool. Dynamic Fonts with HexMac Typograph. Simulating HTML Text. Changing the Image Size. Changing Resolution to 72 DPI. Changing Image Size to 50 Percent. Changing the Canvas Size and Using the Crop Tool

Designing Web Elements.

Creating Backgrounds. Background Images. Sidebars as Background. Aligning Foreground with Background. Browser Switch. Image Inflation. Using Backgrounds in Tables. Creating Backgrounds with a Graphics Application. Image Tables. Fixing Image Tables in HTML. Using Images as Links. Creating Interactive Buttons in ImageReady. Designing Buttons. Alien Skin EyeCandy.

GIF Animation.

Basic Principles. Looping an Animation. Saving on Bandwidth by Scaling Animations. The Zero-Second Trick. GifgIfgiF 1.24 for Macintosh. Transparency and Disposal Methods. Optimizing an Animation. Case Study: Vino's Pub.

Comparing GIF, JPEG and PNG

Which Format for Which Image? Using Save as or Save for Web with JPEGs. JPEG or GIF for Small Photographic Elements?


How Does GIF Compress? CLUT — Color Look-Up Table. The LZW Algorithm. GIF Comparison Chart. LZW Pattern Recognition. The GIF Comparison Table. Dithering Comparison Chart. The Lossy Option. Creating GIFs. Color Reduction Algorithms. Dithering. Lossy. Transparency and Matte. Interlaced. Web Snap. Optimizing a CLUT. Saving and Exporting a GIF Step-by-Step. Converting Several Images with Batch Processing. Creating a Super Palette. Images with Partial Dither. A Gif with Several Levels of Transparency.


DCT Compression. Transparency. JPEG Is Not Lossless. Progressive JPEG. How Well Does JPEG Compress Images? The JPEG File Standard. The Correlation of Compression and 8x8-Pixel Blocks. How a JPEG Is Encoded. Quality Differences with Different JPEG Decoders. How Much Does Blurring Improve Compression? The JPEG Comparison Chart.


Saving a PNG Image with Save a Copy. Saving a PNG Image with Save for Web. The PNG Comparison Chart.

The Web-Safe Color Palette.

The Color Cube. Color Depth. How Computers Store Information. Color Depth of an Image. The Web-Safe Color Palette. Monitor Color Depth. The Web Color Palette Seen as a Cube. The Web Color Cube Shown in Slices. The MiB Color Chart.

GoLive Basics.

Understanding the Concept of Stationery and Components. Overview: Bringing Your Photoshop Design into GoLive. A Case Study. Setting Up a New Site. Creating the First Stationery. Setting Up the Main Page. Creating a Layout Grid. Overview of the GoLive Layout Grid. Setting Up the Fonts. Some Tips on Using Dynamic Fonts. Cascading Style Sheets. The CSS Selector Inspector. Creating a Component. Setting Up the Colors. Creating the Site Structure. Exporting Elements from ImageReady to GoLive. Updating Components. The Last Word. Uploading the Site. Apple WebObjects.

Video and Audio.

Capturing Formats. Creating a Two-Frame Poster Movie in QuickTime Player Pro. Compressing and Embedding Movies for the Web. Which Video Codec Should You Use? How to Embed Video in HTML. QuickTime Attributes. Embedding RealMedia. Music and Audio.



Submit Errata

More Information

Unlimited one-month access with your purchase
Free Safari Membership