Week 2 Lab 2: Relative Links in a Local File Structure


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

Thomas
    Frank.htm
    Amy
      Amy.htm
      Neil.htm
      Kids
        Ed.htm
        Sue.htm
Smith
    Scott
      Scott.htm
      Gwen.htm
    Rick.htm

Step 1: Setup

1.1 Launch (if necessary) an editor and a Web browser. Close any open files in the editor. Be sure the windows are properly tiled.

1.2 Launch an FTP program (Fetch for Macintosh, WS-FTP for Windows). Open a connection to raven.ubalt.edu and log in on your personal account.

1.3 Open the introShared folder. 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. The folder should download into your Documents folder.

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. 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 file 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. (Note: look for the very bottom of the page.) Note that you will need an arrival anchor container (<A NAME=...>).