Creating Web Pages Unit


Web site design rubric

Take some time to look at some websites to get an idea of what's out there. Use the website design rubric handout or web page to analyze five different sites.

To download this form (so you can print it) in PDF format, click here.

Use this form to evaluate your website and others that you are visiting:

 

Beginning
1 point

Developing
2 points

Meets Standard
3 points

Above Standard
4 points

Score

1. Simplicity

 

In terms of Web design, simplicity refers to an approach to express something in a complete and efficient way.

  • web page is too busy
  • people reading it cannot find what they want quickly.
  • excessive use of graphic elements
  • web page is somewhat busy
  • people reading it will have difficulty finding what they want quickly.
  • excessive use of graphic elements.
  • content is simple and to the point.
  • appealing graphic elements are included appropriately.
  • differences in type size and/or colour are used well.
  • content is simple and to the point.

 

2. Consistency

 

The design must be consistant in the whole website. Each page must be predictable and look similar to each of the other pages in color, text format, and/ or some familar layout.
  • background, text format, and colour usage are randomly chosen

  • pages seem unrelated

  • background, text format, and colour usage are randomly chosen with few consistent elements throughout
  • background, text format, and colour usage are somewhat consistent with little inappropriate variation.

  • background, text format, and colour usage are carefully chosen to produce a consistent screen layout for all your pages.

 

3. Color Schemes

 

Color scheme refers to a set of colors you use on your Web components including text, background, link, visited link, active link, border, and table.

  • little thought went into the choice of colors.
  • choice of colors and combinations are negative

  • little though went into the choice of colors.
  • colors do not match the character of the site

  • color is used somewhat appropriately to produce an atmosphere that expresses the character of the Web site.

  • color is appropriately used to produce an atmosphere that expresses the character of the Web site.

 
4. Audience

 

The audience will influence every aspect of your website's design

  • tone of language not appropriate
  • use of graphics and/ or colours is not appropriate for audience

  • audience is not defined or poorly defined through confusing use of tone and language structure

  • tone of language is mostly appropriate
  • use of graphics and colours is mostly appropriate for audience.

  • tone of language appropriate for audience
  • use of graphics and colours is appropriate for audience.
  • audience is well defined.

 

5. Structure/ Navigation/Format  

Good websites are well organized. Their content is presented

in a clear manner that is easy to follow. You should ensure that the readers get around your website with ease. Blocks of text and images must be of appropriate size.
  • content is confusing and difficult to follow.
  • site is difficult to navigate.
  • not intuitive.
  • large images that take long to load.

  • content is somewhat confusing and difficult to follow.
  • site is somewhat difficult to navigate.
  • too much textual information.

  • content is presented

    in a clear manner that is easy to follow
  • navigation is difficult .
  • not intuitive.

  • content is presented

    in a clear manner that is easy to follow.
  • readers can get around your website with ease.
  • there are no blind links.

 

6. Resource Documentation

 

You must always document all the resources used on your site. This means you must give credit to any websites, books, and/or other resources used.
  • none of the resources used are documented.

  • documentation is incomplete or poorly done.

  • documentation is mostly complete with one or two errors

  • all text, graphics sounds and multimedia resources are documented.
  • correctly organized in alphabetical order

 

Total Score

         /24

 

 

 

 

 

 

 

 

 

Top Of Page

 

Designing web pages with Contribute

Step One -  Getting Started

Step Two -   The Basics

Step Three -Thinking about design

Step Four - Evaluate your page/ rubric

Before you begin:

  1. Things to consider before your begin
  2. Phase I-Student website
  3. Phase II- 5 more pages-Tech 2
  4. Website design rubric

Creating the basics :

  1. Getting started
  2. Text
  3. Links
  4. Pictures
  5. Creating graphs
  6. Things to remember
Design tips:
  1. Uniformity
  2. Getting permission
  3. Basics and design quiz
On your own:
  1. Your own Web Page
  2. Website design rubric
Designing Web Pages Handouts - Use only if you don't have a printed copy from Mr. Hurt

Handouts:

 

 

 

All pages created by Brock Hurt.
Last Modified -