Part 1: Guidelines For Good Web Design…

Use the Guidelines for good web design presentation to complete the questions below.

Background
Define
• Internet ____________________________________________________________________________
• World Wide Web ____________________________________________________________________________
• Web Page ____________________________________________________________________________
• Web Site ____________________________________________________________________________
• Browser ____________________________________________________________________________

What do you find on a web page?

______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________

Web Design
Web design
• Definition __________________________________________________________________________________
• Related more to the __________________________ - the _______________________________
• Challenging due to
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________
• Good news and bad news is that ___________________ can ______________________ a website.

First Steps of Web design

• First step is to _______________ ___________ your computer.
• Web Design begins with ___________________ and _________________
• The three parts of web design are
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________
• You should also consider the following
________________________________________________________________________________________
________________________________________________________________________________________
________________________________________________________________________________________

Web Design Basics

The three components of a web page are: ___________________, _________________________, __________

Text – another way of saying __________________________________

• It can come from ____________________________________________________________________
• You can create it using _________________________________ and _______________________________

Multimedia – usually a collection of _______________________________ ________________________

• Could also be ____________________________________________________________________
• Graphics can be created using ________________________________________________________________
• Graphics types:
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________

HTML - H________________T_____________ M________________________ L_________________________

Guidelines for Making User Friendly Web Sites and Pages
1. Make the Site’s Purpose Clear
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________
2. Help Users Find What They Need
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________
3. Help users see what’s there
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________
4. Be smart with graphics & formatting
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________

Basic Design Rules

General Design Rules
1. Write _________________ text than you would use for other documents. Why? ____________________
_________________________________________________________________________________________________
2. Use ‘sans-serif’ or _________________ fonts such as _________________________. Why? ____________________
_________________________________________________________________________________________________
3. Use _____________ text on ____________________ background in main content areas.
4. Don’t make pages too _____________. Why? _________________________________________________
5. Keep your home page filesize ____________ Why? _________________________________________________

Rules for your Home Page

6. If you have a logo, it should go in the _______________________.
7. A _________________ line or __________________ line.
8. You should include a ____________________ of the site’s main content areas – the _________________.
9. You should include a _____________________ of the most important news or promotions
10. You should include a _____________________________ (if possible)

Rules for your whole site

11. You should have easy to understand ____________________ features that show ____________________________
_________________________________________________________________________________________________
12. You should have an ‘_____________________’ page or section.
13. You should have a ‘__________________________’ page

Rules for Links

14. Avoid changing the __________________________
15. ___________________/__________________/_______________ links
16. Use _______________________ link names
17. Let the user know ____________________________________________________________________.
Frames
18. You should _____________________ from frames because
_________________________________________________________________________________________________
_________________________________________________________________________________________________
_________________________________________________________________________________________________
Section 508 and Accessibility
19. Why should you worry about accessibility?
_______________________________________________________________________________________________
_______________________________________________________________________________________________
Part 2: Good and Bad Websites…
Use the guidelines for good web design presentation to complete the following.
List at least 3 things from each site below you see that are bad, wrong, or bad web design.
Jami Lin
http://www.jamilin.com

TNT Events
http://www.tnteventsinc.com

Fabricland
http://www.fabricland.co.uk

Yale art school

http://art.yale.edu/Home

List at least 3 things from each site below you see that are good, correct, or meets the web design guidelines.
Coffeecup
http://www.coffeecup.com

FoxNews
http://www.foxnews.com