Lab 5

In lab 5 we had to create a simple  html page and using j Query animate the box in the center. In order to do this I began creating a simple background, heading and the box we were going to use. The page is displaying the box and using the buttons it will have a effect on the box in the center.  First created the box using a div with an Id and using css to create the box.  Once the box was set I added another div that contained the 5 buttons in it. Then after this i made sure my jquery tag was in the heading to begin adding the animations to the buttons. In order to change its size, shape, move it and do all at once i used the j query code. Adding the onClick effects allowed the lab to function correctly and do its job. These skills are very important to a web designer because learning how to use jquery to do animations adds a better skill set to the web designer and makes the site more intuitive. Some sites have buttons that change the layout or have a cool effect on the website as a whole and having this on your site means that it will keep the viewer interested to see what else the site has to offer.