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
