|  | PageTutor.com

Ok, now the fun stuff... making your master page. Start with this.

    <HTML>
    <HEAD>
    <TITLE>My Framz Page- The Master Page</TITLE>
    </HEAD>

    <BODY>
    </BODY>

    </HTML>

Remove the `<BODY>` tags. The master page doesn't use them...

    <HTML>
    <HEAD>
    <TITLE>My Framz Page- The Master Page</TITLE>
    </HEAD>

    </HTML>

...it uses `<FRAMESET>` tags instead.

    <HTML>
    <HEAD>
    <TITLE>My Framz Page- The Master Page</TITLE>
    </HEAD>

    <FRAMESET>
    </FRAMESET>

    </HTML>

To keep things a little cleaner, I'm going to stop writing the `<HTML>`, `<HEAD>` and `<TITLE>` tags. Needless to say, keep them in your document.

    <FRAMESET>
    </FRAMESET>

Now's a good time to save it. Save it in your folder (with all the girls) as `index.html`. If you try to open it with your browser now it will be blank. All you have said so far is "This is my Master Page".

Now let's start defining just how things are going to look. Tell the browser to split the main window into 2 columns, each occupying 50% of the window.

    <FRAMESET COLS="50%,50%">
    </FRAMESET>

This will still be blank, we have one more thing to do before our 'system is operational'.

We must tell the browser what to put in each frame.

    <FRAMESET COLS="50%,50%">
      <FRAME SRC="lisa.html">
      <FRAME SRC="terri.html">
    </FRAMESET>

VIEW IT. You are now the proud parent of a fully functional Framed page!

One last thing before we go on. Note that `<FRAMESET>` is a container tag, and `<FRAME>` is not. For those that don't know what that means, a container tag has an opening `<TAG>` and a closing `</TAG>`.

<< BACK NEXT >>

PageTutor - Frames Tutor
Lessons: Intro 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 Templates
Barebones HTML Guide Joke Break
Print version available - Get the PageTutor book & CD
Become a member - Get more good stuff!

Invest in the future - Hug your kid today.