Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
Download
Standard view
Full view
of .
Look up keyword or section
Like this
8Activity

Table Of Contents

Introduction
1.1 Before We Get Started
1.2 The Design Process in Action
1.3 YourFoodbox.com
1.4 Ready to Go?
1.5 Acknowledgments
The Basics of Design
2.1 The Existing Site
2.2 Gathering Requirements
2.3 Know Your Purpose
2.4 Where to Go from Here
2.5 Sketching Your Ideas
2.6 Sketch Selection
2.7 Summary
Choosing Colors
3.1 The Basics of Color
3.2 Color Context
3.3 Evoking Emotion with Color
3.4 Color Schemes
3.5 The Web-Safe Color Palette
3.6 Building Color Schemes
3.7 Choosing Your Scheme
3.8 Summary
Fonts and Typography
4.1 Font Anatomy
4.2 Font Types
4.3 Dealing with Font Limitations
4.4 Selecting Our Fonts
4.5 Using the Baseline Grid
4.6 Summary
Adding Graphics
Designing the Foodbox Logo
5.1 Setting Up a Working Folder
5.2 The Foodbox Logo
5.3 What If We Need to Create Our Own Logo?
5.4 Summary
Design Mock-up: The Structure
6.1 A Bit About Layers
6.2 The Basic Structure
6.3 Placing the Logo
6.4 Organizing Our Composition with Layer Groups
6.5 Adding a Reflection to Our Logo
6.6 The Footer
6.7 Wrapping Up
Design Mock-up: The Content
7.1 Creating the Search Box
7.2 The Browse Recipes Tag Cloud
7.3 Scope Creep
7.4 Mocking Up a Tasty Masthead
7.5 Main Content
7.6 Simulating the Browser
7.7 Summary
8.1 Creating the Search Icon
8.2 Creating the Sign-up and Login Buttons
8.3 You’ve Got Content!
8.4 Summary
Building the Site
9.1 Working with Web Standards
9.2 The Home-Page Structure
9.3 Semantic Markup
9.4 The Home-Page Skeleton
9.5 The Header
9.6 The Sidebar
9.7 The Main Content
9.8 The Footer
9.9 Validating Your Markup
9.10 HTML 5
9.11 Summary
10.1 Graphics Optimization
10.2 Dealing with Different Graphics Formats
10.3 Slicing Up Our Document
10.4 Creating Slices
10.5 Extracting the Banner as a Transparent PNG
10.6 Exporting the Rest of the Elements
10.7 Summary
Defining Your Layout with CSS
11.1 Browsers Are Awful
11.2 The Basics of CSS
11.3 How Browsers Use CSS
11.4 Creating and Linking a New CSS Style Sheet
11.5 Defining the Basic Structure, Header, and Footer
11.6 Turning One Column into Two
11.7 Applying Margins to Content
11.8 Main Content
11.9 Revisiting the Footer
11.10 Summary
12.1 The Cover-up Method Explained
12.2 Preparing the HTML to Be Replaced
12.3 Covering the Text
12.4 Replacing the Other Headings
12.5 Replacing Links
12.6 Downsides of This Method
12.7 Summary
13.1 Setting Up the Colors and Fonts
13.2 The Tag Clouds
13.3 The Search Form
13.4 The Footer
13.5 Cleaning Up Some Loose Ends
13.6 Summary
Making a Printer-Friendly Page
14.1 Preparing for Print
14.2 Linking a Print Style Sheet
14.3 Removing Unnecessary Elements
14.4 Setting Margins, Widths, and Fonts
14.5 Fixing Links
14.6 Dealing with Surprised Users
14.7 Summary
Preparing for Launch
15.1 Deciding What to Support
15.2 Browser Statistics
15.3 Internet Explorer: The Evil You Can’t Ignore
15.4 Internet Explorer 7
15.5 Internet Explorer 6
15.6 Internet Explorer 8
15.7 Other Browsers
15.8 Summary
Accessibility and Usability
16.1 What Does Accessibility Mean to You?
16.2 Basic Accessibility Issues
16.3 Being All-Inclusive!
16.4 Critical Business Issues
16.5 Improving Our Site’s Accessibility
16.6 Tabbing
16.7 Accessibility Testing Checklist
16.8 Summary
Building a Favicon
17.1 Creating a Simple Icon
17.2 Creating the Favicon
17.3 Summary
Search Engine Optimization
18.1 Content Is King
18.2 Choosing Keywords
18.3 Reconciling Our Content
18.4 Don’t Optimize Your Users Away!
18.5 Links and You
18.6 It All Comes Down to Common Sense
18.7 Summary
Designing for Mobile Devices
19.1 Mobile Users
19.2 Thinking About the (Very) Small Screen
19.3 JavaScript
19.4 Serving Mobile Content
19.5 Deciding What to Support
19.6 Restructuring for Mobile Users
19.7 Summary
20.1 Strategies for Improving Performance
20.2 Determining Performance Issues
20.3 Addressing Performance
20.4 Image Optimization
20.5 Summary
Where to Go Next
21.1 Additional Pages and Templates
21.2 Advanced Templating
21.3 Grid Systems and CSS Frameworks
21.4 CSS Alternatives
21.5 Don’t Forget to Buy the Stock Images!
21.6 Visual Effects
21.7 Experiment and Practice!
Recommended Reading
22.1 Color Resources
22.2 Books on Fonts and Typography
22.3 Technical Books
22.4 Web sites
Bibliography
Index
0 of .
Results for:
No results containing your search query
P. 1
Web.design.for.Developers

Web.design.for.Developers

Ratings: (0)|Views: 194 |Likes:
Published by Vladislav Sirenko

More info:

Published by: Vladislav Sirenko on Oct 24, 2011
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

11/14/2012

pdf

text

original

You're Reading a Free Preview
Pages 4 to 156 are not shown in this preview.
You're Reading a Free Preview
Pages 160 to 327 are not shown in this preview.

Activity (8)

You've already reviewed this. Edit your review.
1 hundred reads
1 thousand reads
electronicmitra liked this
Nabil Tanjawi liked this
decon3 liked this
Wawan Ngakak liked this
decon3 liked this
Sanat liked this

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->