Video:Creating Webpage Frames

SHARE ON                

Transcript:Creating Webpage Frames

Hi, I'm Don Schechter for About.com Computing. Today I'm going to show you how to create webpage frames.

Documents Needed to Build Webpage Frames

To create a webpage that uses framesets to organize your content, you need an HTML document with a frameset and an HTML document for each frame. The frameset tells the browser how to divide the screen into split windows.

Add Column Frames

First open Notepad, or any text editor. I'll open a previously saved HTML document that already has the basic outline of a webpage. To add a column frame on the left side, which you can add links to your different pages, type in brackets frameset cols=the number of pixels you want the width of your column to be. I'll type 120. Type a comma and and asterisk, which means the other frame will be the remainder of the window. Don t forget to close the frameset tag.

Name the Frames

Adding names to each frame allows us to add a link in one frame and have it open in a different frame. This is ideal if you want a menu on the screen while viewers browse around your website. To add a name to each frame, we'll have to first identify the HTML document we want to open in each frame. In the frameset tag, type in brackets, frame source (src) = in quotes the name of your HTML document you want to open in the left column.

I'll type menu.html and close the quotes. This is how I saved the HTML document I want to open by default in that frame. Now I'll give this frame a name by typing name = and in quotes menu. Don't forget to close the bracket. You'll need another frame source for the remainder of your webpage. I'll name it main and close the brackets.

Now that you have the basics to create frames, you can learn how to add attributes, and use targets to open links in a different frame. Thanks for watching. For more information, visit computing.about.com.