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

Chapter 10.  Frames > Combining Framesets

Combining Framesets

One of the most common layouts for frames you'll see on the Web is to have one row at the top that spans the width of the browser, and then a second row divided into two frames. This effect is achieved by inserting a frameset in the second row.

To combine framesets:

1.
Make a sketch of your frameset and determine how many rows and columns you will need.

2.
Type <FRAMESET to begin.

3.
Type ROWS="a, b"> where a and b (and any others) represent the height of the corresponding rows.

Figure 10.11. First create the outer frameset. Then define each row from top to bottom. For rows that will be divided, use an inner frameset. The highlighted area here corresponds to just the second row of the Web page.


4.
In the example in Figure 10.11, the first and third rows are a single frame while the second row is divided into columns. For a row with just a single frame, type <FRAME NAME="name" SRC="contents.html"> in the usual way.

5.
For the second row, which is divided into columns in this example, type <FRAMESET COLS="a, b"> where a and b (and any others) represent the width of each column in the row.

6.
Type <FRAME NAME="name" SRC="contents.html"> where name is the reference for the frame and contents.html is the page that will be initially shown in that frame.

7.
Repeat step 6 for each frame in the column. (In this example, there are two columns, so you'll have to define two frames in the inner frameset.)

8.
When you've finished defining the frames/columns in the divided row, type </FRAMESET>.

9.
Continue defining each row individually. For a row with just one frame (i.e., just one column), just use a FRAME tag. For rows divided into multiple columns, repeat steps 5–8.

10.
Type </FRAMESET> to complete the outer frameset.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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