Page 1 of 3 Assignment 1 Due Date: Sunday January 29, 2023 Note: The appearance and the functionality of the web page will count up to 50% of the mark. assignment can be submitted up to 3 days after the due date with 10% off per day assignments will not be accepted after three days the code must be easy to follow and read marks will be deducted for code that is not well structured file names should help explain its content o not newcss.css, but LayoutStyle.css or DivStyle.css To Be Submitted by Sunday January 29, 2023 a zipped copy of your NetBeans project (the public_html folder) provide the entire URL to your published site in the Comment section of the SLATE drop box o a 20% penalty will be imposed for a URL that does not work To Be Posted on Your Web Page by Wednesday February 1, 2023 try to post after submitting the assignment Remember this is to be an individual effort o do not work with anybody to complete the assignment a mark of zero will be given to group efforts the Chrome browser will be used to grade the assignment Assignment Requirements a web page to demonstrate the use of html events to be posted on your student web page the public_html folder should contain o an index.html file o six folders A2Content, A3Content, A4Content, style, script and images the A2Content folder o contains an html file with the message Work in Progress the title Assignment 2 o will be used to hold Assignment 2 (to be done later) the A3Content folder o contains an html file with Page 2 of 3 the message Work in Progress the title Assignment 3 o will be used to hold Assignment 3 (to be done later) the A4Content folder o contains a html file with the message Work in Progress the title of Assignment 4 o will be used to hold Assignment 4 (to be done later) the style folder o contains all of the css files used in Assignment 1 the script folder o contains all of the JavaScript files used in Assignment 1 o marks will be deducted for the use of inline or internal JavaScript code the images folder o contains all of the image files used in Assignment 1 All html Pages must use semantic tags for the layout could use something similar to:

Your Company Name

links to the other web pages

content of the page

running total of all orders

company information

you can use any other semantic elements such as section and aside http://www.w3schools.com/html/html5_semantic_elements.asp The Assignment index.html Page the header element o should contain your name the nav element o should contain a links to the other html files the main element o should contain three images of products available for purchase o the images should appear on one page should not need to scroll to see the images o if the user clicks an image then a message box should appear, asking the user if he wishes to purchase the product if the user clicks OK, then another box appears, asking the user to enter the number of items he wishes to purchase Page 3 of 3 user still has option to click cancel, and not order any keep track of the number he wishes to purchase marks will be deducted if the number of products displayed is null or undefined o below each image, should be a description of each product should also include the price per product when clicked (or mouseover), more information about the product should be provided can be in the same place or in another section if same place, then when the more information is double clicked (or mouseout), the original text should reappear the section div o should maintain a running total of all individual orders as an order is made, it should appear footer div o displays the company information such as name, address etc