Frame Templates

In case you're not quite 100% on designing framesets, here are some templates to either work through or blatantly copy. Just find the pattern that you want and then nab the code.

To save space (and make things clearer) I've ommitted most of the tag attributes. Obviously you can add these and adjust frame sizes as needed.

2 Frames: Horizontal

<FRAMESET ROWS="100,*">

<FRAME NAME="TOP">
<FRAME NAME="BOTTOM">

</FRAMESET>

2 Frames: Vertical

<FRAMESET COLS="100,*">

<FRAME NAME="LEFT">
<FRAME NAME="RIGHT">

</FRAMESET>

3 Frames: Horizontal

<FRAMESET ROWS="100,*,100">

<FRAME NAME="TOP">
<FRAME NAME="MIDDLE">
<FRAME NAME="BOTTOM">

</FRAMESET>

3 Frames: Vertical

<FRAMESET COLS="100,*,100">

<FRAME NAME="LEFT">
<FRAME NAME="MIDDLE">
<FRAME NAME="RIGHT">

</FRAMESET>

3 Frames: Banner + 2 Vertical

<FRAMESET ROWS="100,*">

<FRAME NAME="BANNER">

<FRAMESET COLS="100,*">

<FRAME NAME="LEFT">
<FRAME NAME="RIGHT">

</FRAMESET>

</FRAMESET>

3 Frames: Sidebar + 2 Horizontal

<FRAMESET COLS="100,*">

<FRAME NAME="SIDEBAR">

<FRAMESET ROWS="100,*">

<FRAME NAME="TOP">
<FRAME NAME="BOTTOM">

</FRAMESET>

</FRAMESET>

4 Frames: Banner + Sidebar + 2 Horizontal

<FRAMESET ROWS="100,*">

<FRAME NAME="BANNER">

<FRAMESET COLS="100,*">

<FRAME NAME="SIDEBAR">

<FRAMESET ROWS="50%,50%">

<FRAME NAME="TOP">
<FRAME NAME="BOTTOM">

</FRAMESET>

</FRAMESET>

</FRAMESET>

4 Frames: Sidebar + Banner + 2 Vertical

<FRAMESET COLS="100,*">

<FRAME NAME="SIDEBAR">

<FRAMESET ROWS="100,*">

<FRAME NAME="BANNER">

<FRAMESET COLS="50%,50%">

<FRAME NAME="LEFT">
<FRAME NAME="RIGHT">

</FRAMESET>

</FRAMESET>

</FRAMESET>

4 Frames: Even Split

<FRAMESET COLS="50%,50%">

<FRAMESET ROWS="50%,50%">

<FRAME NAME="TOP LEFT">
<FRAME NAME="BOTTOM LEFT">

</FRAMESET>

<FRAMESET ROWS="50%,50%">

<FRAME NAME="TOP RIGHT">
<FRAME NAME="BOTTOM RIGHT">

</FRAMESET>

</FRAMESET>

Still not sure how to create the frameset of your dreams? Draw a small picture (like the ones above) to show what you want and e-mail it to Q & A.