Ppt ch12

283 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
283
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ppt ch12

  1. 1. Web Design Principles 5th Edition Chapter Twelve Putting It All Together
  2. 2. 2 Objectives • Apply the design, layout, and CSS skills you learned throughout this book by building a home page for a 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 Web Design Principles 5th Ed.
  3. 3. The Initial Design Process
  4. 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 Web Design Principles 5th Ed. 4
  5. 5. 5Web Design Principles 5th Ed.
  6. 6. 6Web Design Principles 5th Ed.
  7. 7. 7Web Design Principles 5th Ed.
  8. 8. 8Web Design Principles 5th Ed.
  9. 9. 9Web Design Principles 5th Ed.
  10. 10. 10Web Design Principles 5th Ed.
  11. 11. Creating the Mock-up Web Page
  12. 12. 12Web Design Principles 5th Ed.
  13. 13. 13Web Design Principles 5th Ed.
  14. 14. 14Web Design Principles 5th Ed.
  15. 15. 15Web Design Principles 5th Ed.
  16. 16. 16Web Design Principles 5th Ed.
  17. 17. 17 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 Web Design Principles 5th Ed.
  18. 18. 18 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 Web Design Principles 5th Ed.

×