Basics of Frames

John H. Ristroph, Ph.D., P.E.
University of Louisiana at Lafayette

Loading a frameset file causes a browser to display frames. This HTML file specifies how the browser's window is to be divided into frames and which files go into each frame. The easiest way to examine this material is to open this page on the WWW: http://ristroph.louisiana.edu/InfoSys/Download/Frame/FrameDoc.htm. Then link to each of the following frameset files, examine its source, and return here. Alternatively, the following pages reproduce the files shown below.

FrmSetH2.htm: Two horizontal frames.
FrmSetV2.htm: Two vertical frames.
FrmSetHV.htm: Two horizontal frames with bottom part subdivided left and right.
FrmSetVH.htm: Two vertical frames with right side subdivided top and bottom.

Provided below are the three files that are displayed in the frames above. Link to each of them, examine its source, and then come back to this page.

Frame1.htm: Displays "Frame1.htm here."
Frame2.htm: Displays "Frame2.htm here."
Frame3.htm: Displays "Frame3.htm here."

The following frameset file has two vertical frames with the right side subdivided top and bottom. The left frame initially contains a file that uses an anchor tag to load a new file into the top right. In turn, the new top right can load a new bottom right. Finally, the new bottom right clears all frames and loads a new file. Load the file shown below, and examine its contents. Execute the loads, and then return to this page.

FmStVHAn.htm: Shows how to load other frames.

Provided below are the three files containing the anchors, and then the final file that is displayed. Link to each of them, examine its source, and then come back to this page.

Fram1Anc.htm: Displays "Fram1Anc.htm here" and load message.
Fram2Anc.htm: Displays "Fram2Anc.htm here" and load message.
Fram3Anc.htm: Displays "Fram3Anc.htm here" and load message.
FrameAll.htm: Displays "FrameAll.htm here" and message.

Homework 3 (Part 1). Do each of the following exercises on a PC using relative references. Be very careful with upper- and lowercase when naming files because they must be uploaded to the Unix. Put the files in Unix directory abc1234/public_html/HmWk3, where abc1234 is your UserID. Remember to provide access to the directory and every file in it.

If you need Unix help while using Telnet, input man (for manual) followed by the topic, such as man mv for help with the mv command.

All files should have their name as their titles. Also each frame should show its name, as was done in the notes above.

Submit as your homework by sending an email containing the hyperlinks shown below (plus the ones from the notes on tables), substituting your UserID for abc1234:

http://www.ucs.louisiana.edu/~abc1234/HmWk3/exercise1.html
http://www.ucs.louisiana.edu/~abc1234/HmWk3/exercise2.html
http://www.ucs.louisiana.edu/~abc1234/HmWk3/exercise3.html

This means that inside of directory HmWk3 there must be three frameset files having the names above that correspond to each of the following exercises. They will be accessed by the hyperlinks for grading purposes.

  1. Create a frameset file that creates three vertical frames, dividing the display into the following percentages: 10%, 30%, and 60%. Put Frame1.htm, Frame2.htm, and Frame3.htm into the frames.
  2. Create a frameset file that creates an upper frame (40% of the screen) subdivided left (30%) and right (70%). The lower frame uses 60% of the screen and contains one file. Put Frame1.htm, Frame2.htm, and Frame3.htm into the frames.
  3. Modify exercise 2 so that it loads one new file after another into the next frame, and then clears all frames and loads one last window. This is essentially what occurs when FmStVHAn.htm is loaded, as described in the notes.

Last updated: 1/4/06