eXtropia: the open web technology company
Technology | Support | Tutorials | Development | About Us | Users | Contact Us
 ::   Tutorials
 ::   Presentations
Perl & CGI tutorials
 ::   Intro to Perl/CGI and HTML Forms
 ::   Intro to Windows Perl
 ::   Intro to Perl 5
 ::   Intro to Perl
 ::   Intro to Perl Taint mode
 ::   Sherlock Holmes and the Case of the Broken CGI Script
 ::   Writing COM Components in Perl

Java tutorials
 ::   Intro to Java
 ::   Cross Browser Java

Misc technical tutorials
 ::   Intro to The Web Application Development Environment
 ::   Introduction to XML
 ::   Intro to Web Design
 ::   Intro to Web Security
 ::   Databases for Web Developers
 ::   UNIX for Web Developers
 ::   Intro to Adobe Photoshop
 ::   Web Programming 101
 ::   Introduction to Microsoft DNA

Misc non-technical tutorials
 ::   Misc Technopreneurship Docs
 ::   What is a Webmaster?
 ::   What is the open source business model?
 ::   Technical writing
 ::   Small and mid-sized businesses on the Web

Offsite tutorials
 ::   ISAPI Perl Primer
 ::   Serving up web server basics
 ::   Introduction to Java (Parts 1 and 2) in Slovak


Introducton to Web Design
Single Window Frames  
  • Popup windows are cool, but single-window frames are what really took off with Netscape Navigator 2.0

  • Single-window frames allow you to divide up a single browser window into separate browsers, each able to load unique HTML documents and each named and targetable by each other.

  • You have already seen a frame-based page in the introduction, so we won't waste any more time, and get right into the details...

  • Frames are specified using the <FRAMESET>, <FRAME> and <NOFRAME> tags and various attributes for each.

  • The table below outlines the functions of each

<FRAMESET> - </FRAMESET> The main frame definition tag. This tag goes within the <HEAD> element.
ROWS Defines the size and number of rows using a comma-delimited list of height values either in absolute pixels or as a percentage of the total usable area.
COLS Defines the size and number of columns using a comma-delimited list of width values either in absolute pixels or as a percentage of the total usable area.
<FRAME> Defines a single frame within a frameset. There is no closing tag
SRC Defines the HTML source document that should be loaded into a frame. It takes a URL just as the HREF attribute in the <A> tag.
NAME Specifies the name that will be used to identify the frame by other frames or other windows. This can be any text string, but try to make it meaningful such as "table_of_contents_frame". Several key names have been reserved. These are _blank, _self, _parent, and _top. So don't use these unless you mean to reference those particular frames
MARGINWIDTH Sets a horizontal margin of the given number of pixels.
MARGINHEIGHT Sets a vertical margin of the given number of pixels.
SCROLLING This attribute is used to manipulate a scroll bar within the frame. It can be set to YES, NO, or AUTO. If it is set to yes, there will always be a scrollbar. If it is set to no, there will never be a scrollbar. And if it is set o AUTO, a scrollbar will appear only when needed (ie: the user resizes the frame)
NORESIZE This attribute prevents the user from resizing the frame.
<NOFRAME> - </NOFRAME> Specifies content in case the browser viewing the document does not support frames. It is a very good idea to make sure that your site navigation works with or without frames.

Previous Page | Next Page