Why is it that this chapter has two subjects? Well, I thought that these subjects were pretty short so I should combine them both in one tutorial. The subjects are, as you can see from above, are iframes and web layouts. Let's get started! First off with web layouts...
Every site should have a decent web layout. By decent, I mean neat and sophisticated. Web layouts are what
make your site look good on the outside.
There are many types of layouts, such as Div Layers, Table, Popup, Iframe, and more. If you are confused on what a web layout is, I'll give you a quick example. TBT's layout is what this page is in :D. As I'm writing this, currently the web layout is version Brain Tree and the color scheme is orange and brown.
So how do you get a web layout? That's easy. First you should start off with a premade layout from another site.
It makes your site look better than a beginner's layout (no offence).
Unfortunately, TBT does not have any web layouts for use cause we only offer tutorials here XPP. Try looking around a few sites. A lot of them have some such as Neo-Reality, SunshineNeo, Chaos-Neo, Seraya, Neo-Faeriewings, and Neo-Confessions :D. If you want to make your own web layout but have no clue how to, try observing the codes of simple website layouts, but no stealing xP. After you chosen your web layout, paste the code into your editor and place your text where it says TEXT HERE or the like. Change the links (which should all be broken) to your own. If you do not know how, go to Chapter I.
If you've decided to make your own, make sure you have a theme. Then make sure your top banner is well blended and the colors are not blinding XD. You can also use CSS (Chapter IV) to alter your scroll bar colors a tad bit ;-).
Never ever have more than one layout for your pages (you probably wouldn't do that but I've seen a lot of sites that have). This makes your site look ugly. It's very pointless as well XD. So dont do it unless you're using skins :P.
Remember, if you are making a new page, you'll have to put the link on every page you have so far, which could take a looooooong time. Of course, unless you have iframes :D. Read on to find out more about these "iframes".
Iframes stand for "Inline Frames". What are inline frames in the first place? Inline frames are basically
a box that can appear anywhere (in this case, a web layout). You know, kind of like a picture frame.
First of all, you need a page called index.html. As you probably know by now, index.html will always be your first page of your website. Index.html should have your web layout you want with all your links on it and content.
When you didn't have iframes, all your pages had your web layout on it, right? Well, when you're using
iframes they won't. This may take a while, but get rid of the web layout code (only) on all of your pages
other than index.html. Done that? Now add the code below to where you put your content on your web layout.
See where it says width=300 and height=500? Change the number to fit your weblayout. Make sure you don't
make the width too big as it can make your layout stretch and look extremely ugly xD. Change the
URLHERE to the page URL you want to show up when someone first visits your page.
Now you have to edit ALL your links (which might take a while) XD. Remember
Chapter I when you learned how to target a link to a new page? Now you have to target your links to the
center. As you can see from the code above, the iframe name I gave you was "center". So instead of
target="_blank" we're going to do target="center" . Your code for your links should now be
One of the worst things you can have is someone being stuck in your frames. When your going somewhere
out of your site, you don't want it to open up in your middle frame. So target it to a new page.
I guess that concludes the third chapter! Look out for chapter four!
~Nicolette