XHTML
ISSD Project
Project Marking Rubric
Make sure each criteria listed below is documented in your Marks.html file. If something is not listed, you will not receive a mark for it.
Note: Project criteria with an asterisk (*) requires that you specify both the page, and line number in your "Marks.html" file
| ISSD XHTML/CSS Final Project | Partial Marks | Total Possible Marks |
|---|---|---|
| Valid XHTML1.0 Strict markup (all 5 pages) | -4 for each non-valid page. | 20 |
| XHTML source code is well formatted and easy to read. | Bad or inconsistent indenting. Bad or inconsistent spacing. | 20 |
| XHTML elements (tags) are used logically. | Paragraphs not in <p> tag, improper use of headings, lists not using HTML lists, etc. | 10 |
| Valid CSS External link markup (all 5 pages) | 2 | |
| * At least one class selector in an embedded style (used in that page) | 3 | |
| * At least one valid inline style (only required on one page) | 1 | |
| * Valid external CSS file(s) (must use minimum 10 rules) | -3 marks for each fix required to make the CSS valid (up to 3) | 10 |
| All CSS code is well formatted and easy to read | Inconsistent indenting, spacing, etc. | 20 |
| Valid anchor links with title attributes (minimum 3 links per page) | title attributes not included: -2 marks. | 3 |
| * Functioning form (minimum 5 fields and 3 different types; must echo results back properly) | -1 mark for each missing field. -1 mark for any missing type. |
5 |
| Proper XHTML commenting (all 5 pages) | No XHTML comment block ("flowerbox") etc. Few comments. | 3 |
| Proper external CSS comments (minimum 10 comments) | No CSS comment block, few comments. | 3 |
| * Minimum 1 table with border, cell spacing, cell padding, and width. These can be set in the XHTML or in the CSS, as long as everything continues to validate. | No cell spacing, no cell padding, no width. | 5 |
| Each page broken into logical areas with DIVs (minimum 3 DIVs per page) | Page uses something other than DIVs. | 3 |
| Clear and easy navigation (example: no 'Mystery Meat' or excessive scrolling) | Page is diffcult to navigate. | 3 |
| Size under 75k per page, including all graphics. External CSS file does not count toward the 75k limit, just the XHTML and images. | -2 Marks if any pages are over 75k, -1 mark for each extra page over 75k. | 7 |
| * At least one custom image with border, width, alt, and height attributes set | -2 marks if alt is missing, -1 mark if width or height missing. | 3 |
| Colour scheme (clear contrast; consistent use; must be easy to read) | 3 | |
| * List (at least one type of list in one of the pages) | 2 | |
|
* Site on Salsa server and available to the world (permissions set,
etc) [second server optional] The URL of your home page should
be
http://salsa.uwdce.ca/~username/XHTML/project/index.html. If you go for some of the project bonus marks, you can use a .php extension for the filenames on the server version, however use .html extensions on your CD. |
2 | |
| Create and implement a 'favourite icon' for your site. | 2 | |
| Web content ( Proper spelling, grammar, punctuation, chunking, appropriate amount per page) | 5 | |
Proper directory structure:
|
1 | |
| Proper naming scheme (default page: index.html, no spaces in file names, capital M in Marks.html, etc.) | 1 | |
|
Marks.html file (a checklist with each of these criteria listed) in a separate folder named Marking. Criteria with an asterisk (*) needs to include the page and line number of where to find it. Must also have a link to online version of Web site on server. If something isn't listed, you will not get any marks for it. This mark is for the presentation of this Marks.html file. Use CSS for fonts and colors, (no images needed) and XHTML to make it presentable. |
Marks.html is not presentable, or doesn't use a list, or doesn't use any CSS. | 5 |
| All Web pages work and display properly on all common browsers, like IE, Firefox, Opera, Safari, Chrome, etc. The pages should also display and function properly (or fail gracefully) on IE6. | -1 mark for each of browsers the site does not display properly, or degrade gracefully in. | 3 |
| Overall look and feel (Subjective. Does the site look professional? Does it leave a good impression? How does it compare to other peoples' projects? Have you put in a good amount of effort?) | 25 | |
| Photoshop Design Mockups included with project. | 5 | |
| Final Project Evaluation | 175 | |
|
Bonus Marks
(Only to be attempted near the end of the project; get the basic marks first!) Use a 'PHP include' on every page to create something extra, such as a div containing extra information in your footer, that is the same on every page. This will work on the Salsa server, but not off the CD. Everything else must still work and validate. |
3 | |
|
Bonus Marks
(Only to be attempted near the end of the project; get the basic marks first!) Using CSS, JavaScript, and Cookies, offer the user the option of choosing between different layouts and/or colour schemes that will stay with the user if they come back to the site again with the same browser. Examples: http://www.lanoie.com/ and http://csszengarden.com/. You can use public code for the JS, cookies, and alternate CSS themes. Everything must still validate as above. |
4 | |
| Total Final Project Evaluation | 182 |
XHTML - TOC - Introduction - Books -
ISSD Project - Overview - Request For Proposal - [ Marks ] - Proposal - Presentation -
