• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Lesson 7. Working with Frames > Setting up the content frames

Setting up the content frames

Now you'll use the Frame Inspector to name the content frames in your frame set, resize them, and specify their scrolling behavior.

Click anywhere in the top left frame to select it. This opens the Frame Inspector.

The Frame Inspector lets you specify options for a selected frame. You can resize and name a frame, link it to a content page, and set its scrolling and resizing properties. You can also turn content viewing on or off.

A. Size B. Name C. URL entry D. pick whip button to URL link E. Scrolling F. Resize Frame G. Browse button

In the Name text box of the Frame Inspector, enter navigation as the name of the frame.

Now you'll set the size of the frame. You can do this in several ways:

  • Enter a precise pixel size for each pane.

  • Enter a percentage of the browser window for each pane.

  • Scale a frame to fit the browser window.

You'll set the size of the navigation frame to a precise pixel size. Because this frame will contain a navigation bar, it should be the same width in all browsers and at all screen resolutions to ensure that the wording for the links can be seen at all times.

Make sure that Pixel is chosen in the Width pop-up menu, enter 110 in the text box, and press Enter or Return to resize the frame. Notice that the left-hand frame is now slightly larger than it was.

Selecting navigation frame

Specifying pixel size

Leave Resize Frame deselected. This prevents viewers from changing the layout of your frames.

Choose No from the Scrolling pop-up menu to make the pane nonscrolling.

A navigation pane is more useful if it's nonscrolling. Rather than force site viewers to scroll through links, you should reduce the pane's content. If your site has too many pages to show on the navigation pane, consider reorganizing the site into areas and using the navigation pane to take a viewer to those areas, rather than straight to individual pages. Each area can have its own contents list, showing its pages.

Now you'll format the main content frame.

Select the top right frame. In the Frame Inspector, verify that Scale is selected from the Width pop-up menu.

If a viewer resizes the browser window, the Scale option allows this frame to resize automatically, expanding or contracting to fill all of the browser window to the right of the navigation frame.


If you specify an absolute size in pixels for one frame, you must set at least one more frame of the same orientation to Scale, or the frame set will scale all frames in that direction.

In the Name text box, enter main.

Choose Yes from the Scrolling pop-up menu. This will add vertical and horizontal scrollbars to the frame.

Now you'll format the bottom frame.

Select the bottom frame, and name it banner.

Set its Height to 90 pixels. This is slightly larger than the image that will fill this frame, to allow for shifting in different browsers.

Choose No from the Scrolling option pop-up menu. Press Enter or Return.

Main and banner frame settings

Choose File > Save to save your work.



Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint