CITS5505 Project 1
HTML, CSS & JavaScript Website
Due 5pm April 01 2021. Worth 20% of your final grade.
The first assessment for CITS5505 is to build a simple website demonstrating the use of HTML5,
CSS3, and JavaScript. Bootstrap and JQuery may be used, but customised CSS is required to give
your site a distinctive feel. The website should describe the history and fundamentals of HTML,
CSS and JavaScript, and should refer to itself to demonstrate these technologies.
Your website should consist of three pages:
1. One page should describe the history and evolution of web browsers, and particularly the
technologies of HTML, CSS and JavaScript. This should be about 1000 words, but can also include
pictures and other small media (large video/audio files should not be submitted).
2. One page should demonstrate the use of HTML, CSS, and JavaScript. This should explicitly
show the code that generates different content styles and effects. This should include, but is not
limited to, DOM manipulations, forms and using AJAX to consumeesources from 3rd party sites.
For example, this COVID19 tracker (https://coronavirus-tracker-api.herokuapp.com/v2/locations),
or F1 race results (http://ergast.com/mrd/).
4. The Final page should give a brief biography of the author, including a picture, and a CV.
The submission should consist of a folder with three linked HTML files, CSS style files and
JavaScript functions in a separate file (use relative links so anchor tags work on the assessors
computer). The page should be tested in Chrome, Firefox and Edge or Safari browsers, and should
pass HTML5 validation.
All code (HTML, CSS and JavaScript) should be commented and formatted in a clear and
consistent manner.
The folder should be zipped (using zip, so the submitted file ends in .zip), and submitted to
cssubmit: https://secure.csse.uwa.edu.au/run/cssubmit
CITS5505/3403 Project Marking Sheet
Name: Student#:
Criteria Excellent Good Satisfactory Inadequate Comments Weight
Content of
History page
Comprehensive
history, good
coverage of
elements, and
detailed technical
description.
Good historical
overview, a
variety of
elements and
some technical
description.
Basic history of
Browsers, and a
few elements, but
lacking technical
detail
Lacks meaningful
history, uses few
elements, and no
technical
description.
/20
Content of
Examples page
Comprehensive set
of examples,
clearly illustrating
usage and effect,
with interactive
components, and
excellent technical
descriptions.
Good set of
examples, clearly
demonstrating
usage and effect,
and good
technical
descriptions.
Covers the main
technologies and
gives a basic
description of usage
and effect of
HTML, CSS, JS
and AJAX.
Omits certain
technologies, or
incomplete
functionality.
/20
Content of CV Clear, well
formatted, and
informative with
effective use of
HTML and CSS, in
a professional and
individually styled
page wth
multimedia
elements.
Clear, well
formatted and
informative with
effective use of
HTML and CSS,
with some
multimedia
elements.
Basic details, with
no formatting errors
or written errors.
Some style applied.
Contains errors, or
has incomplete or
inconsistent
formatting. No
attempt to apply
style.
/10
HTML code
quality
Passes validation
perfectly, wide
selection of
elements and
correct use of
attributes
Some minor
validation errors,
good selection of
elements, and
some use of
attributes
Validation errors,
but correctly
rendered. Some
variety of elements,
but basic use only.
Does not render
correctly, limited
use of elements
and attributes.
/15
CSS code
quality
Clear well crafted
and distinctive
style. Well
commented code,
demonstrating a
wide variety of
styles, and
selectors
Distinctive style,
and reasonable
code
demonstrating
some variety of
style and
selectors.
Generic style, code
formatting
inconsistent, or
lacking selectors
and styles.
Poor style, with
errors in attributes
and selectors.
/15
JavaScript code
quality
Well written
efficient and error
free code,
demonstrating
DOM maipulation
and AJAX with
callbacks.
Correct well
formatted code
demonstrating
DOM
manipulation and
some use of
AJAX.
Some errors in
code, inconsistent
DOM manipulation,
and missing AJAX
requests.
Errors in code, or
ineffective
functionality. Poor
formatting, and not
attempting AJAX
or DOM
manipulation. /20
Overall
/100































































































































































































学霸联盟