Adobe Photoshop 5.5 Web Design with ImageReady 2 and Golive 4

Lavishly illustrated, this gorgeous book covers the ins and outs of using both applications, as well as ImageReady and ImageStyler, giving you a strong foundation with Adobe's suite of Web tools. It's all here, from basic topics such as organization and navigation techniques and Web color management, to explanations of each application's unique strengths, to illuminating suggestions from renowned Web designers.

Table of contents

Chapter 1: 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

Chapter 2: Design Concepts

Developing a Design Concept for your Web Site

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 Lindstrom

Chapter 3: 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

Chapter 4: 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

Chapter 5: 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

Chapter 6: GIF Animation

Basic Principles

Looping an Animation

Saving on Bandwidth by Scaling Animations

The Zero-Second Trick

Gif--gIf--giF 1.24 for Macintosh

Transparency and Disposal Methods

Optimizing an Animation

Case Study: Vino's Pub

Chapter 7: 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?

Chapter 8: GIF

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

Chapter 9: JPEG

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

Chapter 10: PNG

Saving a PNG Image with Save a Copy

Saving a PNG Image with Save For Web

The PNG Comparison Chart

Chapter 11: 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

Chapter 12: 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

Chapter 13: 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

Index