Tools - Frame Builder

The Frame Wizard allows you to create even the most complex frames in a simple and enjoyable way. With a few clicks you can visually create layouts, resize them, or make layout modifications.

The content of the wizard's window has been thematically grouped into five tabs, which significantly facilitates work in the tool:

Launching

You can run the tool from Home name / Tools / Frames / Frame Creator. The command icon is shown next to it.

When you start the wizard, you will be asked to name the document in which you want to place the frame structure. Once this document is created, the tool window will be enabled.

Defining the layout of frames

In this tab you can visually create the layout of frames in the document.

The original layout is two vertical frames. You can change it in the second tab of the tool, or using the context menu that appears after right-clicking on the selected frame.

Select a frame (the current frame is highlighted in white) and then use the menu buttons:

Split vertically
Click to split the current frame into two vertical frames.

Split horizontally
Click to split the current frame into two horizontal frames.

Delete the selected division
Click to delete the division of the current frame. All frames that make up the division (FRAMESET tag) will be removed. Each pair of frames that form a division is surrounded by a single border, making it easier to see how the divisions go.

Resize layout preview
Select the size of the layout preview from the list. You can choose from standard screen sizes in Windows:

  • 640x480
  • 800x600
  • 1024x768
  • 1280x1024
  • 1600x1200
  • Default - adjusts to the dimensions of the window

If you want to change the aspect ratio of the division, "grab" the outline of the frame and drag it to the appropriate place.

To edit the current (highlighted in white) frame, go to the next tab - Settings of the selected frame. To do this, you can double-click on the selected frame.

Settings of the selected frame - Division and settings of the main frame

In this section of the Settings tab of the selected frame, you will set options for the frame layout, which includes the current frame (FRAMESET tag).

Method of division
Choose how the frames are to be placed:

  • Vertical split - frames will be placed side by side
  • Horizontal split - frames will be placed one above the other

Style
In this field you define the style for the element to be placed in the document. The button next to it launches the style editor tool that allows you to create a style definition in a friendly and convenient way. By clicking there you can also modify an existing style.

Class
In this field you specify the class identifier assigned to the tag. The drop-down list allows you to access the classes defined in the current document and in the external style sheets attached to it. The button next to it launches the tool for creating a new class.

ID
Here you specify a unique identifier for this element in the document. These IDs can be used, for example, when loading a document into a frame, etc.

Border around the frame
Check this option if you want to specify the thickness of the border around the frame. This setting has a deprecated (deprecated) status and it is not recommended to use it. It is recommended to use CSS styles.

  • Border thickness - enter the thickness of the border

Border color
Check this option if you want to select a border color, then click in the box next to it to open a color palette that allows you to indicate the color. This setting has a deprecated (deprecated) status and it is not recommended to use it. It is recommended to use CSS styles.

Frame spacing
Enter the spacing to be maintained between adjacent frames.

Settings of the selected frame - Settings of the subframe

In this section of the Selected Frame Settings tab, you will set the options for the current frame (selected in the Define Frame Layout tab).

Frame name
Enter the name of the current frame.

Content
Enter the address of the document to be loaded into the current frame. You can use the drop-down list, which lists the paths to recently used documents, or the file selection tool (the button next to the field).

Size
Specify the size of the frame (width - when the frames next to each other, the height when one above the other)

  • Size in percentage - Check this option if you want to specify the size of the frame in percentage. In this case, a slider will appear, with which you can select the percentage value.

Protect against resizing
Check this option if you want the project visitor to be unable to resize the frame. Otherwise, when he places his mouse over where the frame ends, he will be able to "grab" it and resize the frame.

Scrollbars

Choose whether to include scroll bars in the frame. Three options are available:

  • Automatic - will automatically appear when the document that is the content of the frame will not fit entirely in it,
  • Always visible - they will be visible regardless of whether the document needs to be scrolled through or fits in its entirety,
  • Always hidden - they will never be visible (if it happens that the document does not fit in the frame, it will not be possible to scroll through it).

Margin width, Margin height
Enter the width and height of the margin around the frame.

Style, Class, ID, Border around frame, Border thickness, Border color
These elements allow you to set the options for the current frame, acting identically to the analogous elements that specify the options for the parent frame in the Split and main frame settings section.

Additional page settings

In this tab you can set options for the page containing the frames structure.

Page title
Enter the title of the page (TITLE tag).

META section setup
Click to open the META Section Editor to set document information.

Also insert tags outside the specification
If you check this option, Spider will also insert in the final code of the frame page those attributes that are not recommended in the HTML specification. If you disable this option, these attributes will be omitted, even if you set them in the options of the Settings tab of the selected frame.

Content displayed in a browser without frame support
In this field you can enter the content to appear in a browser that does not support frames. In practice, such browsers are no longer used, as even new text browsers can handle frames correctly.

Frame structure preview

This tab shows the appearance of frames in the document along with their contents according to the selected settings.

Changing the preview size
Choose a preview size from the list. You have a choice of standard Windows screen sizes:

  • 640x480
  • 800x600
  • 1024x768
  • 1280x1024
  • 1600x1200
  • Default - adjusts to the dimensions of the window

Source code preview

In this tab you can view the source code that will be inserted into the document.

You have three code styles to choose from:

  • HTML - capital letters - the code will be presented in HTML, where all tags their attributes will be written in capital letters
  • HTML - lowercase - the code will be presented in HTML, where all tags their attributes will be written in lowercase letters
  • XHTML - the code will be presented in XHTML (successor to HTML).

Line wrapping in frame source code preview
Select this option to have the source code in the preview window wrapped so that all tags and their contents are visible.

Related topics

To top