line
Dividing a Web browser window (1)
line

Use the frame function to divide a Web browser window into several sections. This section explains how to create and save a Web page that uses the frame function.

This section contains the following topics:

Related HTML tags <FRAMESET COLS= ROWS= ></FRAMESET>
<FRAME SRC= >
<NOFRAMES></NOFRAMES>


Vocabulary Vocabulary frame function

A function to divide a Web browser window into several sections.



Using templates for the frame function

TopPage offers templates for the frame function. Select one of them, and in each section open Web pages you have already created. If you have not installed templates, refer to the following Tip to divide an existing Web page.

Tip Tip To divide an existing Web page without using a template, open the page you want to divide, select Split Frame from the Frame menu, and then select Split Vertically or Split Horizontally. The page is then divided into two sections and the original page is allocated to the left or top section.


  1. Create Web pages you want to assign to each section. If you want to divide a window into two sections, you need two pages; if you want to divide it into three sections, you need three pages.

  2. Select New from the File menu to display a dialog box for creating a new Web page.

  3. Click the Frame tab, select a method for dividing, and click the OK button.

    Note Note If you have not installed templates, you cannot use the Frame panel.

    Frame tab

    A Web page divided into sections is displayed.

    Blank page with a frame

  4. To open in a section a Web page you have already created, click a section using the right mouse button, and select Open in Frame from the pop-up menu to display a dialog box for selecting an HTML file.

  5. Select a Web page you have already created, and click the Open button to open the page within the selected section.

  6. In the same way, open another Web page within another section.

    Pages are open within all frames

Tip Tip To divide one of sections, click it, select Split Frame from the Frame menu, and then select Split Vertically or Split Horizontally. The section is then divided into two, and the original section is allocated to the left or top section.


Tip Tip If you click a section using the right mouse button and select Frame Attributes from the pop-up menu, a dialog box for changing the frame attributes is displayed.



Changing the size of each section

Dragging a frame border changes the relative size (in percentage) of each section.

If you drag a frame border....
Begin dragging the border of a frame
arrow
The ratio of each section changes.
The border is moved


Tip Tip To specify the section size in pixels, click the target section using the right mouse button, select Frame Attributes from the pop-up menu, enter the pixel value (for example, 100) in the Size box on the Frame Attributes panel, and select the Specify with pixels check box.

If you want to fix the size of one of two sections and make the other section displayed in the rest of the window, first, fix the size of one section as just described. Next, click the other section using the right mouse button, select "Frame Attributes" from the pop-up menu, and select Specify with * from the left box of Size on the Frame Attributes panel.



Editing the No Frame pane

Some Web browsers do not support the frame function, so you should leave a message in the No Frame pane.

  1. Click the No Frame tab, which is displayed while you are editing your Web page that uses the frame function.

    Blank No Frame panel

  2. Type text for guiding visitors.

    If someone views your Web page on a Web browser that does not support the frame function, he or she reads the message that you leave here.

    No Frame panel with text

Tip Tip If you divide the top page, set links in the No Frame pane so that readers can jump from the top page to subpages.



Saving the Web pages

You can save a frame-using page and the other pages that are allocated to the sections all at once.

  1. Select Save All from the File menu to save all the Web pages at once.

  2. If there is a Web page that does not have a file name, the following dialog box appears. Specify a file name and click the Save button. (At this time, the page to be saved is displayed in reverse video.)

    save 1

  3. If you have pasted images or other files into the page to be saved, the following dialog box appears:

    save 2

  4. Confirm the save location and click the OK button.

Tip Tip Saving Web pages one by one

If you want to save only a frame-using page, select Save Frame from the Frame menu.

If you want to save other Web pages that are allocated to each section, click the target section, and click the Save icon icon.