You are previewing Professional Web Design: Techniques and Templates, Fifth Edition.
O'Reilly logo
Professional Web Design: Techniques and Templates, Fifth Edition

Book Description

If you are a web designer, or are on your way to becoming one, you know the importance of staying up-to-date with the latest tools, techniques, and trends of the business. Learning CSS technology and continually improving your design and developer skills are essential elements of your success. In this fifth edition of PROFESSIONAL WEB DESIGN: TECHNIQUES AND TEMPLATES, popular author and web developer Clint Eccher teaches beginning to intermediate web designers, through case studies and helpful tips and techniques, how to create attractive, fast, and efficient websites. In addition to the helpful instruction, readers will also have access to more than 200 completely customizable design templates. Eccher covers essential topics, from understanding how web development works today to working with clients, enhancing usability, understanding graphics, and much more. The included case studies cover a variety of requirements and design types. Get up to speed, and up to date, with modern web design-get PROFESSIONAL WEB DESIGN: TECHNIQUES AND TEMPLATES, FIFTH EDITION.

Table of Contents

  1. Title page
  2. Copyright Page
  3. Dedication
  4. Acknowledgments
  5. About the Author
  6. Contents
  7. Introduction
  8. Chapter 1 Overview of Web Development Today
    1. Defining Web Design
    2. Knowing the Seven Rules of Web Design
    3. Understanding Three Web-Design Philosophies
    4. Summary
  9. Chapter 2 Designing for the Past, Present, and Future
    1. Feeling Browser Pain
    2. Incorporating Usage Statistics
    3. Branching Pages
    4. Understanding Bandwidth
    5. Building on Previous Design Weaknesses
    6. Summary
  10. Chapter 3 Things to Consider Before Beginning
    1. Using Requirements
    2. Deciding on Resolution
    3. Designing for Scalability
    4. Summary
  11. Chapter 4 Enhancing Usability
    1. Simplifying Architecture
    2. Creating Layout
    3. Developing Navigation
    4. Designing for Accessibility
    5. Designing for Content
    6. Summary
  12. Chapter 5 Gathering Requirements and Creating a Comp
    1. Gathering and Basing a Site on Requirements
    2. Creating a Comp for the Client
    3. Receiving a Decision on the Chosen Comp and Making Edits
    4. Summary
  13. Chapter 6 What Is Needed to Build Mortised Sites
    1. Understanding the Concept of Mortising Images
    2. Understanding XHTML
    3. Understanding Graphics
    4. Understanding CSS
    5. Block- and Line-Level Tags
    6. Understanding Include Files
    7. Summary
  14. Chapter 7 Understanding Graphics
    1. Learning about Vector and Bitmap Images
    2. Learning about JPGs, PNGs, and GIFs
    3. Misusing Image Formats
    4. Understanding Graphics/Compression Software
    5. Summary
  15. Chapter 8 Creating CSS Designs
    1. The Basics of CSS-Based Design Works Versus XHTML Table-Based Design
    2. Understanding the Box Model
    3. When to Use Tables
    4. Validating Code
    5. Testing Designs in Various Browsers
    6. Summary
  16. Chapter 9 Case Study: Low-Content CSS Design
    1. Understanding the Design’s Structure
    2. Building the Structure
    3. Adding the Center (Right) Column
    4. Constructing Second-Level Pages
    5. Summary
  17. Chapter 10 Case Study: Medium-Content CSS Design
    1. Understanding the Design’s Structure
    2. Building the Structure
    3. Constructing Second-Level Pages
    4. Summary
  18. Chapter 11 Case Study: High-Content CSS Design
    1. Understanding the Design’s Structure
    2. Building the Structure
    3. Constructing Second-Level Pages
    4. Summary
  19. Chapter 12 Case Study: Full-Height Three-Column Layout
    1. Understanding the Design’s Structure
    2. Constructing Second-Level Pages
    3. Summary
  20. Chapter 13 Case Study: Background-Based Design
    1. Understanding the Design’s Structure
    2. Building the Structure
    3. Constructing Second-Level Pages
    4. Summary
  21. Chapter 14 Case Study: A CSS Form
    1. Understanding the Form’s Structure
    2. Explaining the Style Sheet Used for the Form
    3. Building the Form Row by Row
    4. Summary
  22. Chapter 15 Tips and Techniques
    1. Naming Rules and Properties Correctly
    2. Removing Body Margins and Padding
    3. Creating the Framework for a Fixed-Width CSS Design
    4. Taking into Account Increasing and Decreasing Column Heights
    5. Centering a Fixed-Width Design
    6. Creating a Liquid Design
    7. Creating a Line
    8. Using Background Images as Design Elements
    9. Coding CSS Mouseovers
    10. Using JavaScript Drop-down Menus
    11. Remembering the Order of Margin and Padding Shortcuts
    12. Using the Border and Background Properties for Troubleshooting
    13. Commenting Out Code for Troubleshooting
    14. Using Unique Naming Conventions
    15. Avoiding Horizontal Scrollbars
    16. Using CSS Shortcuts
    17. Understanding Font Units
    18. Using Globally Driven <SPAN> and <DIV> Tags for Printing Purposes
    19. Using Interchangeable Elements When Designing Rebrandable Sites
    20. Including Hidden <DIV> Tags for Future Use
    21. Positioning the Line-Height Property Correctly
    22. Testing Continually and Consistently
    23. Creating Source Image Files That Can Be Easily Customized and Resaved
    24. Breaking Out Sections of Source Image Files
    25. Creating Smart Navigation
    26. Reusing Images
    27. Indenting and Commenting Code
    28. Removing Spaces and Comments
    29. Summary
  23. Chapter 16 Customizing the Designs Included in This Book
    1. Steps to Customizing a Template
    2. Photoshop Tutorials
    3. Summary
  24. Chapter 17 Templates Included Online
    1. Designs—Fifth Edition Folder
    2. Designs—Fourth Edition Folder
    3. Designs—Third Edition Folder
    4. Designs—First Edition Folder
    5. Summary
  25. Index