introduction
very basic information
what is important, and what doesn't matter
the basic page
HEAD and BODY
HTML Tags
META Tags
backgrounds - colors
backgrounds - images
pictures
links
pictures as links
email links
tables part 1
tables part 2
lining things up
frames part 1
frames part 2
frames part 3
what tools to use
putting it all together
making search engines love you
viewing your page as you work
making your page pay for itself
page counters
resources
how do they do that?
being sure it's right before you go public
my links
my sponsors
What NOT to do
|
Frames part 1
CAUTION - Be sure you know what you are doing when you use frames. There are many ways to go wrong.
To make the simplest framed page, you need 3 pages:
-
The frameset page
-
The first (lets call it the left side) page
-
The second (main) page
The first and second pages are normal HTML pages. The frameset page (for a left and right frame page) looks like this:
Click to view resulting page
<HTML>
<HEAD>
<don't forget to put in your META tags>
<TITLE>
</TITLE>
</HEAD>
<FRAMESET COLS=25%,*>
<FRAME SRC=left.html NAME=left>
<FRAME SRC=right.html NAME=right>
</FRAMESET>
<NOFRAMES>
<BODY>
Here is all the text your visitors who don't have frames-capable browsers
will see.
</BODY>
</NOFRAMES>
</HTML>
Notice that the columns are defined as 25%,* - That means the left column will be the width of 25% of the space available, and the rest "*" will be used by what remains. Instead of defining it in terms of percent, you could define it in terms of pixels: COLS=200,* would give you a left column 200 pixels wide, and the remaining would be the right side. The pages framed in this example are left.html and right.html.
The frameset page (for a left, center, and right frame page) looks like this:
Click to view resulting page
<HTML>
<HEAD>
<don't forget to put in your META tags>
<TITLE>
</TITLE>
</HEAD>
<FRAMESET COLS=25%,*,50%>
<FRAME SRC=left.html NAME=left>
<FRAME SRC=center.html NAME=center>
<FRAME SRC=right.html NAME=right>
</FRAMESET>
<NOFRAMES>
<BODY>
Here is all the text your visitors who don't have frames-capable browsers
will see.
</BODY>
</NOFRAMES>
</HTML>
And now for one with a frame across the top, and below that, two frames side by side: Click to view resulting page
<HTML>
<HEAD>
<don't forget to put in your META tags>
<TITLE>
</TITLE>
</HEAD>
<FRAMESET ROWS="100,*">
<FRAME SRC=top.html NAME="top">
<FRAMESET COLS="150,*">
<FRAME SRC=left.html NAME="left">
<FRAME SRC=right.html NAME="right">
</FRAMESET>
</FRAMESET>
<BODY>
Here is all the text your visitors who don't have frames-capable browsers
will see.
</BODY>
</NOFRAMES>
</HTML>
|