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

Lesson 6. 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.

Select the top left frame. 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 typed entry D. Point and Shoot button to URL link E. Scrolling F. Resize Frame G. Browse to URL link

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.

Choose Pixel in the Size pop-up menu, enter 110 in the Size 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 cut 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, choose Scale from the Size pop-up menu.

If a viewer resizes the browser window, the Scale option allows this frame to expand or contract to fill all of the browser window to the right of the Navigation frame.

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 size to 90 pixels. This is slightly larger than the image that will fill this frame, to allow for shifting in different browsers.

Choose the No Scrolling option.

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