home    egovision html tutorials    tuorials home

Lesson 6. Introducing Frames.

What are Frames?
Frames are a way of dividing up the space in a browser window into more manageable "chunks." The great thing about this is that it creates an easy way to speed up how fast your site loads.
For example, you might have a set of navigation buttons to get around your site and want them to be visible no matter where a visitor is on your site.

The Straight Forward Solution would be to include the same piece of html in every page on your site but this is not practical. Including large chunks of duplicate code in every HTML document adds unnecessary bulk to your Web site and the increased document sizes combined with the fact that the graphics have to be reloaded in every instance is a real drag on a site that you have painstakingly optimised in every other way to make it load quickly.

The Alternative Solution is to use Frames. Split your site up into two "chunks", the first is the navigation system (aforementioned bulky, repetitive code) and the second is the actual content. Using frames will allow you to split the browser window either vertically or horizontally and at any position.
Having specified the two areas you can create a separate HTML document for the navigation stuff that stays displayed in one area while the content that it links to changes in the other. The code for the navigation only gets loaded once, your HTML documents are smaller and easier to edit, the site looks really slick and it all loads up a lot faster because there's no unnecessary repetitive reloading clogging up the bandwidth.

........ and that's not all either........... it's easy!!

next lesson
 
egovision


Tutorial Site Map

HTML Resource Centre

Lesson 6
Introducing Frames
  • What are Frames?
Lesson 7
Creating a Frameset
  • Setting out frames, Basic syntax
Lesson 8
Further Frames
  • Nested Frame Sets
  • Naming Frames
  • Linking Between Frames
  • Escaping From Frames
Lesson 9
Customising Frames
  • Frame Attributes
  • NOFRAMES tag
Lesson 10
Floating Frames

(HTML4 Netscape 5 &
Microsoft Explorer ONLY)
  • IFRAME - Breif History
  • Using IFRAME