1. Introduction to Web Page Design

2. General Design Tips

3. Use a meaningful title Title of my Work Sign your work Indicate the date the page was created or last updated Use common fonts

4. General Design Tips  Use standard HTML  Device independence  Use “safe” image formats  GIF (hard “G”)  JPEG

5. General Design Tips  Different browsers  Netscape  Internet Explorer  Different monitors  Size  Quality Different systems –PC –Mac Test Your Document

6. General Design Tips  Choose hyperlink wording carefully  Use links instead of talking about them The Beginners Guide to HTML is a great way to get started! Click here to access the Beginners Guide to HTML.

7. General Design Tips  Think about the document size  Printing?  Accessing?  Scrolling through?  Keep a storyboard (site structure)

8. General Design Tips  K. I. S. S.  Know your audience  Use attractive images  Provide interesting information

9. General Design Tips  Frequently update site  Make site  Friendly  Easy to use

10. Interface and Navigation

11. Interface –How page looks Navigation –How easily user finds his/her way around site and back to home page

12. Interface and Navigation Start with a simple plan –Rough storyboard –Written list of general topics

13. Interface and Navigation Page orientation –Horizontal –Monitors smaller and wider than print media –Full impact of page (entry/home) visible on screen

14. Interface and Navigation Navigation design –Organization –Repetition –Consistency –Visual theme –Selective linking

15. Interface and Navigation Navigation design –Clear and simple Text Icons –Navigation items grouped together –Frames

16. Basic Design Principles

17. Alignment Proximity Repetition Contrast

18. Alignment Items on page are lined up with each other Choose one alignment Left (default) Right Center

19. Alignment Keep text away from left edge Use table borders wisely

20. Alignment Align text on same baseline (table data) Avoid use of all upper case

21. Proximity Relationship of items that are close together Group related items together

22. Proximity Conscious use of space other tricks

23. Repetition Repeat elements throughout site Create a theme

24. Repetition Navigation scheme Colors Graphics Format Layout Fonts

25. Contrast Create a visual hierarchy One focal point

26. Contrast How to create contrast –Font size and face –Color –Graphics –Proximity –Hyperlinks