This is an ad.
 
Webmonkey Kids
Webmonkey Kids
Lessons
Projects
Playground
Tools

Introduction
icon Frames Are a Picnic
Building the Frameset
More Chicken!
Adding the Frames
Sizing the Frames
Hanging the Frame



Parents and Teachers:
Find out how your kids can use Webmonkey for Kids as a learning tool at home or in the classroom with our Planning Guide.

Send us feedback

Lesson B: Frames
Building the Frameset


et's call this frame document picnicplate.html. It doesn't have any colors or words or anything else that gets displayed, but it tells the browser which other sub-pages (chicken, pasta salad, Jell-O) to pull into the Web page. So within this page, you have three sections set up for three different pages: chicken.html, pastasalad.html, and jellocubes.html. Our frame document, picnicplate.html, makes space for each section and then pulls each page into its space, keeping them separate - yet related - and allowing you to enjoy all of them at once.

Every frames page begins with a <frameset> tag that replaces the <body> tag you find in normal HTML pages. The frameset tells the page how to divide itself up, and it can be divided into either rows (which go side to side) or columns (which go up and down), but not both. These columns or rows can then be further divided by nesting additional framesets, which means putting framesets inside of other framesets - we'll get to that a little later.

For our picnic page, we'll make our first frameset have columns, so the page will be split into two up-and-down sections. There are two columns: The left-hand column will hold chicken.html, and the right-hand column will hold both pastasalad.html and jellocubes.html, like this:

[Page]

Back

Next Page