Unit 8. Using Frames (II)


Selecting frames

 

If you want to select the frames of a document you have to go to the Frames panel which can be opened through Window menu. If the Frame option isn't in this menu, it may be in Others option. You can also open the Frames panel by pressing the combination Shift+F2 keys.

The frames that are in the frame document are found in the Frames panel, and we can go through them by clicking on them in the panel. You can also select the frames Page by clicking on the border that sorrounds the frames.

It isn't necessary to select the frames to edit the document they may contain.

It's necessary to select the frames to specify the specific properties of each one of them.

 

Saving Frames

 

All documents that have frames must have a Page inside each one of them. This is why when you create a frame, new pages are loaded by defect in each one of them apart from the frame that has the original page.

These new pages can later be replaced by other previously existing pages as we'll soon see.

It's necessary to save the page that has the set of frames, and so each one of the pages are included in their frames.

It isn't recommendable to save the frames for first time with the Save all option, because we can make mistakes when naming the new files.

It's preferible saving each file one by one unless all the frames have an existing page, because in this case the unique file that will have to be named will be the one that has the set of frames.

To save a file that has a set of frames, you have to previously select it.

To save each one of the documents, you just have to place the mouse over them and click on the Save button.

 

Setting up Frames

 

After selecting a frame through Frames panel, its properties can be established through the properties inspector.

Each frame has a name assigned that can be changed through the Frame name option. The name cannot have blank spaces.

Src is the HTML file name that is in the frame.

In Borders you can select a line that splits the frame from the rest of the frames. In case of showing the border, a colour for this can be specified through Border color. You can also establish a width for the border through the Width option.

Scroll will indicate whether moving bars will be seen or not when the frame file cannot be completely seen.

If the No resize option is activated, it indicates that users wont be able to change the frame size from the browser.

The Margin width and Margin height indicates the separation between the content of the frame and its right-left and superior-inferior borders.

If all the sets of frames are selected (from the frames Page), then the Properties inspector is different.

In Borders you can select a line that splits the frame from the rest of the frames. In case of showing the border, a colour for this can be specified through Border color. You can also establish a width for the border through the Width option.

The Column field (or Row) is for specifying the frame size, as it can be in Pixels, Percent (of the window) or Relative (proportional to the rest of the frames).

You will normally use two frames, one of them with size in Pixels, which will contain the browser bar, and the other frame with Relative size, to adjust it to the browser window.

Frame content

 

As you have seen, the frame content can be established through the Src field of the properties inspector.

When we work with frames, we want to load different files in each one of them.The content of any frame has to be fixed, while others can change.

Through the Src field of the properties inspector, it's only possible to specify the file that will be loaded in the frame, but we can change this file through links.

As you remember, in the hyperlinks theme we learnt the possible links destinies. Those destinies may be _blank, _parent, _self, and _top. Lets us remember what are they used for. You now know how to work with frames and they will be easier to understand.

_blank:

Opens the file linked in a new browser window.

_parent:

Opens the linked file in the frame window that has the link or the set of main frames. As you know, the main frame is the frame where the initial file is and where the rest of the frames have been inserted.

_self:

Is the predetermined option. It opens the linked file in the same frame or window as the link.

Opening the linked file in the whole browser window means that the window frames will disappear when you open the link in it.

In addition to these destinies for the links, you will also see the name of the different frames in the Page.

We can add all these destinies to any element of the Page that has any link, it can be a text, an image, an image map, a flash element, etc.

Thanks to all of this we can make browser bars and the rest of the links work as we please, loading Pages in some of the frames, in a new window, in the whole window, etc.

This task can be difficult and complicated at the begining, but it leads to good final results.

Aucaclic courses can be seen on the net using a superior frame with pull-down panels.

To practice you can perform the Step by step exercise in Creating and configuring frames.

  Unit 8 exercise

  Unit 8 evaluation test



  Go to the previous page page Content  Go to the nex page  

Page 8.2

Legal warning: Authorised on-line use only. It is not allowed the use of these courses in companies or private teaching centres.
aulaClic. All rights reserved. Reproduction in any form whatsoever is prohibited.
November-2005.