Adding an image to Your Web Page

Remember the page for CS 105 labs you created last week? Well, I'd like you to create a new page now and add a link to that page to your CS 105 labs page. Start up Pagespinner to create the new page. Give the new page a title and heading indicating that it is a gallery for the pictures you produced in your second CS 105 lab. Then, save the new page in your CS bull account's "www" directory. To make it easy for the graders to find this new page, please name the file "gallery.html". Also, make sure you add a link from your "cs105labs.html" page to your image gallery page so that we can find it using a browser. The text of the link should indicate that it will lead to the images you produced in lab 2.

Now, let's actually add the cropped butterly image to your gallery page. To do this:

• Click the "image" tool in the PageSpinner toolbox (it is located just to the right of the "anchor" tool).

• Click on the "folder" icon to the right of the box that is to hold the image's name to obtain a dialog box through which you can navigate into your "graphics" folder to find the "butterfly.jpeg" file. Click "Open".

• Type appropriate "alternate" text to show if the image can not be displayed to someone reading your page.

• Click "Insert"

• Examine the IMG tag that PageSpinner has inserted.

Now save your new web page and view it through Netscape Navigator to make sure that the image appears correctly.