LESSON 05 – FRAMES REVISITED

 

REVIEWING FRAMES

 

To separate the browser into different arrangement of frames, all we need to do is change the frameset tag.  Here are a few common setups:

 

THREE EVEN COLUMNS

 

<frameset cols="300,300,300">
   <frame src="page1.html">
   <frame src="page2.html">
   <frame src="page3.html">
</frameset>

 

TWO ROWS, TOP ONE HALF THE SIZE OF BOTTOM ONE

 

<frameset rows="200,400">
   <frame src="page1.html">
   <frame src="page2.html">
</frameset>

 

BOTH COLUMNS AND ROWS

 

We can separate our browser into both columns and rows.

 

 

EXAMPLE.

 

Let’s say we wanted to do the following:

 

 

Here is the frameset solution:

 

<frameset cols="200,200,400">
   <frame src="page1.html">
   <frame src="page2.html">
   <frameset rows="200,200,200">
      <frame src="page3.html">
      <frame src="page4.html">
      <frame src="page5.html">

   </frameset>

</frameset>

 

Notice that we first separate the screen into 3 columns.  The last column, instead of being a frame, is another frameset that separates that section into 3 rows.

 

Another solution would be to create different files that contain the frameset tag.  This approach would require an extra html document.  The diagram below shows how each frameset would be organized.