Website design
lalafueta
hit164_assignment_3_marking_guide_final.pdf
!! HIT164 COMPUTING FUNDAMENTALS
Assignments 3 Marking Guide I.T. HOT TOPICS - WEBSITE !
!
STUDENT NAME:
DATE RECEIVED:
DESIGN PRINCIPLES /10
Contrast • Appropriate focal point on each page
/3
• Good contrast between font and background • Helps prioritise elements
Repetition • Consistency of display of:
/3
• page elements • colour schemes • content structures
Alignment • Single (main) alignment used on all pages /2• Elements aligned appropriately
Proximity • Elements alike are grouped together /2• Hierarchy of information evident
Comments Total:
Page � of �1 4
CONTENT /25
Home Page • Appropriate site name chosen
/4
• Includes short description of the site • Includes other appropriate content
Topic Page • Scannable information
/8
• Web friendly text • Short paragraphs • One idea per paragraph • Lists • Meaningful headings • Keywords/phrases highlighted
• Appropriate acknowledgement for content included • Hypertext links within and between pages
Reference Page
• Scannable information
/5
• Correct referencing style • Does not include sources not cited • References to external sites are marked up accordingly • Hyperlinks between citations and reference list
Website • Has appropriate header and footer information
/8
• Has appropriate navigation • Has at least one appropriate multimedia element • Has a consistent look and feel • Has no punctuation, spelling and grammatical mistakes
Innovation • Bonus points may be rewarded for originality, novel ideas, innovations, presentation and design, or additional work.
Comments Total:
Page � of �2 4
MARKUP /32
HTML5 • Syntax follows HTML5 with strict XML rules
/16
• All pages validate • Correct and consistent DOCTYPE used on all pages • Correct HTML5 file structure implemented on all pages
• Comprehensive and consistent set of information in <head> element • Semantic markup usage: • Heading elements used appropriately • Lists elements used appropriately • Image code used appropriately • All other structural elements used appropriately • Inline elements used appropriately
• Correct nesting of in-line and block elements • No presentation styles used in the markup • Special characters are replaced with character entities • Correct character encoding used
CSS • External style sheet used to format all pages
/10
• CSS file validates • Range of style properties used • Navigation is appropriately styled • Relative sizing is used • Student information included as comment
Navigation • Working hyperlinks
/5
• Relative and absolute links used appropriately • Inter- and intra-page hypertext linking applied and working
• Meaningful words used for links • It’s clear what the user will get from the link • Links used to establish credibility
• Consistent navigation included All • Appropriate source code indentation and formatting /1
Comments Total:
Page � of �3 4
!
! Additional Comments:
REQUIREMENTS /3
Submissions • Site uploaded to Spinetail and the archive submitted to Learnline /1• Spinetail and Learnline submissions are exactly the same
Files and Folders Structure
• Correct site directory structure
/2
• Multimedia and other files are stored appropriately • Lowercase file names with no spaces or special characters
Comments Total:
Additional penalties may apply if the requirements are not met.
Design Principles /10
Content /25
Markup /33
Requirements /3
+ Innovation
- Penalty
RAW TOTAL: /70
ACTUAL WEIGHT: /20%
Page � of �4 4
