Tutorial 2

When starting out with a new framed site, you do not need to name your pages cell 1, cell 2, or cell 3. You
can name them whatever you want, but you have to make sure the names correspond with the code
names. Keep in mind that if you're using uppercase letters you must use them in the code. Example, if
using the word Left written as it is, you must capitalize the L.

For instance, let's take the code sample above. Notice all the cell names are included, but your pages are
named left, main, right. Let's rename them and look how the code will look:

.

Have you ever seen a framed site with those gray lines separating each cell? In order to blend everything
together, we are going to add frameborder="0" framespacing="0" to get rid of those lines just like I did for
this version of Circus World. I am demonstrating the exact code I used for this version of the circus. My 3
cells are named left, main, right.......the exact same as my pages are named. You can click on the graphic
below to see what I'm referring to. More detailed information on the Borders page.

Eliminating Borders between Frames

<FRAMESET COLS="100,*,100">

<FRAME NAME="A" SRC="cell_1.htm">

<FRAME NAME="B" SRC="cell_2.htm">

<FRAME NAME="C" SRC="cell_3.htm">

</FRAMESET>

<FRAMESET COLS="100,*,100">

<FRAME NAME="A" SRC="left.htm">

<FRAME NAME="B" SRC="main.htm">

<FRAME NAME="C" SRC="right.htm">

</FRAMESET>

<FRAMESET COLS="100,*,100" frameborder="0" framespacing="0">

<FRAME NAME="A" SRC="left.htm">

<FRAME NAME="B" SRC="main.htm">

<FRAME NAME="C" SRC="right.htm">

</FRAMESET>

Now, see the two numbers 100 in the code above? You can change these to whatever you want to either
shrink cells 1 and 3 or make them wider. I used 135,*,135 in my code on the actual site. By doing this,
the blue cells are wider and the yellow cell is narrower. You can adjust these numbers to suit yourself.

The link used to open the circus is: http://circusworld.rightstuffhosting.com/ "Target="_new

You don't want outside web sites to open in any of your frames. One way to prevent this is by using the
"target="_new so the outside site will open up in a new browser window. There are other extensions
which can be used........more on this later. I've used NEW since the beginning since Gene (I think it was
him) told me about it.

Renaming the Frame Names

This is very important to remember:

Nothing will work online if you have the extensions named htm. HTM only works in preview. You must
change each and every HTM to HTML, otherwise you will have blank pages when viewing online. Also,
when uploading to the internet, the Web Studio house icon needs to be on the Code page.