PageTutor.com - HTML Tutorials

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>.

 

So there you have a simple framed page. Is there more? Oh yeah... much much more. In the members area you'll learn more about frames, how to size them, link to them, link between them and a whole lot more. You'll learn about borderless frames, embedded frames, and you'll even get a bunch of common frame layouts in template form.

Yes sir, there is a LOT more to frames... you'll learn plenty. But you'll need to become a member first...

 

<< BACK         NEXT >>
pagetutor.com

QUICK SITE GUIDE

"Live as if you were to die tomorrow. Learn as if you were to live forever."
- Mahatma Gandhi