HTML AT A GLANCE
ADD TEXT
ADD IMAGES
MAKE LINKS
MAKE FRAMES
MAKE TABLES
E-MAIL ME
|
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:Example1A 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.<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.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:
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.
|
