Skip to main content

iRubric: Restaurant Website with HTML and CSS rubric

find rubric

edit   print   share   Copy to my rubrics   Bookmark   test run   assess...   delete   Do more...
Restaurant Website with HTML and CSS 
Web Site Design with Nav and CSS
Rubric Code: NXX79BX
By dcrenshaw2121
Ready to use
Public Rubric
Subject: Computers  
Type: Project  
Grade Levels: 9-12

Powered by iRubric HTML/CSS Interest Site Project
  Excellent

4 pts

Good

3 pts

Fair

2 pts

Poor

1 pts

Coding Validation
25 pts

Excellent

There are no errors in the XHTML, CSS or other coding on the site as found by me or an online validator.
Good

There are 1-3 coding errors on the site as found by me or an online validator.
Fair

There are 4-5 coding errors on the site as found by me or an online validator.
Poor

There are more than 6 coding errors on the site as found by me or an online validator.
Layout/Design
25 pts

Excellent

The web site has an exceptionally attractive and usable layout. It is easy to locate all important elements. White space, graphic elements and/or alignment are used effectively to organize material.

The home page must have a div tag floating right with restaurant hours.
Good

The web site has an attractive and usable layout. It is easy to locate all important elements.
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
15 pts

Excellent

Student uses a style sheet to define attributes (along with some inline style), which makes all pages attractive looking and consistent.
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
15 pts

For CSS coding for link CSS property's:

http://www.w3schools.com/css/css_link.asp
Excellent

Links 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. A user does not become lost.

The links must be styled with CSS property to change colors for when it is normal, has been visted, mouses hovers over it, and when link has been clicked.
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
15 pts

Excellent

Graphics are related to the theme or purpose of the site, are of high quality and enhance reader interest or understanding.
Good

Graphics are related to the theme or purpose of the site, are of good quality and enhance reader interest or understanding.
Fair

Graphics are of fair design, unoriginal, with elements that need enhancing such as red eye, etc.
Poor

Graphics are poor design, unoriginal or borrowed work that need major enhancements such as red eye, improved cropping, etc.
Color and Background Choices
1 pts

Research popular color schemes for websites.
Use colorschemedesigner.com
Excellent

Colors and/or background choices of background, fonts, unvisited and visited links form a pleasing palette, do not detract from the content, and are consistent across pages.
Good

Colors and/or background choices of background, fonts, unvisited and visited links do not detract from the content, and are consistent across pages.
Fair

Colors and/or background choices of background, fonts, unvisited and visited links do not detract from the content.
Poor

Colors and/or background choices of background, fonts, unvisited and visited links make the content hard to read or otherwise distract the reader
Pages and Content
1 pts

Pages to include:
Home
About
Menu
Location
Excellent

Four or more pages are present and include rich content that is related to your interests. No spelling errors or grammatical errors are present.
Good

Three pages are present and include content that is related to your interests. Fewer than two spelling errors or grammatical errors are present.
Fair

Two pages are present and include content that is related to your interests, but needs more effort in terms of content development. Fewer than five spelling errors or grammatical errors are present.
Poor

One page is present and include content that is related to your interests, but needs more effort in terms of content development. More than five spelling errors or grammatical errors are present.
Type of Content Content
15 pts

Excellent

Content is appropriate for the project and complete with no major eliminations.

Home page must include hours of operation and rich content describing the restaurant.

About page must include a picture of the owner and rich content describing the owner.

Menu page must include the following Menu items: appetizers, beverages, desserts, entree, sandwiches, soups and salads

Location page must include your address with an embedded map from Google Map
Good

Content is appropriate for the project with moderate eliminations.
Fair

Content is appropriate but incomplete in some areas.
Poor

Content is inappropriate or of insufficient quantity as to make the web site inefficient.




Subjects:

Types:

Discuss this rubric




Do more with this rubric:
Preview

Preview

Preview this rubric.
Edit

Edit

Modify this rubric.
Copy

Copy

Make a copy of this rubric and begin editing the copy.

Print

Print

Show a printable version of this rubric.
Categorize

Categorize

Add this rubric to multiple categories.
Bookmark

Bookmark

Bookmark this rubric for future reference.
Assess
Test run

Test run

Test this rubric or perform an ad-hoc assessment.
Grade

Grade

Build a gradebook to assess students.
Collaborate

Collaborate

Apply this rubric to any object and invite others to assess.
Share
Publish

Publish

Link, embed, and showcase your rubrics on your website.
Email

Email

Email this rubric to a friend.
Discuss

Discuss

Discuss this rubric with other members.
 

Do more with rubrics than ever imagined possible.

Only with iRubrictm.

n58