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

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.

The Initial Design Process

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.

Principles of Web Design 5th Ed.

Principles of Web Design 5th Ed.

Principles of Web Design 5th Ed.

Principles of Web Design 5th Ed.

Principles of Web Design 5th Ed.

Principles of Web Design 5th Ed.

Creating the Mock-up Web Page

Principles of Web Design 5th Ed.

Principles of Web Design 5th Ed.

Principles of Web Design 5th Ed.

Principles of Web Design 5th Ed.

Principles of Web Design 5th Ed.

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.

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.