Frames

The "Frames" button allows you split your webpage up into a number of sections, or "Frames". Each "frame" can display different content.
The WebWizard includes 65 built-in frame layouts, each of which can be edited to suit your particular needs. Firstly, you need to decide how many "frames" you want in your page - In this example, we'll use 3.
Example
  • Click the "Frames" button, then in the resulting window, click the "3" icon.
  • You will then be presented with a selection of different layouts, each containing 3 frames. Select the layout which is the closest match to your desired layout.
  • The window will then change to show an icon for your selected layout, and spaces to add information about each of the 3 frames.
  • To select a different layout, right-click the layout icon
  • To alter the "sizes" of each frame within your selected layout, see Interactive Frames
  • Once you are happy with your selected layout, proceed to enter details about the frames:
    • Options
    Border Width:Sets the thickness of the border (in Pixels) between adjacent frames
    Border Color:Sets the color of the border between adjacent frames
    Source:Sets the URL of the document to be loaded into that particular frame
    Source:Sets a name for that particular frame. Useful if accessing frames through scripting
    Margin Width:Sets the width (in Pixels) of the margins for the particular frame
    Margin Height:Sets the height (in Pixels) of the margins for the particular frame
    Scrolling:Sets whether scrollbars will be available in the particular frame. Possible values are:
  • Yes - Scrollbars will always be displayed, whether the page content exceeds the viewable area or not
  • No - No scrollbars will be displayed, and the page content will not be scrollable
  • Auto - Let the browser decide whether to display scrollbars (Usually only displayed if the page content exceeds the viewable area, otherwise they are hidden)
    • Allow Resize:Allow visitors to resize the frame (by dragging its borders). The new frames sizes are not saved, and will only be visible to the visitor making the changes. Each time your page is reloaded, the original frame sizes will be used
    Alternate Frames Content:This allows you to define alternate HTML content for browsers which do not support frames. All current browsers support frames, so this option is included for backwards compatibility with older browsers. If you use this option, it's good practice to include information for the visitor on how they can upgrade their browser to a frames compatible one.
    Start a file for each new Frame:If unchecked, The WebWizard will generate the code for your "frameset" page (the page which defines all the frames contained within it). If checked, the WebWizard will also start a new file for each frame within the frameset. See also Working with Multiple Files

    Example: (cont.)
    Frame 1: Source:page1.html
    Frame 2: Source:page2.html
    Frame 3: Source:page3.html
    Code Generated:<FRAMESET COLS="40%,60%">
    <FRAMESET ROWS="30%,70%">
    <FRAME SRC="page1.html">
    <FRAME SRC="page2.html">
    </FRAMESET>
    <FRAME SRC="page3.html">
    </FRAMESET>
    Browser Output:

    Other Options
    Brake current page out of 'Frames':This option will prevent your page from becoming "trapped" within another site's frames. This is common on sites that have lots of links to external sites, and yet want to retain their site's "branding" whilst you visit these external sites. A common example is when you click a link to an external site, the link opens, but there is a small "strip" along the top of the window containg information/links/logos for the site you just left
    Virtual Frames:Frames are often used to "position" content around the browser window. The "Virtual Frames" option allows this content to be positioned in exactly the same way, but using tables instead. This has the advantage of having all the "code" for each "virtual frame" contained within one file, along with the layout. (Frames need a file for the layout, and then a seperate file for each frame within the layout)

    Next Topic: Other Document Information (META Tags) >