Frame Design Tips and Tricks

Using frames effectively requires more than just knowing the HTML tags. This section provides a few pointers and tricks for framed documents.

All-Purpose Pages

Just because you design a web page to be part of a framed document doesn’t necessarily guarantee that it will always be viewed that way. Keep in mind that some users might end up looking at one of your pages on its own, out of the context of its frameset (this is possible if a search engine returns the URL of the content). Since frames are often used for navigation, this orphaned content page could be a big fat dead-end for a user.

For that reason, you should try to design your content pages so that they stand up on their own. Adding a small amount of redundant information to the bottom of each page can make a big difference in usability. First, indicate the name of the site with a link to its home page on each content document. This will help to orient a newcomer who may have just dropped in from a search engine.

It is important to pay particular attention to the navigational options that are available on content pages when viewed without their frameset. At the very least, provide a small link to the top level of your site on every page that points users back to a more appropriate (and framed) starting point. Be sure to set the target="_top" attribute so if a framed user clicks on it, it won’t load the home page frameset within the current frameset.

Helping Search Engines

Search engines all work ...

Get Web Design in a Nutshell now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.