Lab #10

This lab was my first jQuery lab. It was basically about creating a webpage which consists of 4 different types of animations which includes fading in/out and slide up/down by using jQuery and Dreamweaver CS6. Firstly, I started off by creating a new html file and putting in my name, date, lab number etc. Then, I created another file for my javascript and inserted the code that my teacher had provided me with. In fact, I tried to play around with the code and try new things but since this was my first time, I wasn't successful in creating a different animation. Therefore, I just followed the procedures that I was provided with. As a result, it turned out pretty well and I have 4 text boxes with different animations. One sliding in, another sliding out and the other two fading in and out. The hardest part of this lab was trying to line the boxes up in an order so that it looked more organized and not random. Also, it took me a while to troubleshoot the fade in animation because at first I didn't see any animation for the fade in, but then I realized that the text box was already there so I had to make the text box disappear first in order for it to fade in. This lab can benefit in my future labs and projects.