Description
Aim:
The objectives of this assignment include learning:
• HTML5 and CSS
• JavasScript (note that you are NOT allowed to use JQuery or other JavaScript
library/framework)
Task 1: (7 marks)
Create a website for a gift shop located in Singapore. You are NOT allowed to use
JavaScript in this part of the assignment. Only HTML5 and CSS can be used. In
creating this website, please use all the following:
➢ At least 2 html files
➢ Only 1 external CSS file should accompany all your webpages
➢ Appropriate images need to be used
➢ Proper use of Layout Tables
➢ Both colspan and rowspan should be used in the table
➢ Links to external sites and URL relative referencing should be used
➢ Figure and figure captions should be used
➢ Overflow properties need to be used
➢ An appropriate image should be used for at least one of the buttons
➢ Appropriate HTML5 date controls need to be used
➢ Appropriate positioning needs to be used
➢ Appropriate floating elements need to be used
➢ Hovers need to be used to make thumbnails
Task 2: (8 marks)
Enhance your gift shop website in task 1 to incorporate JavaScript features. In
enhancing this website, please use all the following:
➢ External JavaScript file(s) need to be used (do NOT use inline or embedded
ways)
➢ JavaScript functions need to be used
➢ Variables, comparison operators, logical operators need to be used
➢ Conditionals and loops need to be used
➢ Alerts need to be used
➢ Listener approach needs to be used
➢ Appropriate validations need to be used
Due:
22 Jan 2021 23:55pm (Singapore Time)
Demo: You must demo your solution to your tutor on the following date:
Full-Time students during tutorial 3
Part-Time students during tutorial 2
Submission:
You need to submit your solutions on task 1 and task 2 to moodle before the due date.
You are to create two folders. All files that are needed for task 1 must be stored in a
folder call “Task1”, and all files that are needed for task 2 must be stored in a folder
call “Task 2”. Zip the two folders together and upload to moodle. Include your student
name, student ID (UOW ID) as comments in all the files.