VR-T
CSS
HTML
Javascript
Paint Shop Pro
PHP
Misc.
Graphics
Interactions
Clear

Frames

This tutorial explains how to break apart a home.html type page into frames.

You need break your home.html into two files, and use another file to join them.

Put this code into a file called frames.html with no other coding in the file.

You can change the percentage "frameset cols" part, its just how much each frame is shown on the screen. In this code, the menu.html is the smaller of the two frames, as it only covers 25% of the screen while the intro.html covers 75%. The cols makes it two frames running up and down.

The border, framborder, and framespacing basically makes the frames look cleaner and more professional. They remove the grey line around the frames, so that it looks nicer.

Next you will create your menu.html and intro.html pages. You will make the intro.html your introduction page with the welcome messages, navigation notes, updates and such, which is what your home.html page probably currently has. Then on the menu.html file you will list all the pages on your site, since it's a menu. Don't forget to make a "back to main" link to take you to the intro.html for people who want the welcome message again, or guestbook codes or such.

Now, the "A" or "B" targets are very important. A is the menu.html page, B the part of the page where the intro.html shows up initially. When you add links to the menu.html page you will have to add the link target so it opens in the B frame (the intro.html side) instead of in the menu frame.

This is a very simplistic view of frames, and there is much more you can do with them. This just shows you the basics.

<-back