Lab 6

The purpose of lab 6 was to create a JavaScript mouseover, a HTML rollover and lastly a GIF using photoshop cs6. The first thing I did was create tables so it'd look organized and neat and I organized my pictures. Afterwards I created my GIF using photoshop cs6 by creating six layers then placing the pictures one per layer. You have to make sure that the pictures have the jpg extension or else it just won't place the pictures. After that you click on timeline and arrange each ones time. To save it you click save for web and change the source to gif, then I just placed it into my HTML document. To make the HTML rollover you just need a simple one of code which is <a href="URL ADDRESS"><img src="url of first picture" width="400" height="300" onmouseover="this.src='url of second picture'" onmouseout="this.src=url of first picture" /></a>. This lab will be useful for our future projects because it three ways that one can use of like lets say include to your business website so it'd look more attractive and catch the viewers eye.