HTML

 HTML AT A GLANCE
 ADD TEXT
 ADD IMAGES
 MAKE LINKS
 MAKE FRAMES
 MAKE TABLES

 E-MAIL ME




I void all responsiblity of any content of any advertisement displayed above this line

1 Cool Helper's
Frames Tutorial


     With frames, it is really easy to make a frames page that is really ugly. You must be wise what background colors, and content that you use for frames. Also, frames just split your screen into different webpages. You will see that all that is on the page that is split is the code for frames, and the real content of the page is linked to inside the frame. In this tutorial, I will show you the code, then I will show a screenshot of the page you see. That image will also be clickable in case you want to see what it looks like in your browser. Don't use the source code on my pages, because you would find yourself very confused. If you are using a browser before Netscape 2.0, or Microsoft Internet Explorer 3.0, the images will not be clickable.


The Code:
     <html>
     <head><title>FRAMES PAGE</title></head>
     <frameset cols="20%,*">
     <frame src="frame1.html" name="frame1">
     <frameset rows="20%,*">
     <frame src="frame2.html" name="frame2">
     <frame src="frame3.html" name="frame3">
     </frameset>
     </frameset>
     </html>
The Outcome:

Example1: Click here to see in your browser.
Example1



A Closer Look

<frameset> & </frameset>- This just tells your browser that I want to split up the screen. There has to be a cols or a rows tag in this, but not both. I'll describe these tags now.

cols="#,*"- This tells the browser to split the window into 2 columns. The values can be in percentages or pixels. If you want to save some typing, the asterick (*) can be substituted as "whatever is left" of the window.
rows="#,*"- Same as the "cols" tag. You cannot use both of these commands in the same frameset tag.

<frame>- This tells your browser to display another HTML file as the content of this portion of the frameset.

src="file.html:- Tells your browser what file to display in the frame.
name="whatever"- This gives your frame a name. This will be important when you make cross-frame links.

You can have more than 2 definititions in the "cols" or "rows" tags. For example you can have <frameset cols="10%,10%,*"> You can use framesets inside framesets also, as i did above. Instead of using a "frame" tag, you can make another frameset tag. There are some more tags that you may want to be aware of before I go into cross-frame links. The first two definitions are used in the <frame> tag. The remaining are used in the <frameset> tag. Here are the definitions:

Defined: Definition
scrolling="" yes|no
noresize none
border="" number of pixels
framespacing="" number of pixels
marginheight="" number of pixels
marginwidth="" number of pixels



Cross-Frame Links

This is where the name="whatever" in the frame tag comes important. You need that frame to have a name in order to have a link display in another window. I'll show you here. Click on the button. If you don't have a JavaScript enabled browser, you will not be able to view this part.



That's it. Finally. I spent alot of time on this page, more than I ever have on a tutorial. I hope you find it benificial, and that you're a frames elite. That's all for now. See you next time.





Tickets.com

MSN Expedia Travel
© 1999 1 Cool Helper



MyWin.document.write('FRAMESET');