To create a frame,
->first we have to open a file.
->then go to the Insert menu, HTML, and Frames(through this option you can select the type of frame you want to create.Here we are going to look a left frame).


If we click on Left, a new frame will be created in the left side of the current file.


As shown in the image,there will be a line splitting the document.
->In our case we will have three files: the left one, the right one, and the one which has the set of frames. The right one is the file we had at the start.
It is in the frame known as Main Frame.
To select the file that has the set of frames you have to click on the line that splits the frames. This is only possible in case of not having been previously saved.

Main frame is the frame that is always in the initial file, into which the rest of the frames have been inserted.

For Selecting frames,
->go to the Frames panel which can be opened through the Window menu.
->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 frame Page by clicking on the border that sorrounds the frames.
->Select the frames to edit the document they may contain.
->Select the frames to specify the specific properties of each one of them.

Saving frames,

If you save the page that has the set of frames, each one of the pages included in their frames we’ll be saved too.
It’s preferible saving each file (one by one) unless all the frames had an already 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 cursor on one of them and click on the Save button.

Setting up Frames:

->After selecting a frame through the 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 displayed 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 color 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 scrolling bars will be shown or not when the frame file cannot be completely seen.
->If the No resize option is activated, it indicates that users won’t be able to change the frame size in the browser.
The Margin width and Margin height set the separation between the content of the frame and its right-left and top-bottom borders.
->If all the sets of frames are selected, then the Properties inspector will display the following options:

->In Borders you can add a line to split the frame from the rest of the frames. In case of showing the border, a color 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 used to set the frame size, and it can be introduced as Pixels, in Percent or Relative.
->We usually use two frames, one of them with size in Pixels, which will contain the browser bar, and the other frame with a Relative size, to adjust it to the rest of the browser window.

Frame content:
The frame content can be established through the Src field of the properties inspector.

Through the Src field of the properties inspector, it’s only possible to specify the file that will be loaded in the frame in first time, but we can change this later using links.
In the hyperlinks unit we learnt the possible links destinies. Those destinies could be _blank, _parent, _self, and _top.

_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

Filed under: Dreamweaver

Like this post? Subscribe to my RSS feed and get loads more!