1. Principles of Web Design 5th Edition
Chapter Twelve
Web Page Design Studio

2. Principles of Web Design 5th Ed.
Objectives
Apply the design, layout, and CSS skills you learned throughout this book by building a home page for a fictional Web site
Describe the design process and decisions a Web designer must make in a standards-based development process
Test your work in multiple browsers for consistency as you progress
Principles of Web Design 5th Ed.

3. The Initial Design Process

4. The Initial Design Process
The clients sketched out a basic idea for the site, shown in Figure 12-1
They also submitted a Web site specification document to the graphic designer providing background information about the audience, content, and design of the Web site
Principles of Web Design 5th Ed.

5. Principles of Web Design 5th Ed.

6. Principles of Web Design 5th Ed.

7. Principles of Web Design 5th Ed.

8. Principles of Web Design 5th Ed.

9. Principles of Web Design 5th Ed.

10. Principles of Web Design 5th Ed.

11. Creating the Mock-up Web Page

12. Principles of Web Design 5th Ed.

13. Principles of Web Design 5th Ed.

14. Principles of Web Design 5th Ed.

15. Principles of Web Design 5th Ed.

16. Principles of Web Design 5th Ed.

17. Principles of Web Design 5th Ed.
Summary
The design process is iterative
Use CSS properties to create interesting designs
Use CSS to control your typography
Use box model properties to control white space
CSS page layout properties let you create navigation bars and column-based layouts
Use a wrapper for fixed page layouts
Principles of Web Design 5th Ed.

18. Principles of Web Design 5th Ed.
Summary
With CSS box model properties, you gain precise control over the white space within table columns and between different elements in a page design
Using simple tables to hold the page design together ensures that more users will see the Web page as you designed it for them
Principles of Web Design 5th Ed.