Mitzrah's Get IT Right Column!!
Frame Creation Basics II
Updated : Saturday, August 01, 1998
 Mitzrah's Get IT Right Column!

Dear Homesteaders!

Here are some frames examples which I have made to help you understand the mechanics of frame creation.

SIMPLE PAGE WITH 2 FRAMES

The HTML for this is:

<HTML>
<HEAD>
</head>
<frameset cols="*,2*">
    <frame src="file2.htm">
    <frame src="file3.htm">
    </frameset>
</html>

This HTML code will call up a page with two frames, organied as 2 columns. The first column takes up 33% or 1/3 of the browser area while the second column will take up the remaining 67% or 2/3 of the browser area. Also this will call up 2 sources, which are file2.htm into the first column and file3.htm.into the second column.

Please click here to see a sample of what the frame example above will look like!

RECTANGULAR FRAMES LAYOUT

The HTML for this is:

<HTML>
<HEAD>
</head>
<FRAMESET ROWS="*,2*,*" COLS="2*,*">
    <frame src="file1.htm">
        <frame src="file1.htm">
    <frame src="file2.htm">
        <frame src="file3.htm">
     <frame src="file4.htm">
        <frame src="file4.htm">
    </frameset>
</html>

This HTML code will call up a page with 6 frames, organied as 2 vertical columns and 3 horizontal rows. The first column takes up 66% or 2/3 of the browser area while the second column will take up the remaining 33% or 1/3 of the browser area. And the page is also split up into 3 horizontal rows. Also this will call up 4 sources, which are file1.htm into the top left column and top right column, file2.htm into the left hand column of the middle row, file3.htm and file3.htm.into the right hand side of the middle frame and file4.htm will load into the 2 most bottom columns.

Please click here to see a sample of what the frame example above will look like!

This should provide you enough grounding to understand the next chapter when we delve into how you click a frame on the left and it updates the frame on the right!

Notes from Alex,

HAPPY FRAMing! If you found my tutorial helpful, please drop a note by my guestbook! So I know that you have dropped by and benefitted from my efforts, it took me quite sometime to get these tutorial up! Click on home and then SIGN GUESTBOOK! I will also visit your homepage at GeoCities and sign your guestbook if you sign mine!

[ Emiri Nakayama | Sailor Mars, Rei | About Me | Photo Gallery ]
[ WWW Resources | HTML Tutorials | Hints & Tips | Banner Exchange ]
[ Awards | Win My Award | Home | Links | Change Music | E-Mail Me ]

 Back to where you came from!

LinkExchange Network
LinkExchange Member Free Home Pages at GeoCities