Lab 7

Lab 7 was about creating rollover images in Adobe Dreamweaver, Adobe Fireworks and JavaScript. For this lab, I used Adobe Dreamweaver, Fireworks and JavaScript to complete the lab. Firstly, I created a folder and placed all the pictures that I took during the walking trip. Then I opened Adobe Fireworks to created an animated rollover . In Fireworks, I used hot spots to create a rollover image. After creating the animated rollover image in Fireworks, I inserted the rollover image and made a table for images in Adobe Dreamweaver. After that, I created a new JavaScript document and inserted the scripts for rollover images. In this part, I needed to use six images and each image would appear if the mouse was hovered over the image. Lastly, I applied these scripts to the html document for this lab and published it online.

At the completion of this lab, I learned that there are many ways to create rollover images. I also learned that JavaScript can make a rollover image that consists of more than two images and hover effects to make it look more professional. These skills are helpful to me in the future because I can not only create rollover images using Adobe Dreamweaver and Fireworks, but also by using JavaScript. This provides me with a variety of options that I can create a rollover image.