Web Fundamentals Timetable Website: Assessment Rubric

Name: ................................................................................................... Class: ............. Result: /40

Criteria Ratings Marks

14 marks 12 marks 10 marks 8 marks 6-4 marks 2-0 marks

The prototype included every page The prototype included 6 pages of The prototype included 5 pages of The prototype included 4 pages of The prototype only included 3 The prototype only included a
of the website: it was evident how a the website: it was evident how a the website: it was evident how a the website: it was evident how a pages & detail was lacking. single page.
Paper Prototype user would navigate between each user would navigate between each user would navigate between each user would navigate between each
page; many design considerations page; most design considerations page; some design considerations page; some design considerations
were noted & thorough detail was were noted & detail was provided. were noted & detail was provided. were noted & detail was provided. The prototype only included 2 The prototype was not submitted.
provided. pages & detail was lacking.

5 marks 4 marks 3 marks 2 marks 1 marks 0 marks

The website completely meets the The website meets most of the user The website meets the part of the The website meets the part of the It is difficult for a user to find their The full timetable cannot be
user story brief & allows a student story brief & allows a student to user story brief & allows a student user story brief & allows a student schedule for a particular day, or it viewed on the website.
User Story to quickly identify their classes for identify their classes for a to identify their classes for a to identify their classes for a is hard to use the website when on
a particular day; is clear & easy to particular day; is easy to read when particular day; it can be read when particular day; it is hard to use the a mobile device.
read when viewed on a mobile viewed on a mobile device. viewed on a mobile device. website when on a mobile device.
device.

8 marks 6 marks 4 marks 2 marks 1 mark 0 marks

HTML The website uses all 6 HTML The website uses all 6 HTML The website uses between 4 & 5 of The website uses between 3 & 4 of The website uses between 2 & 3 of The website uses less than 2 of the
elements specified & includes elements specified the HTML elements specified the HTML elements specified the HTML elements specified. HTML elements specified.
<title>, <h1>, <h2>, <p>, additional HTML tags researched
<img>, and <a>
by the student

3 marks 2 marks 1 mark 0 marks

The website uses simple selectors, The website uses two of the three The website uses one of the three The website does not use any CSS
CSS
id & class selectors. different CSS selectors. different CSS selectors. selectors.

3 marks 2 marks 1 mark 0 marks

Multiple colours were used Some colours were used to enhance Some colours were used but they No colours were used.
Colour effectively to enhance the usability the website but more would have did not work well together.
of the website. been appropriate

4 marks 3 marks 2 marks 1 mark 0 marks

The layout of the web page was The website used <div> tag but The website used <div> tag but The website is not using the <div> The website did not used any CSS
appropriate for a mobile device & only included 2 properties of either: only included 1 property of either: tag. layout techniques.
CSS Layout used the <div> tag along with the margin, border, or padding. margin, border, or padding.
margin, border, & padding
properties

3 marks 2 marks 1 mark 0 marks

The student provided a clear The student met three of the four The student met two of the four The student met less than two of
explanation of how their website criteria explained under the high criteria explained under the high the four criteria explained under the
fulfilled the user story. The student column. column. high column.
explained their colour selection,
About Page included an image of the
developers of the website. The
student provided an insightful
reflection of the project & their
efforts.

Screenshots of the pages: