how to make a layout

This Tut is on how to make a i frame layout. Its a simple and easy one to code, once you have got the hang of it.
It looks most effective, when the banner is neat, and pretty, and not scruffy and rough, that doesn't really look good. Once you know how to make an i frame layout, you'll find yourself picking up other things aswell , Very helpful things.

To help you, Here is a template.
Copy and paste it into Word / Notepad.

<table border=1 bordercolor=ffffff cellpadding=1 cellspacing=0 width=50><tr><td colspan=3><div style="width: 750; height: 150; overflow: auto"><img src="BANNER IMAGE URL HERE!"></center></div></td><tr><td><div style="width: 115; height: 380;background-color:e52828;overflow:auto"><center> ***********
 
 Heading
 <A href="http://PAGE URL"target=A>PAGE NAME</a>
 <A href="http://PAGE URL"target=A>PAGE NAME</a>
 <A href="http://PAGE URL"target=A>PAGE NAME</a>
 <A href="http://PAGE URL"target=A>PAGE NAME</a>
 <A href="http://PAGE URL"target=A>PAGE NAME</a> 
 Heading
 <A href="http://PAGE URL"target=A>PAGE NAME</a>
 <A href="http://PAGE URL"target=A>PAGE NAME</a>
 <A href="http://PAGE URL"target=A>PAGE NAME</a>
 <A href="http://PAGE URL"target=A>PAGE NAME</a>
 <A href="http://PAGE URL"target=A>PAGE NAME</a> 
 Heading
 <A href="http://PAGE URL"target=A>PAGE NAME</a>
 <A href="http://PAGE URL"target=A>PAGE NAME</a>
 <A href="http://PAGE URL"target=A>PAGE NAME</a>
 <A href="http://PAGE URL"target=A>PAGE NAME</a>
 <A href="http://PAGE URL"target=A>PAGE NAME</a> 
 Heading
 <A href="http://PAGE URL"target=A>PAGE NAME</a>
 <A href="http://PAGE URL"target=A>PAGE NAME</a>
 <A href="http://PAGE URL"target=A>PAGE NAME</a>
 <A href="http://PAGE URL"target=A>PAGE NAME</a>
 <A href="http://PAGE URL"target=A>PAGE NAME</a> 
 Heading
 <A href="http://PAGE URL"target=A>PAGE NAME</a>
 <A href="http://PAGE URL"target=A>PAGE NAME</a>
 <A href="http://PAGE URL"target=A>PAGE NAME</a>
 <A href="http://PAGE URL"target=A>PAGE NAME</a>
 <A href="http://PAGE URL"target=A>PAGE NAME</a> 
 </center></div></td><td><IFRAME name="A"src="MIDDLE PAGE URL"width=516 height=380 marginwidth=0 marginheight=0 frameborder=0 scrolling=auto></IFRAME></td><td><div style="width: 115; height: 380;background-color:e52828;overflow: auto"><center> 
 Thanks For The Layout Template
<a href="http://freewebs.com/gumdrop-tutorials" target="_blank"><img src="http://i28.tinypic.com/8yteoo.png" border="0" alt="Gumdrop Tutorials{Thank You Sweetest-Things.Webs.Com For The Button! <3}"></a> 
 Sisters
 LINK BUTTON
 LINK BUTTON
 LINK BUTTON
 LINK BUTTON
 LINK BUTTON 
 Affies
 LINK BUTTON
 LINK BUTTON
 LINK BUTTON
 LINK BUTTON
 LINK BUTTON 
 </table>

Ok, So start off, when you have pasted it into word, by uploading your banner into tinypic.com/photobucket.com/imageshack.us. If you haven't yet made your banner, open up your graphics programme and make the documenty blank thingy 750x150. Then decorate it how you wish to.
Once you have uploaded it, select the Direct image URL code and copy and paste into where it says BANNER IMAGE URL HERE!.
Next up is the middle page. Where it says MIDDLE PAGE URL put the page you want to turn up on in the middle. So usually it is a page which has a welcome message and/or a blog.
Now where it says PAGE URL change it to your pages, and where it says PAGE NAME put what you want people to see it as, e.g if its a monkey free layout say: Funky Monkey Layout or something like that. When you get sisters and affies, start to replace the LINK BUTTON to their link button code.
Copy and paste this code into your web editor {Where you make your website} and then save it, Bravo! You have an I-Frame layout!
If I helped you, A link back would be absolutely incredible! And if you let me know I'll make you a little something to prove my appreciation!