iRubric: Web Site Design with CSS and HCI rubric

edit print share Copy to my rubrics Bookmark test run assess... delete Do more...

Web Site Design with CSS and HCI

Web Site Design with CSS

This rubric is used to grade an assignment where the student is asked to write the style for an existing HTML page.

Rubric Code: K9AX6B

By jtollerton1

Ready to use

Public Rubric

Subject: Computers

Type: Project

Grade Levels: Undergraduate

CSS Interest Site Project
	Excellent 40 pts	Good 30 pts	Fair 20 pts	Poor 10 pts
Coding Validation & HCI fundamental	Excellent There are no errors in the HTML, or CSS coding on the site. Have followed all of the principles for effective Web page design. Have made everything on the site accessible.	Good There are 1-3 coding errors on the site. Have made 1-3 mistakes with page design and have not made 1-3 elements on pages accessible.	Fair There are 4-5 coding errors on the site. Have made 4-5 mistakes with page design and have not made 4-5 elements on pages accessible.	Poor There are more than 6 coding errors on the site. Have made more than 6 mistakes with page design and have not made more than 6 elements on pages accessible.
Layout/Design	Excellent The web site has an exceptionally attractive and usable layout. All of the CSS3 style used in the style sheet works in the layout and look of the page.	Good The web site has an attractive and usable layout.	Fair The web site has a usable layout, but may appear busy or boring. It is easy to locate most of the important elements.	Poor The web site has a cluttered look and is confusing. It is often difficult to locate important elements.
Cascading Style Sheet	Excellent Student uses a style sheet to define attributes, which makes all pages attractive looking and consistent. all of the style works correctly in the final Web page.	Good Student uses a style sheet, however there is some inconsistencies in relation to the styles on each page in the web site.	Fair Student uses a style sheet, however, it is not consistent on all pages, which disrupts consistency of pages within the web site.	Poor Student fails to use a style sheet within the pages of the web site.
Navigation	Excellent Lilnks for navigation are clearly labeled, consistently placed, allow the reader to easily move from a page to related pages and take reader where he expects to go. The style of the navigation is correct according to the instructions.	Good Links for navigation are clearly labeled, allow the reader to easily move from page to page and internal links take the reader where he expects to go. A user rarely becomes lost.	Fair Links for navigation ake the reader where expected, but some needed links seem to be missing. A user sometimes gets lost.	Poor Some links do not take the reader to the sites/pages described. A user typically feels lost.
Graphics	Excellent Graphics are styled correctly to give the page a professional look.	Good Graphics are styled correctly with the exception of one mistake.	Fair Graphics are of fair style and do not give the page a professional look.	Poor Graphics have no style applied.

Subjects:

Computers

Types:

Project

Discuss this rubric