Cover -- Contents -- Introduction -- Chapter 1 Overview of Web Development Today -- Defining Web Design -- Knowing the Seven Rules of Web Design -- Understanding Three Web-Design Philosophies -- Usability Philosophy -- Multimedia Philosophy -- Mortised Philosophy -- Summary -- Chapter 2 Designing for the Past, Present, and Future -- Feeling Browser Pain -- Incorporating Usage Statistics -- Branching Pages -- Understanding Bandwidth -- Building on Previous Design Weaknesses -- IFrames and Frames -- Image Buttons -- Background Images -- Uncontrolled Color -- Uncompressed Images -- Thumbnails -- Summary -- Chapter 3 Things to Consider Before Beginning -- Using Requirements -- Collecting the Requirements -- Obtaining Front-End Requirements -- Creating a Flowchart -- Knowing Bandwidth Requirements -- Deciding on Resolution -- Designing Fixed Versus Relative Sites -- Creating Versions of a Site to Satisfy Differing Resolutions -- Deciding on Color Depth -- Designing for Scalability -- Using Include Files -- Creating a Flexible Design -- Summary -- Chapter 4 Enhancing Usability -- Simplifying Architecture -- Use a Consistent Naming Convention -- Limit the Clicking -- Avoid Linking the User Out of the Section -- Create Cascading Architecture Versus Flat Architecture. -- Creating Layout -- Scrolling Versus Not Scrolling -- Positioning Content -- Developing Navigation -- Creating Consistency -- Using Text for Menu Items -- Deciding Whether to Use a Horizontal or Vertical Structure -- Allowing Enough Width -- Understanding the Different Types of Menus -- Designing for Accessibility -- Designing for Content -- Summary -- Chapter 5 Gathering Requirements and Creating a Comp -- Gathering and Basing a Site on Requirements -- Creating a Comp for the Client -- Creating a Source Directory -- Collecting and Documenting Stock Images -- Selecting Colors.

Deciding Layout -- Developing Layers -- Using Masks -- Receiving a Decision on the Chosen Comp and Making Edits -- Summary -- Chapter 6 What Is Needed to Build Mortised Sites -- Understanding the Concept of Mortising Images -- Understanding XHTML -- Using a Limited Number of Tags -- Understanding Graphics -- Understanding CSS -- Understanding CSS Terminology -- CSS Used in This Book -- Block- and Line-Level Tags -- Understanding the DocType Declaration -- Linking to CSS Style Sheets -- Including Print Style Sheets -- Understanding Include Files -- Summary -- Chapter 7 Understanding Graphics -- Learning about Vector and Bitmap Images -- Learning about JPGs, PNGs, and GIFs -- Using PNGs and GIFs -- Knowing How PNG and GIF Compression Work -- Using JPGs -- Misusing Image Formats -- Understanding Graphics/Compression Software -- Summary -- Chapter 8 Creating CSS Designs -- The Basics of CSS-Based Design Works Versus XHTML Table-Based Design -- Understanding the Box Model -- When to Use Tables -- Validating Code -- Testing Designs in Various Browsers -- Summary -- Chapter 9 Case Study: Low-Content CSS Design -- Understanding the Design's Structure -- The Reasoning Behind Guides and Creating Slices in Photoshop Files -- Understanding the Placement of CSS Containers -- Building the Structure -- Creating the XHTML and CSS Framework -- Adding the Header Content -- Adding in Which to Nest Left and Right Columns -- Creating the Left Column -- Adding the Center (Right) Column -- Constructing Second-Level Pages -- Adding a Floating Container for Additional Content -- Summary -- Chapter 10 Case Study: Medium-Content CSS Design -- Understanding the Design's Structure -- Reasoning Behind Guides and Creating Slices in a Photoshop File -- Understanding the Placement of CSS Containers -- Building the Structure -- Creating the XHTML and CSS Framework.

Adding the Left Column -- Adding to Nest Center and Inside-Right Columns -- Adding the Top-Right Images -- Adding the Bottom, Center, and Right Content Areas -- Constructing Second-Level Pages -- Constructing a Second-Level Page with Three Columns -- Constructing a Second-Level Page with Two Columns -- Summary -- Chapter 11 Case Study: High-Content CSS Design -- Understanding the Design's Structure -- Reasoning Behind Guides and Creating Slices in Photoshop Files -- Understanding the Placement of CSS Containers -- Building the Structure -- Creating the XHTML and CSS Framework -- Adding the Header Row -- Creating the Left Column -- Adding the Center Column -- Constructing Second-Level Pages -- Constructing a Second-Level Page with Three Columns -- Constructing a Second-Level Page with Two Columns -- Summary -- Chapter 12 Case Study: Full-Height Three-Column Layout -- Understanding the Design's Structure -- Reasoning Behind Guides and the Creating of Slices in Photoshop File -- Understanding the Placement of CSS Containers -- Building the Structure -- Creating the XHTML and CSS Framework -- Adding the Rows and Columns to the Framework -- Populating the Header, Footer, and Columns with Content -- Constructing Second-Level Pages. -- Summary -- Chapter 13 Case Study: Background-Based Design -- Understanding the Design's Structure -- Reasoning Behind Guides and the Creating of Slices in the Photoshop File -- Understanding the Placement of CSS Containers -- Building the Structure -- Creating the XHTML and CSS Framework -- Adding the Header Area to the Framework -- Adding the Body Content and Footer -- Constructing Second-Level Pages. -- Summary -- Chapter 14 Case Study: A CSS Form -- Understanding the Form's Structure -- Explaining the Style Sheet Used for the Form -- Building the Form Row by Row -- Adding the Tag and Required Row.

Adding the First Name Row -- Adding the Last Name Row -- Adding the Contact Name Row -- Adding the Region and Language Rows -- Adding the Status and Unlimited Rows -- Adding the Purchase Date Row -- Adding the Comments Row -- Adding the Options to Select Rows -- Adding the Submit and Cancel Buttons -- The Final Product -- Summary -- Chapter 15 Tips and Techniques -- Naming Rules and Properties Correctly -- Removing Body Margins and Padding -- Creating the Framework for a Fixed-Width CSS Design -- Taking into Account Increasing and Decreasing Column Heights -- Centering a Fixed-Width Design -- Creating a Liquid Design -- Creating a Line -- Using Background Images as Design Elements -- Coding CSS Mouseovers -- Using JavaScript Drop-down Menus -- Remembering the Order of Margin and Padding Shortcuts -- Using the Border and Background Properties for Troubleshooting -- Commenting Out Code for Troubleshooting -- Using Unique Naming Conventions -- Avoiding Horizontal Scrollbars -- Using CSS Shortcuts -- Understanding Font Units -- Using Globally Driven and Tags for Printing Purposes -- Using Interchangeable Elements When Designing Rebrandable Sites -- Including Hidden Tags for Future Use -- Positioning the Line-Height Property Correctly -- Testing Continually and Consistently -- Creating Source Image Files That Can Be Easily Customized and Resaved -- Breaking Out Sections of Source Image Files -- Creating Smart Navigation -- Reusing Images -- Indenting and Commenting Code -- Removing Spaces and Comments -- Summary -- Chapter 16 Customizing the Designs Included in This Book -- Steps to Customizing a Template -- Step 1: Open the Main Photoshop File -- Step 2: Customize Images and Colors -- Step 3: Optimize and Save Necessary Images -- Step 4: Open an XHTML (HTML), CSS, or JavaScript File -- Step 5: Customize Text and Code.

Step 6: Test the Design -- Photoshop Tutorials -- Replacing Photos -- Resizing Photos -- Changing Colors -- Undoing and Redoing Actions -- Summary -- Chapter 17 Templates Included Online -- Designs-Fifth Edition Folder -- Designs-Fourth Edition Folder -- Designs-Third Edition Folder -- Designs-First Edition Folder -- Summary -- Index -- A -- B -- C -- D -- E -- F -- G -- H -- I -- J -- L -- M -- N -- O -- P -- Q -- R -- S -- T -- U -- V -- W -- X.