Due Date: Sunday Feb 26, 2023 Note: Assignment 2 The project is to written by you. The use of any code found in another website or code written by another student will be considered a breach of academic integrity. The appearance of the web page will count up to 40% of the mark. To Be Completed Sunday Feb 26, 2023 posted on your Web Page (cPanel) a zipped copy of your NetBeans project (the public_html folder) uploaded to slate Assignment 2 drop box provide the entire URL to your published site in the Comment section of the SLATE drop box Remember this is to be an individual effort o donotworkwithanybodytocompletetheassignment a mark of zero will be given to group efforts the Chrome browser will be used to grade the assignment provide the entire URL to your published site in the Comment section of the SLATE drop box o markswillbedeductedifURLisnotincluded assignments can be submitted up to 3 days after the due date with 10% off per day Assignment Requirements the Assignment 2 public_html files and folders are to be placed in the A2Content folder of your web site when the user enters you web site o theassignment1index.htmlpagewillbeopened o the user can then click a link to see the assignment 2 index.html (found in A2Content folder) o the user should be able to go back and forth between all index.html pages using links Assignment Overview consists of a Canvas Element that contains four buttons o button one causes your name to appear in the canvas element o button two causes two moving squares to appear o button three causes your initials to appear created using paths and lines o button four clears the Canvas element and stops the squares Page 1 of 2 Button One when first clicked o willhaveyourfullnameappearinthecanvaselement o will be starting in the top left corner each subsequent click o yourfullnamewillappearbelowitspreviousposition o thepreviousnamewillnotappear once your name reaches the bottom of the canvas element o it will reappear in its initial position, the top left corner must specify the font (type and color) Button Two when clicked will have two squares appear o one square in the top left corner of the canvas element o the other square in the bottom right corner of the canvas element the two squares o will move, without clicking any button, across the canvas in opposite directions when the one of the squares reaches the end (or beginning) of the canvas o itreappearsagainfromitsstartposition if clicking is require to make the squares move, then your mark for this part of the assignment is zero each square must have its own distinct design features Button Three when clicked will have your initials appear use lines and paths to create your initials you need a minimum of three initials each letter should appear in 3 second intervals make sure that each line is thick and has different colors each initial should be at least one-fourth the size of the canvas Clear Button (Button Four) when clicked should clear the canvas should stop all t.

1. Due Date: Sunday Feb 26, 2023
Note:
Assignment 2
The project is to written by you. The use of any code found in another website or code written by
another student will be considered a breach of academic integrity.
The appearance of the web page will count up to 40% of the mark.
To Be Completed Sunday Feb 26, 2023
posted on your Web Page (cPanel)
a zipped copy of your NetBeans project (the public_html folder) uploaded to
slate Assignment 2 drop box
provide the entire URL to your published site in the Comment section of the SLATE drop
box
Remember
this is to be an individual effort
o donotworkwithanybodytocompletetheassignment
a mark of zero will be given to group efforts
the Chrome browser will be used to grade the assignment
provide the entire URL to your published site in the Comment section of the SLATE drop
box
o markswillbedeductedifURLisnotincluded
assignments can be submitted up to 3 days after the due date with 10% off per day
Assignment Requirements
the Assignment 2 public_html files and folders are to be placed in the A2Content folder of your
web site
when the user enters you web site
o theassignment1index.htmlpagewillbeopened
o the user can then click a link to see the assignment 2 index.html (found in
A2Content folder)
o the user should be able to go back and forth between all index.html
pages using links
Assignment Overview
consists of a Canvas Element that contains four buttons
o button one causes your name to appear in the canvas element
o button two causes two moving squares to appear
o button three causes your initials to appear created using paths and lines o button four clears
the Canvas element and stops the squares
Page 1 of 2
Button One
when first clicked
o willhaveyourfullnameappearinthecanvaselement o will be starting in the top left corner
each subsequent click
o yourfullnamewillappearbelowitspreviousposition o thepreviousnamewillnotappear

2. once your name reaches the bottom of the canvas element
o it will reappear in its initial position, the top left corner
must specify the font (type and color)
Button Two
when clicked will have two squares appear
o one square in the top left corner of the canvas element
o the other square in the bottom right corner of the canvas element
the two squares
o will move, without clicking any button, across the canvas in opposite
directions
when the one of the squares reaches the end (or beginning) of the canvas
o itreappearsagainfromitsstartposition
if clicking is require to make the squares move, then your mark for this part of the
assignment is zero
each square must have its own distinct design features
Button Three
when clicked will have your initials appear
use lines and paths to create your initials
you need a minimum of three initials
each letter should appear in 3 second intervals
make sure that each line is thick and has different colors
each initial should be at least one-fourth the size of the canvas
Clear Button (Button Four)
when clicked should clear the canvas
should stop all timers
ButtonStyle.css
used to style only your buttons
buttons must be given a color and font, and must not be rectangle shaped (make rounded)
http://www.w3schools.com/css/css3_buttons.asp
NOTE:
All assignments submitted should be unique. No two assignments should be setup, styledor
positioned the same.
Page 2 of 2