Home  >  Help
Banner image
Web Publishing Help

Web Design Guidelines: Using Frames Properly

Frames are a way of dividing an HTML page into different sections, each displaying different content. Frames can add great value, but they can also create a confusing, messy page. It's all in the design. The best uses of frames are relatively simple designs. Typically they have no more than three horizontal or vertical sub-frames. 

Try to avoid the use of frames on all top-level pages or on all pages if possible.  Common trouble with frames include the following.

1. You cannot bookmark an individual framed page
You can only bookmark the home page of a Website that consists of frames. 

2. You cannot link to a framed page
It's not possible to correctly link to a page within frames. If you do link to it, anybody following the link will miss out on the other frames such as navigation controls.

3. Browsers can have problems with Back/Forward buttons

4. Framed sites are more difficult for text-based and speech browsers
        

5. Inexperienced designers can make all sorts of mistakes with frames

One of the most common problems of using frames is to show the effect of rows and columns. You can achieve the same effect with tables.  In fact tables do this job better and cleaner.

Another common problem is jamming lots of little frames onto the page. More than two or three frames creates a very cluttered page. There's so much noise and so many things going on that your readers will often just give up.

Resources


University Logo  Usage

Colors

Graphics

Links

Meta Tags

Meta HTTP-EQUIV

Use of Frames