Lab 4: Relative Links in a Local File Structure

Activities in this lab are based on the following file structure:

Frank.htm
Amy
Amy.htm
Neil.htm
Kids
Ed.htm
Sue.htm

Scott
Scott.htm
Gwen.htm
Rick.htm

Step 1: Setup

1.1 Launch an editor and a Web browser. Be sure your windows are properly tiled.

1.2 Launch an FTP program . Open a connection to crow.ubalt.edu and log in on your personal account.

1.3 Open the introShare folder. Within it you should see a folder called PRACTICE. Download this folder to your local machine:

Windows:

Drag the icon representing the folder to the Desktop and answer "Yes" in the resulting dialog.



Macintosh:

Click once on the PRACTICE folder icon, then click the Get button.

You're downloading a local copy of PRACTICE because you'll need to make changes to the markup of pages in this directory.

Step 2: Build Local Links

2.1 Switch to your editor and open the page Ed.htm within the PRACTICE folder. Refer to the structure diagram at the top of this document for the exact location of the file. Create an anchor container around the phrase "street hockey" in this file. Set the HREF in this anchor container so that "street hockey" functions as a link to the page Amy.htm. To test, switch to the browser and navigate to Ed.htm (the local copy on your hard drive which you just modified). Click on the link cue and see if it does what you want.

2.2 Build a link from the phrase "submarine warfare" in the file Gwen.htm to the page Sue.htm.

2.3 Build a doubly-anchored link from the phrase "flowering weeds" in Amy.htm to the phrase "This is not relevant" in the file Gwen.htm. (Hint: on Gwen.htm, look at the very bottom of the page.) Note that you will need an arrival anchor container (<A NAME=...>).

This concludes Lab 4.