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 Lindstroem.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 ToolDesigning 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?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.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.PNG. 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.Index.
Adobe Photoshop is the industry standard when it comes to Web design--and even more so today, now that Photoshop is integrated with Web productivity tool ImageReady. Many Web designers create their work in Photoshop, prepare it for the Web with ImageReady, and build their Web site with GoLive. With these tools, designers can easily create innovative, energetic, and dynamic Web sites. In this lavishly illustrated four-color book, Web designer Michael Baumgardt shows readers the fastest and most efficient way to go from a Photoshop design to a finished Web site. The book covers the ins and outs of using Photoshop, ImageReady, and GoLive, giving readers a strong foundation in Adobe's suite of Web tools, discussing all the new features of Photoshop 6.0 and GoLive 5.0. Included are basic concepts such as organizational and navigational techniques, as well as explanations of each application's unique strengths and how to best apply them to Web design.