Preface xv
Part I: Design and Usability Topics
1
Topic 1: Designing to Aid Navigation
3
Topic 2: Grouping Similar Functions
9
Topic 3: Designing Graphics for Clicks
17
Topic 4: Achieving Balance 25
Topic 5: Choosing Colors 33
Choosing Text and Background Colors
33
Choosing Link Colors 37
Choosing Interface Colors 38
Topic 6: Designing for Accessibility
41
Making Images Accessible 42
Making Multimedia Accessible 44
Managing Your Use of Color 45
Topic 7: Leaving Breadcrumb Trails
47
Topic 8: Using Jump Menus 53
Topic 9: Managing Popup Windows
59
Making Popups 61
Topic 10: Creating Popup Menus
67
Understanding Layers 68
Laying Out Popup Menus 69
Topic 11: Providing a Way Back
79
Topic 12: Working with Scripts and Style
Sheets 83
Embedding Scripts 83
Embedding Style Sheets 85
Attaching Scripts 86
Attaching Style Sheets 86
BLOG: Embedding or Attaching?
89
Topic 13: Launching Scripts with Links
91
BLOG: JavaScript Links or onClick Links?
93
Part II: Layout Topics 95
Topic 14: Creating Fixed-Width Layouts
with Tables 97
BLOG: HTML or CSS for Layout?
103
Topic 15: Creating Fixed-Width Layouts
with CSS 105
Topic 16: Centering Fixed-Width CSS
Layouts 111
Topic 17: Creating Liquid Layouts with
Tables 115
Topic 18: Creating Liquid Layouts with CSS
121
Topic 19: Slicing Images for Layout Tables
127
Topic 20: Creating Multicolumn Layouts
with Tables 133
Topic 21: Creating Multicolumn Layouts
with CSS 137
Topic 22: Preventing a Nav Bar from
Breaking 141
Topic 23: Coloring Table Cells
149
Topic 24: Coloring and Formatting CSS Divs
155
Topic 25: Controlling Design Space with
HTML 163
Topic 26: Controlling Design Space with
CSS 165
Part III: Image Topics 167
Topic 27: Choosing the Right Image File
Type 169
Topic 28: Optimizing Web Images
171
Optimizing Resolution 172
Optimizing Image Size 173
Optimizing the Palette in GIFs and PNGs
174
Optimizing the Compression in JPEGs
174
Topic 29: Transforming Images with HTML
Attributes 177
Topic 30: Positioning Inline Images with
HTML 181
Topic 31: Floating Inline Images with CSS
185
Topic 32: Designing Button States
189
Topic 33: Making Rollover Graphics
193
Topic 34: Making Images More Accessible
197
Topic 35: Creating Image Maps
199
Topic 36: Making Image Maps More
Accessible 203
Topic 37: Using Background Images in Table
Cells 207
Topic 38: Using Background Images in CSS
Divs 211
Topic 39: Using Background Images on Web
Pages 215
Part IV: Text Topics 219
Topic 40: Using Text Elements Properly
221
Working with Header Tags 222
Marking up Paragraphs 224
Using Quote Elements 224
Displaying Addresses 225
Topic 41: Using Phrase Elements Properly
227
Topic 42: Adding Cascading Style Sheets
231
Writing CSS 232
Topic 43: Replacing Formatting Tags with
CSS 243
Topic 44: Creating Custom Formatting
Styles 247
Topic 45: Changing the Look of a Text
Element 251
Defining Contextual Selectors
251
Defining Child Selectors 254
Defining Sibling Selectors 255
Mixing It Up 257
Topic 46: Defining Class Styles
259
Forming an Exclusive Club 262
Topic 47: Controlling the Typeface
265
Troubleshooting Fonts 266
Choosing the Best Typeface 268
Topic 48: Controlling Type Size
269
Using the Font Tag 269
Using the Font-Size Attribute
270
BLOG: Sizing up Type Sizing
273
Topic 49: Controlling Spacing
275
Controlling Space around Elements
275
Controlling Space inside Elements
277
Controlling Space between Lines of Type
277
Controlling Space between Words
278
Controlling Space between Letters
279
Topic 50: Controlling Justified and Ragged
Type 281
Topic 51: Controlling Indents
285
Topic 52: Building Lists 291
Nesting Lists in HTML 293
Adjusting List Properties with CSS
295
Topic 53: Highlighting Text with Color
303
Topic 54: Rehabilitating Horizontal Rules
307
Creating End Signs 310
Topic 55: Adding a Dateline and Timestamp
311
Topic 56: Designing Data Tables
319
Making the Most of the Grouping Tags
323
Working with Colspans and Rowspans
324
Adjusting Cellpadding and Cellspacing
328
Changing the Border 331
Improving Accessibility 335
Topic 57: Using Pseudo-Elements
341
Topic 58: Defining ID Styles
347
Part V: Link Topics 349
Topic 59: Applying Styles to Hyperlinks
351
BLOG: In Defense of the Hyperlink
Underline 357
Topic 60: Making Rollover Hyperlinks
359
Topic 61: Choosing the Right Path
363
Using Absolute Paths 363
Using Document-Relative Paths
364
Using Root-Relative Paths 366
Topic 62: Changing the Color of a Single
Hyperlink 369
Changing the Default Color for All Link
States 369
Changing the Default Color for Individual
Link States 370
Topic 63: Choosing the Right Text for a
Hyperlink 373
Topic 64: Creating ScreenTips for
Hyperlinks 379
Topic 65: Opening a New Browser Window
381
Topic 66: Using Named Anchors
383
Setting Named Anchors 383
Linking to Named Anchors 385
Topic 67: Creating Email Links
387
Part VI: Form Topics 389
Topic 68: Working with Form Widgets
391
Working with Generic Buttons 392
Working with Checkboxes 393
Working with File Fields 395
Working with Hidden Fields 396
Working with Image Fields 397
Working with Lists 399
Working with Menus 401
Working with Password Fields 402
Working with Radio Buttons 403
Working with Reset Buttons 405
Working with Submit Buttons 406
Working with Text Areas 407
Working with Text Fields 408
Topic 69: Applying Styles to Text Widgets
411
Changing the Text Style 411
Changing the Colors and the Border
414
Topic 70: Validating Form Input
417
Topic 71: Setting the Tab Order
425
Topic 72: Working with Fieldsets
429
Topic 73: Working with Labels 437
Part VII: Tricks Topics 441
Topic 74: Embedding Media 443
Topic 75: Automatically Refreshing the
Page 449
Topic 76: Automatically Redirecting the
Browser 453
Topic 77: Displaying Random Content
457
Topic 78: Displaying a Browser Alert
467
Topic 79: Displaying a “You Are Now
Leaving” Popup 473
Part VIII: Basic Training Topics
475
Topic 80: Creating HTML Documents
477
Organizing Your Web Site 482
Topic 81: Adding Keywords and Page
Descriptions 487
Topic 82: Blocking Parts of Your Site from
Search Engines 489
Topic 83: Testing Your Site
493
Topic 84: Choosing a Web Host
495
Finding a Web Host 495
Considering Features 497
Topic 85: Uploading Your Site
501
Topic 86: Validating Your Source Code
503
Glossary 505
Index
515