Frames Course


What Are Frames ?

Frames divide the browser window into several parts. Each frame consists of an individual html document. You may have seen a frames page, where the links are on the left side of the browser window. When these links are clicked on, the web page appears on the right side. The links on the left side stay visible all the time. Let's take a look at the sample frames page, that we are using in this course.

Click here for sample frame

Developing The HTML Documents

A Basic Understanding Of How To Build A HTML Document Is Required To Build A Page Using Frames. If you need help on how to build a basic HTML web page.

Developing the pages to be used in your frames page is not very difficult. All they consist of are basic HTML documents. You can even use existing HTML documents in your frames page.

I have built two plain old HTML documents that i used in the sample frames page.

Navigation Page

The first page I built was the navigation page. Nothing too hard here, just a plain html page with links.

Note: You will see a TARGET= tag on this document. This is the only different tag you will encounter on these basic html documents we will be creating in this first section.

Type these TARGET tags in your navigation page as you see them on my sample page. We will talk about targets later in the course.

Content Page

The second page I built was the content page. This can be your main web page. Again this page is a basic html document nothing more or nothing special.

Also an alternative noframes html document should be built. This is addressed in the next section.

Build A Noframes Version Of Your Web Page

Not all browsers can accomodate frames and some may choose not to display frames. For these reasons it is important to have a noframes version of your web page. This way the reader can choose to view your page in frames or not. The easiest way to achieve a noframes version is to build a single HTML document that includes all your links and contents from your main web page. You can build this page as elaborate as you want.

These three html documents should be built first before moving on in the course.

  • the content html page
  • the navigation html page
  • the noframes html page