|
OK, let's make home.html, here.html and
there.html. Since you've been working very hard (and
I'm sick of typing), just go ahead and copy the following into
Notepad and save them.
Save the following as home.html
<HTML>
<HEAD>
<TITLE>A Practice Page- Home</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<H1 ALIGN=center>You are home.</H1>
Welcome to my homepage! This page should be attractive and easy
to navigate because my friend Jafri, besides being VERY
handsome, has taught me the right way to build Frames!<P>
<CENTER>Enjoy your stay!</CENTER><P>
</BODY>
</HTML>
Save this as here.html
<HTML>
<HEAD>
<TITLE>A Practice Page- Here</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<H1 ALIGN=center>Here</H1>
Welcome to here. Here is where everything happens. Here you'll
find more neat stuff than something unwanted. Try to put up
something creative in your site.
</BODY>
</HTML>
And of course this one as there.html.
<HTML>
<HEAD>
<TITLE>A Practice Page- There</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<H1 ALIGN=center>This is There</H1>
I would like to make a proposal. We have all seen that little
arrow on signs that say "You are here". Wouldn't it be
better if there were also another arrow that says "You
should be there". It would make things so much easier.
Funny thought?????
</BODY>
</HTML>
We forgot something. If you caught the problem back when you
were making the directory page... good! So open up directory.html
and add the necessary TARGETs.
<HTML>
<HEAD>
<TITLE>Practice Page- Directory</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<H3>Directory</H3>
<A HREF="home.html" TARGET="MAIN-WINDOW">Home</A><P>
<A HREF="here.html" TARGET="MAIN-WINDOW">Go
here</A><BR>
<A HREF="there.html" TARGET="MAIN-WINDOW">or
there</A><P>
or visit<BR>
<A HREF="http://www.yahoo.com/" TARGET="_TOP">Yahoo</A><BR>
<A HREF="http://home.netscape.com/" TARGET="_TOP">Netscape</A>
</BODY>
</HTML>
Now, works pretty good, doesn't it! Now just for fun, let's
add a link from your home page to me at Professional Web Design.
Open up home.html and plug it in. Make sure you add
the proper TARGET because although I really like you,
I don't want to show up in your window.
<HTML>
<HEAD>
<TITLE>A Practice Page- Home</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<H1 ALIGN=center>You are home.</H1>
Welcome to my homepage! This page should be attractive and easy
to navigate because my friend Jaffri, besides being VERY
handsome, has taught me the right way to build Frames!<P>
<CENTER>Enjoy your stay!</CENTER><P>
Visit Jaffri at <A HREF="http://knrfrinds.20m.com/tutorials"
TARGET="_TOP">Professional Web Design</A>.
</BODY>
</HTML>
View the finished
product.
Well folks, that's it!
For this tutorial that is. You have learned everything you
need to create Framed pages. There is a little more, but 95% of
what you'll need to do can be done with what was covered in this
tutorial
<--BACK
|
