For this exercise also, if you don't have a frames capable browser, then you may want to skip it, as you won't be able to see what's happening.

OK, this is where it is going to get a little more complicated. What you're going to need to do is start a new file, and call it something different to the other one. Then you'll need to copy and paste all the <head> information in from the file that we've been creating all along.

Once you've done that, then we need to create our frameset. We'll keep it farely simple. Just define a frameset in this new document, that has two windows. One narrow one (about 100 - 200 pixels should be enough), on the left, and one main window on the right, taking up the rest of the browser window. In the left window, define the frame attributes as you see fit, but for the moment, don't define any source for that frame. Do the same for the main window, but set the source as the page that we've been building up to now. Also, it would be a good idea to remove the JavaScript from the <head> of our previous document, as it should now reside in the head of the frames page, and we don't want it appearing twice. Don't forget to name your frame windows something sensible.

Now you'll need to make sure that all of your links to external pages are targeted to take up the whole browser window, instead of getting loaded into your frames page. You needn't worry about the ones from the imagemap, as they're part of your page.

Here is what your document should look something like. To see how the page is made, view the document source - generally done by using the "View", "Document", or "Page" menus on your browser.