Mouse Over These
To Change These two images
Click on them to Google for images associated with that word.
You can create a "canned" Google search for images associated with a
word by doing the following:
<a href="http://images.google.com/images?q=word">something</a>
To Do
This exercise is based on exercise 1, so if you did that, you can skip
the first five steps.
- Click and drag the three image files to your desktop
- Open TextWrangler and create a simple HTML file on your desktop with
the three colored images at the top and two blue images at the bottom.
- Check to make sure that file works by opening the file in your
browser. There's no need to upload to Puma. You only need to reload your
browser window as you fix bugs.
- Add the event handler code for the image swap behavior and
- Check the browser to see if the image swap works. Again, you only
need to reload your browser window as you fix bugs.
- Add the HTML to make the images into hyperlinks.
- If you have time, try to make sure there aren't any stray blue
underlines in your web page, as there is around the orange square, but not
around the blue or green ones.