::: The Non Designer's Web Book

4 Things to Know before you Begin 6 Basic Design Principles for Non-Designers 7 Designing the Interface and Navigation 8 How to recognize Good & Bad Design

4 ::: Things to Know Before You
Begin Your Web Site
    Duration: 1 Day

Read Chapter 4 in the Non-Designer's Web Book. Answer the following questions in Word: (Please list both the question and answer.)

  1. Describe how files should be organized in folders.
  2. Describe how files should be organized by name.
  3. Name the 7 "rules" for naming files.
  4. What is the difference between saving and titling pages?
  5. What should you NOT do after putting an image on a page?
  6. What do you have to do to change the name OR LOCATION of a graphic file?
  7. Define server, domain name, and DNS.
  8. How much does it cost to host a site? Why the difference in prices?
  9. How do you get your own domain name?
  10. What are the 4 Main Starting Points to create your Web Page?

Back to Top
6 ::: Basic Design Principles for Non-Designers
    Duration: 2 Days

Read Chapter 6: Answer the following questions in Word:

  1. Define Each Design Principle in Word.
  2. Find an example of each principle on the web. (Do NOT use an example about the subject. In otherwords do not use a website ABOUT ALIGNMENT. Find an example that SHOWS ALIGNMENT.)
  3. "Print screen" it and Paste it into Word. (When you have your web page up, hit the "Print Screen" key on the top-right of your keyboard above the Insert key. Switch to your Word document and Choose "Edit/Paste". After the image is pasted into Word you can double click on the image and choose Layout/Square to resize and move the image.)
  4. Describe how the web site shown uses that principle. Answer HOW or WHY the principle is shown. Give much detail.

--------------------
Example:

Alignment: Definition.....blah, blah, blah.

 

Screen Print of Alignment Example.

 

Description of how this page uses the principle of Alignment.

--------------------

Proximity: Definition.....blah, blah, blah.

 

Screen Print of Proximity Example.

 


Description of how this page uses the principle of Proximity.

--------------------

Next two design Principles.....blah, blah, blah.

Grading:
1. Contrast

 ___ 5 points

2. Repetition
 ___ 5 points
3. Alignment  ___ 5 points
4. Proximity  ___ 5 points
Total  
 ___ 30points

NOTE: Points will be counted of for incorect format.

Back to Top
7 ::: Designing the Interface & Navigation
    Duration: 2 Days

Answer the following questions in Word: (Please list both the question and answer.)

1. Define Horizontal Format
2. Define One-Size Surfing
3. Why should one use One-Size Surfing?
4. Define good and poor navigation.
5. Find and insert a Poor Example of Navigation.
6. Explain Why.
7. Find and insert a Good Example of Navigation.
8. Explain why.

Back to Top
8 ::: How to Recognize Good and Bad Design
    Duration: 2 Days

This is one of the most important things you will learn all semester. READ CAREFULLY!!!

Answer the following questions in Word:(Please list both the question and answer.)

  1. List as many Bad Design mistakes as you can find. (Should be around 35.)
  2. List as many good design elements as you can find.
  3. Find 3 bad examples on the web.
  4. "Print screen"each and Paste them into Word. (When you have your web page up, hit the "Print Screen" key on the top-right of your keyboard above the Insert key. Switch to your Word document and Choose "Edit/Paste". After the image is pasted into Word you can double click on the image and choose Layout/Square to resize and move the image.)
  5. Describe how the web site shown mis-uses that principle.
Grading:
1. Bad Design Mistakes

 ___ 10 points

2. Good Design
 ___ 5 points
3. 3 Bad Examples
 ___ 15 points
Total  
 ___ 30 points

 

Search

Mr. Griffin Home | Web 1 | Web 2
Tech Aps | Business Services | IMST - UCD
Digital Video | Best of the Web | Seating Charts
Student Sites | Links | Contact Mr. Griffin
Get Acrobat Reader

Copyright 2003 Mr. Griffin
Privacy Statement | Web Style Guide

MyGoodHost.com