Day 3 Exercise 8

Part 8.1. Copy an Image and insert it in a page

1. Log into the Network Server.
2. Enter copy.
3. At the File to copy prompt, type
   /ahome/inwww/public/www-data/tshirt.gif
4. At the File to copy to prompt, type
   webspace/tshirt.gif
   where webspace is the name of the shortcut to your web directory.
5. Press Enter.
6. Edit your web page by entering scan webspace,
   where webspace is the shortcut to your web directory,
   and pressing e and Enter next to your web page name.
7. At the bottom of the page (above the link to your home page), insert
   <IMG SRC="tshirt.gif">
   <BR>
8. Press F3 to exit save the file.
9. Use Netscape to view the page.

Part 8.2: Add an "ALT" attribute.

1. Now view your page in LUnx, by selecting it in the SCAN display and pressing Enter.
   That "INLINE" statement isn't very informative, is it?
2. Now, edit the file again.
3. Inside the IMG tag, insert ALT="WWW Authoring T-shirt", so the tag looks like this:
   <IMG SRC="tshirt.gif" ALT="WWW Authoring T-shirt">
4. Press F3 to save and exit.
5. View your page in LUnx again.

Part 8.3: Insert an image without copying

1. Open up your page to edit.
2. We're going to put a link to an image that's in the class directory:
   http://www.lehigh.edu/~inwww/work/seal.gif
   So, you want to insert the tag:
   <IMG SRC="http://www.lehigh.edu/~inwww/seminar/intro/seal.gif" ALT="LU Info Provider">
3. Save the file and view it in Netscape.

Part 8.4: Make an image into a link

1. Edit your page AGAIN.
2. Put a link element around your seal.gif image tag, that points to the URL
   /~www/this_server/info_provider.html.
3. It should look like this:
   <A HREF="/~www/this_server/info_provider.html">
   <IMG SRC="http://www.lehigh.edu/~inwww/seminar/intro/seal.gif" ALT="LU Info Provider">
   </A>
4. Save the file and view it in Netscape. Try the link.