This view consists of four files - frames.html defines the frames, left.html contains the text in the left frame, top.html contains the text in the top frame, and
main.html contains the text in this frame. left.html, top.html and main.html were all created in the normal way - no special techniques had to be used to write
them. The only thing that had to be done differently was in frames.html.
Creating the frames
To make the frames, the frame wizard was used. First, the text between the <body> and </body> tags was deleted, and the cursor was placed
between the tags. The Frame Wizard was then loaded by clicking on the Insert | Frames... menu item.
The default frames in the frame wizard are two frames, seperated vertically. For this example, we want one thin vertical frame on the left, and another thin one across the top. The precise arrangement we want can be gained by first moving the vertical divider between the existing frames to the left, then splitting the right-most frame horizontally.
First, resize the existing frames by dragging the divider to the left. This will make the left frame thinner, such as may be required for a 'toolbar' containing links for your site. Next, select the bigger frame on the right by clicking on it. This frame will then turn a lighter blue. We want to divide this frame into two, with the division running horizontally. Click on the Split Horizontally button to create these frames. Again, we want one of these frames to be narrower than the other, so drag the new divider upwards to make a thin frame across the top. In a web site, this could be used to show a title.
Setting up the frames
Now than we have created the frames, we have to set them up so that the correct page is displayed in each frame. Each frame must also be given a name so that when a link is clicked in one frame, we can load the page in another frame. For example, if the frame on the left was used for a toolbar of links, each target page should be loaded in the biggest frame rather than replacing the link page.
To set options for each frame, select the frame by clicking on it. The options currently set for it will be shown in the text boxes and tick boxes below the frame layout. To change the settings for a frame, simply type in the new settings. They will be stored automatically.
Select the left frame, change it's name to 'left' and it's file to 'left.html'. We want all the frames to be resizable and scrollable, so leave both of these boxes ticked. Do the same with the other frames, naming the top one 'top' and it's file as 'top.html', and the biggest one 'main' with it's file 'main.hmtl'
Once all of the frames have been set up, click on Finish. All of the frame definitions will be added to the page, and a default message to people whose browsers cannot display frames will also be added. For the file to work properly, the files left.html, top.html and main.html must all be present in the same folder.