• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Lesson 9. Creating Frames

Lesson 9. Creating Frames

Frames work by splitting the browser window into rectangular areas that contain independent HTML content. Each frame is a separate HTML file. Frames are commonly used to define navigation and content areas for a page. Typically, the navigation area remains constant, and the content area changes each time a navigation link is clicked. The use of frames can be extremely helpful to a user for navigation through a site. Frames can also make a site easier to modify, because there is only one navigation page to update. On the other hand, frames can degrade a Web site if they are poorly implemented: They may confuse and disorient users if they do not provide a clear site structure, or they may make the content difficult to view if they are not properly sized and formatted.

In this lesson, you will work in the page shown here, and in others, to create and change the properties of framesets and frames, resize frames, and use links to control their contents.

When a user views a Web page that has been created with two frames, the browser is actually using three separate files to display the page: the frameset file and the two files containing the content that appears inside each of the two frames. A frameset is an HTML file that is invisible to the user and which defines the structure of a Web page with frames. A frameset stores information about the size and location of each frame, along with the names of the files that supply the content for each of the frames. Frames have borders that can be turned off so the frames are not readily apparent to the user, or they can be turned on to clearly split the window into different panes.

In this lesson, you will work with frames to create a Web page containing a navigation area and a content area. You will develop a set of pages that will all appear in the content frame when the user selects a link from the navigation frame, and you will learn how to target links to different frames. You will also learn how to include content for browsers that do not support frames.


In this lesson, you will:

  • Create a frameset

  • Save a frameset

  • Create frames and nested frames

  • Resize frames

  • Change frameset and frame properties

  • Create documents within frames

  • Target frame content

  • Create NoFrames content


This lesson should take about two hours to complete.


Media Files:

Lesson_09_Frames/Images/…(all files)

Starting Files:




Completed Project:








Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint