| Acknowledgments | xi |
| Introduction | xii |
| PART ONE: IMAGE IS EVERYTHING | |
| CHAPTER 1: Seeing with a Designer’s Eye | 5 |
| Weed Out the Clutter | 6 |
| Guide the Eye to Important Content | 9 |
| Be Smart About Ad Placement | 9 |
| Spice Up Text-Heavy Pages | 10 |
| Create Visual Rest Stops | 11 |
| Dump the Splash Screen | 12 |
| Make Text Easily Readable | 14 |
| Create Identity Through Design | 14 |
| Be Aware of Technical Traps | 16 |
| CHAPTER 2: Fast and Easy Design Tools | 23 |
| Hardware: Is Your Computer Up to the Job? | 24 |
| Scanner or Digital Camera—or Both? | 26 |
| Scanner Buying Guide | 28 |
| Digital Camera Buying Guide | 29 |
| Software: Do You Have What You Need? | 33 |
| Photo Editing Software | 33 |
| Graphics Cataloging/Management Software | 37 |
| CHAPTER 3: Pixels, Palettes, and Other Pesky Details | 41 |
| Think Pixels, Not Inches | 42 |
| Squaring Away Pixels | 42 |
| Comparing Screen Pixels and Image Pixels | 43 |
| Designing for the Small Screen | 49 |
| Choose "Safe" Colors | 52 |
| Making Color with Light | 52 |
| Keeping Colors in Bounds | 53 |
| Preview, Adjust, and Preview Again! | 61 |
| CHAPTER 4: Creating Your Design Framework | 63 |
| Developing a Design Theme | 64 |
| Using Themes to Create a Unified Look | 68 |
| Applying a FrontPage Theme | 69 |
| Adjusting Theme Colors | 71 |
| Changing Theme Graphics | 72 |
| Substituting Fonts | 74 |
| Plotting Out Your Page | 74 |
| Dealing with Layout Realities | 75 |
| Frames | 76 |
| Absolute Positioning and Other CSS-Based Formatting | 77 |
| Working with Tables | 77 |
| Ways to Create a Table | 78 |
| Table Formatting Options | 80 |
| Cell Formatting Options | 83 |
| Adjusting Table Spacing and Layout | 86 |
| Using Templates | 90 |
| CHAPTER 5: Building Beautiful Backgrounds | 93 |
| Digging into Backgrounds | 94 |
| Setting FrontPage Background Defaults | 97 |
| Laying Down Background Tiles | 100 |
| Solid-Color Sidebars | 101 |
| Gradient Sidebars | 106 |
| Shadowed Sidebars | 107 |
| Ragged-Edged Sidebars | 110 |
| Horizontal Stripes | 113 |
| Textured Backgrounds | 115 |
| Repeated Background Patterns | 120 |
| Faux Backgrounds | 121 |
| PART TWO: THE FINE PRINT | |
| CHAPTER 6: Everyday Text | 129 |
| Creating Text in FrontPage | 130 |
| Typing and Editing Text | 130 |
| Bringing in Text from Another Source | 131 |
| Formatting Text | 132 |
| Formatting Text as a Link | 135 |
| Using HTML Paragraph Styles | 136 |
| Choosing Web-Friendly Fonts | 136 |
| Stick with "Safe" Fonts | 136 |
| Go Sans Serif for Better Legibility | 142 |
| Don’t Anti-Alias Small Type | 143 |
| Limit Yourself to Two or Three Fonts | 144 |
| Sizing Type: It’s All Relative | 145 |
| Spacing Things Out | 146 |
| Inserting Special Symbols | 148 |
| CHAPTER 7: Text as Art | 147 |
| Creating Text in PhotoDraw | 152 |
| Adding or Deleting Characters | 154 |
| Changing the Font, Size, or Type Style | 154 |
| Moving and Rotating Text | 154 |
| Anti-Aliasing Text | 156 |
| Giving Text the Treatment | 156 |
| Filling (and Stroking) Text with Meaning | 157 |
| Bending Your Words | 160 |
| Using Pictures as Characters | 161 |
| Creating Stylish Bullets | 162 |
| PART THREE: PICTURE THIS | |
| CHAPTER 8: Simple Drawings | 169 |
| Opening Pictures | 170 |
| Zooming In and Out | 172 |
| Changing the Canvas Color or Design | 173 |
| Sizing the Canvas | 174 |
| Creating Simple Graphics | 175 |
| Drawing Primer | 175 |
| Painting vs. Drawing | 177 |
| Basic Picture Editing | 179 |
| Shuffling the Stacking Order | 183 |
| Quick Buttons and Bars | 184 |
| Object Lessons: Forging Shapes into Pictures | 186 |
| Using Clip Art | 190 |
| CHAPTER 9: Photography for the Web | 193 |
| Taking Better Web Pictures | 194 |
| Secrets for Shooting Shiny Stuff | 196 |
| Fixing Photographic Flaws | 198 |
| Selecting the Area to Edit | 198 |
| Snipping Away Part of a Photo | 206 |
| Making Areas Transparent | 208 |
| Adjusting Colors, Brightness, and Contrast | 210 |
| Sharpening Focus | 217 |
| Exploring Other Photo Editing Options | 217 |
| Resizing Pictures | 218 |
| Saving Pictures for the Web | 220 |
| Saving in the PhotoDraw Format | 220 |
| Saving GIF Images | 221 |
| Saving Photos as JPEG Images | 227 |
| CHAPTER 10: Bringing HTML into the Picture | 231 |
| Preparing Your Picture | 232 |
| Importing Pictures into FrontPage | 233 |
| Deleting a Graphic from a Web Page | 236 |
| Doing Minor Alterations in FrontPage | 236 |
| Setting Size Attributes in FrontPage | 238 |
| Positioning Pictures | 240 |
| Using Graphics as Links | 242 |
| Creating a Simple Graphical Link | 242 |
| Breaking a Link | 243 |
| Creating Image Maps | 244 |
| Creating Thumbnail Links | 246 |
| Providing Alternative Text for Graphics | 249 |
| Creating Special Web Effects | 250 |
| Moving Pictures (Animated GIFs) | 251 |
| Rollover Buttons | 254 |
| APPENDIX: Web-Safe Colors | 261 |
| INDEX | 265 |
