FAQ FAQ | Forum Rules and Policies Forum Policies
 
Memberlist Member List | Community Community

Navigation

Home
Tutorials

Sell Your Website
References
Web design tips
Dating
Graphic Design tips
Search Engine Promotion
User-Agent database
About the Internet
Web Technology
Web Screenshot Archive
Our Newsletter
Search

Free Stuff
Free graphics
Free desktop wallpaper
Free HTML templates
Free scripts

Free web-based tools
Graphic Design Contest
Affordable Web Hosting
Website Business Tips
Diaper Cakes


Services
Website Business Ideas
Services summary
Web design services
Web design packages
Logo design services
Graphic design services
Pricing
Portfolio
Custom Website Design
Unique Baby Gifts

Inside i.D.
Our partners
Advertise
Site Map
FAQ
Contact
About

HTML Frames tutorials - Part 2

Now that you understand what frames can do and what they are used for. Lets take a look at how to make one, and some examples.

A Frame Document has a basic structure very much like your normal HTML document, except the BODY container is replaced by a FRAMESET container which describes the sub-HTML documents, or Frames, that will make up the page. Lets look at a piece of the HTML code.

<HTML>
<HEAD>
</HEAD>
<FRAMESET>
</FRAMESET>
</HTML>

That is the basic shell of frame code. Lets take a look at another piece of code a bit more complex.

<HTML>
<HEAD>
<TITLE>Frames Tutorials</TITLE>
</HEAD>
<frameset cols="35,65">
<frame src="framemenu.html">
<frame src="news.html">
</frameset>
</html>

Lets break the above code down a bit.

<FRAMESET COLS="35,65">

This is specifying that the page will call 2 framed columns, one taking up 35% of the page, the other taking up 65%.

<FRAME SRC="framemenu.html">

This calls a page named framemenu.html, that will be used for the first column, 35%.

<FRAME SRC="news.html">

This calls a page named news.html, that will be used for the second column, 65%.

You can break it down in any percentages you wish, however any totals over 100% and your users will have to scroll to view the rest of the content.

Lets look at what this page looks like so far. Click here to check it out.


Frame Tutorials, Part 3

Return to the Tutorials Index


Cool Sites

Website Templates
Free Hit Counter
$2.95/month Web Hosting
Reseller Hosting

 



Logo Design | Photoshop Tutorials | Dreamweaver Tutorials | Non GMO Canola
© 2000-2004 IceHouse Designs, Inc. View Privacy Statement.

Valid HTML 4.01!

Valid CSS!