9780764534553

Do you keep an archive of killer Web sites? You2re not alone. Fifteen leading Web designers reveal the secrets behind their favorite sites in the updated edition of Web Design Studio Secrets. Featuring interviews with the experts, undocumented tips and techniques, and full-color illustrations in an oversized format, this edition also presents case studies packed with advice. Discover what2s in a winning site -- Dynamic HTML, Flash animation, and JavaScript rollovers are among the contenders. The CD-ROM contains demo software from key industry players, artwork from the book, and QuickTime interviews with featured artists. With Web Design Studio Secrets, 2nd Ed., you2ll find out what the competition2s been up to and how to use it to your advantage.

DEKE McCLELLAND is a contributing editor at Publish and Macworld magazine and the award-winning author of more than 30 bestselling books on computer graphics and design, including Macworld Photoshop 5 Bible and Studio Secrets KATRIN EISMANN is an internationally recognized artist, educator, and speaker. STONE covers Web design and multimedia at Macworld.

Foreword

vii

Preface

ix

PART I: GENERAL TECHNIQUES

1

(134)

Designing for the Web

3

(20)

Where to Begin?

3

(1)

Getting to Know Your Client

4

(1)

Getting to Know Your Viewers

4

(3)

New Game, New Rules

7

(1)

Who Is in Control?

7

(1)

Designing Up or Down?

8

(1)

Speed Issues

8

(2)

Site Navigation

10

(1)

Real Estate: Knowing Your Screen Sizes

11

(1)

Limiting Scrolling

11

(1)

The Design Process

12

(3)

Designing Buttons

15

(1)

Photoshop as a Page Layout Tool

15

(3)

Buttons in Action

18

(1)

Engaging the Viewer

19

(1)

The Bottom Line

20

(1)

From Start to Finish

20

(3)

Making Your Site Easy to Navigate

23

(16)

Maximize Access, Minimize Clicks

24

(1)

DigitalThink: Developing Paths to Learning

24

(8)

Candy-Coating the Interface

26

(1)

The Home Page Sets the Standards

26

(1)

The Two-Tiered Approach

27

(1)

Specialty Navigation

28

(4)

Deutsche Bank: More Than a Pretty Interface

32

(4)

Site Trees and Sketches

33

(1)

The Splash Page

33

(1)

The Training Portal

34

(1)

Viewing Course Options

35

(1)

Learning About a Course

35

(1)

RGA Tech: Three Sites in One

36

(1)

The Ultimate Test

37

(2)

Creating Web Graphics

39

(14)

Color on the Web

39

(3)

Bit Depth

40

(1)

Dithering

41

(1)

Adaptive Palette

42

(1)

File Formats

42

(5)

GIF

42

(3)

JPEG

45

(2)

PNG and SVG

47

(1)

How to Choose Formats

47

(1)

Antialiasing

48

(1)

Platform Gamma Differences

49

(1)

How Big Is Too Big?

50

(1)

Image Slicing

50

(1)

Batch Processing

51

(2)

Basic HTML as a Design Tool

53

(30)

Do I Really Have To?

54

(1)

Workflow Organization

55

(2)

File and Folder Hierarchy

56

(1)

Naming Conventions and Consistency

57

(1)

Getting into the Code

57

(1)

Cleanliness Is Next To...

58

(1)

What Every Web Page Needs

58

(1)

<BODY> Attributes

59

(3)

Color

60

(1)

Background

61

(1)

The Essential Text Tags

62

(4)

<Hn>

62

(1)

62

(1)

62

(1)

Formatting Text

63

(2)

Lists

65

(1)

HTML Text Versus GIF Text

66

(1)

Link Me Up

66

(2)

Absolute Versus Relative URLs

67

(1)

Working with Images and HTML

68

(2)

Please Leave the Lights On!

69

(1)

Working with Nothing to Design the Page

70

(1)

Using the LOWSRC Tag

71

(2)

Image Maps

73

(2)

Setting the Table

75

(2)

Frames

77

(1)

Commenting about

78

(2)

Metatags

80

(3)

80

(1)

And in the End...

81

(2)

Dynamic HTML as a Design Tool

83

(10)

The Good News

84

(1)

The Bad News

85

(1)

Love Your Layers

86

(4)

Absolute Positioning

88

(1)

Take a Closer Look

89

(1)

WYSIWYG DHTML?

90

(1)

Advice for DHTML Aspirants

91

(2)

Constructing Pages Using Tables

93

(16)

Brett Waxes Tables

94

(2)

Making Graphics That Stretch

96

(6)

The Expanding Line

98

(1)

Aligning the Buttons

99

(1)

The Expanding Title Bar

100

(2)

Constructing Complex Page Designs

102

(5)

Table 1: The Green Buttons

104

(1)

Table 2: The Red Buttons and Text

105

(1)

The Nested, Floating Tables of the Gray Sidebar

106

(1)

Thinking in Tables

107

(2)

Designing Type for the Web

109

(12)

Why CSS?

110

(2)

Specifying Typefaces

112

(1)

Sizing Up the Situation

112

(2)

Leading

114

(1)

Embedded Versus External Style Sheets

114

(1)

Structure or Display?

115

(1)

No-Fault CSS

115

(3)

CSS on Computer Alternatives

116

(1)

Oldies, Some Goodies

117

(1)

Who Cares About Type?

118

(3)

Creating Rollovers with Javascript

121

(14)

Neil Welcomes You to Rollovers

122

(1)

Mouse Over and Out

123

(5)

Giving JavaScript the Gas

124

(1)

Preloading the Images

124

(2)

Creating the Rollovers

126

(1)

The Power of Functions

127

(1)

Rolling Image Maps

128

(3)

The Rollover Functions

129

(1)

Scripting the Image Map

130

(1)

Advanced Rollovers

131

(2)

The Double-Swap Function

131

(1)

The Double-Image Swap

132

(1)

Making Animated Rollovers

133

(1)

Random Rollover Notes

133

(2)

Mi Coda Es Su Coda

134

(1)

PART II: SPECIFIC APPLICATIONS

135

(115)

Site Management and Workflow Techniques

137

(18)

What It Means to Produce

139

(1)

The Five Phases of Web Design Workflow

140

(1)

Phase 1: Site Definition

140

(3)

Frasier's Cranium

141

(1)

NW Federal Credit Union

142

(1)

Phase 2: Developing Site Structure

143

(3)

The Rosie O'Donnell Show

144

(1)

Go West with Lewis and Clark

145

(1)

Phase 3: Interface Design and Production

146

(5)

Expedition '95

147

(2)

UCSC NetTrail

149

(2)

Phase 4: Technical Engineering

151

(2)

The Virtual Lot

152

(1)

Phase 5: Publishing and Marketing

153

(2)

Creating Database-Driven Sites

155

(14)

What Is a Database?

156

(1)

Workflow

157

(1)

Documents Are Key to Success

158

(2)

Templates

160

(4)

User Needs

164

(3)

Talking on Air

165

(1)

Ingram Micro

166

(1)

Keep it Simple, Not Stupid

167

(2)

Gif Animation

169

(12)

Evaluate Potential

170

(1)

Simple Is Better

171

(1)

Tween Idol

172

(2)

File Size and Playback Speeds

174

(1)

Frame Rates and Looping

175

(1)

Image Slicing

175

(2)

From GIF to .SWF

177

(2)

The GIF Animation Workhorse

179

(2)

Flash Animation and Interactivity

181

(12)

Good Things and Small Packages

183

(1)

Interactivity

184

(1)

When Not to Use Flash

185

(1)

Flash and Frames

186

(1)

Layer It On

187

(1)

Faking 3D Flash

188

(2)

Sound Off

190

(1)

Business Sense

191

(2)

Films and Video on the Web

193

(16)

Small Screen, Huge Audience

194

(2)

Now Showing

196

(2)

Using QuickTime

196

(1)

Using Streaming Video

197

(1)

Choosing the Right Format

197

(1)

From Celluloid to Bits and Bytes

198

(2)

Capture

198

(1)

Cleanup

199

(1)

Settings for QuickTime

200

(1)

HTML for QuickTime

201

(2)

Behind the Scenes

202

(1)

Streaming Video

203

(2)

Serving Streaming Video

204

(1)

From Nickelodeon to Multiplex

205

(1)

In Honor of Robert Wise

206

(1)

Using JavaScript

206

(1)

Finally, with or Without Butter?

206

(3)

Immersive Online Imaging

209

(24)

Immersive Imaging Flavors

212

(11)

Interactive Panoramas

213

(5)

Interactive Object Movies

218

(5)

The Immersive Photo Studio

223

(5)

After the Shoot

224

(4)

VR Photography on the Web

228

(5)

Embedding VR Photography with HTML

229

(4)

Announcing Your Web Site

233

(17)

<META> Tags and Search Engines

234

(3)

Submitting to the Directories

237

(5)

Tiptoe Through the Yahoo

238

(2)

Search Engine Submission

240

(1)

Industry-Specific Directories

240

(1)

Putting a Face with a Name

241

(1)

Promoting Outside the Box

242

(6)

Speaking to the Zines

244

(2)

Giving People a Reason to Stop By

246

(1)

Bringing New Attention to an Old Site

247

(1)

Do It Right, Do It Yourself

248

(2)

Appendix

250

(4)

Index

254

(8)

About The Authors

262

(1)

Colophon

263

(1)

End-Users License Agreement

264

(4)

CD-Rom Installation Instructions

268

What is included with this book?

The New copy of this book will include any supplemental materials advertised. Please check the title of the book to determine if it should include any access cards, study guides, lab manuals, CDs, etc.

The Used, Rental and eBook copies of this book are not guaranteed to include any supplemental materials. Typically, only the book itself is included. This is true even if the title states it includes any access cards, study guides, lab manuals, CDs, etc.

Amazon no longer offers textbook rentals. We do!

Amazon no longer offers textbook rentals. We do!

We're the #1 textbook rental company. Let us show you why.

Web Design Studio Secrets, 2nd Edition

0764534556

Summary

Author Biography

Table of Contents

Supplemental Materials

Rewards Program