Frames

Check your book for more details.

Creating a frameset essentially divides your browser window into separate sections. It is a technique widely used today by web designers. It is also widely abused. The positive of using framesets is that your viewer can be viewing 2 or more sections independently. This is most often used when you have a clickable navigation bar that you want visible at all times. Here are two examples of that.
Example 1 Example 2

The negative to framesets are that each frame is smaller than normal. This can cause people who view pages on 15" or smaller monitors to scroll horizontally as well as vertically. They may get frustrated and leave your page. Another good reason to always check your creations on multiple machines and multiple monitors.

Let's look at some common framesets. Click on each of the following. The HTML used to create the frameset will be shown in one of the frames. Note: For frames we still use the old "name=XX" attribute because many browsers still do not recognize "id" for frames.

Single Vertical Column is the most common form of a frameset. The left column is usually used for a list of links within the website.

Horizontal "Table of Contents" works well when you want to save as much screen space as possible for your body frame. It is very user friendly in that it requires no horizontal scrolling for your visitor. Web surfers are used to vertical scrolling to see a page's content.

Rows and Columns You can combine rows and columns in one frameset. It essentially gives you rectangles of space to work with. Remember our earlier concern about 15" monitors as you consider a rows and columns frameset. Often you include the attributes of frameborder=0 and border=0 to make "invisible frames" with this technique

Nested Framesets If you would like more than 2 frames but want one of your frames to span the entire page, use a nested frameset. You achieve this by using a normal 2 row or 2 column frameset and inserting a second frameset in one of the original frames. Hard to explain, easy to do.

Inline Frames This technique put a frame in the middle of an existing html document. Can be effective if you have links around the outside of the inline frame and you name the inline frame and target your links to it.


Index Basic Tags Links Design Layout Tables Image File Types Using Images Image Editing Lists Frames