Professional Web Design

PROFESSIONALWEB DESIGN
TECHNIQUES AND TEMPLATES
(CSS AND XHTML)
THIRD EDITION
CLINT ECCHER

INTRODUCTION
CHAPTER1 OVERVIEW OF WEB DEVELOPMENT TODAY 
Defining Web Design 
Knowing the Seven Rules of Web Design 
Understanding Three Web-Design Philosophies
Summary 

CHAPTER2 DESIGNING FOR THE PAST, PRESENT, AND FUTURE 
Feeling Browser Pains 
Incorporating Usage Statistics 
Branching Pages
Understanding Bandwidth
Building on Previous Design Weaknesses 
Summary

CHAPTER3 THINGS TO CONSIDER BEFORE BEGINNING 
Using Requirements
Knowing Bandwidth Requirements
Deciding on Resolution 
Deciding on Color Depth
Designing for Scalability 
Summary

CHAPTER4 ENHANCING USABILITY
Simplifying Architecture 
Creating Layout 
Developing Navigation 
Designing for Accessibility
Designing for Content
Summary 

CHAPTER5 GATHERING REQUIREMENTS AND CREATING A COMP
Gathering and Basing a Site on Requirements
Creating a Comp for the Client 
Receiving a Decision on the Chosen Comp and Making Edits 
Summary 

CHAPTER6 WHAT IS NEEDED TO BUILD MORTISED SITES
Understanding the Concept of Mortising Images 
Understanding XHTML 
Understanding Graphics 
Understanding CSS 
Block- and Inline-Level Tags 
Understanding Include Files 
Summary 

CHAPTER7 UNDERSTANDING GRAPHICS
Learning about Vector and Bitmap Images 
Learning about JPGs and GIFs 
Misusing Image Formats 
Understanding Graphics/Compression Software 
Summary 

CHAPTER 8 UNDERSTANDING THE BASICS OF CREATING MORTISED CSS
DESIGNS 
CSS-Based Design versus XHTML Table Design 
Understanding the Box Model 
When to Use Tables
Validating Code 
Testing Designs in Various Browsers 
Summary

CHAPTER9 CASE STUDY: LOW-CONTENT CSS DESIGN 
Understanding the Design’s Structure 
Building the Structure 
Constructing Second-Level Pages 
Summary 

CHAPTER 10 CASE STUDY: MEDIUM-CONTENT CSS DESIGN 
Understanding the Design’s Structure 
Building the Structure 
Constructing Second-Level Pages
Constructing a Second-Level Page with Two Columns 
Summary 

CHAPTER 11 CASE STUDY: HIGH-CONTENT CSS DESIGN 
Understanding the Design’s Structure
Building the Structure 
Constructing Second-Level Pages 
Summary 

CHAPTER 12 CASE STUDY: FULL-HEIGHT THREE-COLUMN LAYOUT 
Understanding the Design’s Structure
Building the Structure 
Constructing Second-Level Pages 
Summary

CHAPTER 13 CASE STUDY: BACKGROUND-BASED DESIGN
Understanding the Design’s Structure 
Building the Structure 
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 
Summary 

CHAPTER 15 CASE STUDY: LOW-CONTENT XHTML TEMPLATE 
Creating the Design for a Low Amount of Content 
Understanding the Strengths and Weaknesses of the Chosen Design
Adding Guides and Slices 
Creating the Parent Table 
Creating and Linking the Style Sheet
Creating the Menu Table 
Adding an Image to the Center Column 
Creating the Content (Right-Area) Table 
Creating the Footer Information 
Summary 

CHAPTER 16 TIPS AND TECHNIQUES 
Tantek or Box Model Hack
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 
Rendering the <HR /> Tag Consistently 
Creating a Line Without the <HR /> Tag 
Using Background Images as Design Elements 
Coding CSS Mouseovers 
Using JavaScript Dropdown 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 
Controlling the Margins in <FORM> Tags 
Avoiding Horizontal Scrollbars 
Using CSS Shortcuts 
Understanding Font Units 
Using Globally Driven <SPAN> and <DIV> Tags for Printing Purposes 
Using Non-graphical Elements When Designing Rebrandable Sites 
Including Hidden <DIV> 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 17 CUSTOMIZING THE DESIGNS INCLUDED IN THIS BOOK
Steps to Customizing a Template
Photoshop Tutorials
Summary 

APPENDIX TEMPLATES INCLUDED ON THE CD
Designs – Third Edition Folder 
Designs – First Edition Folder 

Summary 
Please download here PDF | 41.18 MB
Kindly Bookmark this Post using your favorite Bookmarking service: