Setting the Frame properties in Expression Web 3

Posted by: Minal Agarwal , on 4/17/2010, in Category Expression Web
Views: 69421
Abstract: In this article, we will look at various properties of frames.
In one of my earlier articles; ‘Using Frames in Microsoft Expression Web 2 we have already learnt how to use frames in your web pages. Using frames in Expression Web 3 is not different than it was in version 2. In this article, we will see how you can customize the appearance of your frames by using their properties.
Well though frame properties do not transform the entire look and feel of the frames, they let you customize their appearance. You can change the way a frame looks by changing its borders, margins, spacing and such other. You can also add scrollbars to scroll through the frame or lock it so that users cannot resize it in the browser. Let us take a look at the frame properties.
To open the Frame Properties dialog box, right-click inside a frame on the frames page and then choose Frame Properties. The Frame Properties dialog box is prompted as shown below:
frame_properties_dialog
 
NOTE: Most of the properties are specific to the frame you select, except for the Frame Spacing and Borders properties (explained later in this article).
To set the basic properties
a.    Give a relevant name to the frame.
 
b.    In the Initial page box, type the URL of the initial page you want to show up in the frame. If you want the frame to display a new page, then add its name as the initial page, type in the ‘url’ and then create a new page, with the same name (and the directory) as mentioned here in the Initial page box.
 
c.    Enter a long description for the frame.
 
d.    Give a title to the frame.
To change the Frame size
In the Frame Properties dialog box, under the ‘Frame size’ section do the following:
a.    Column Width: To adjust the column width of the frame.
 
b.    Row Height: To adjust the row height of the frame.
To change the margins of the frames
In the Frame Properties dialog box, under the ‘Margins’ section do the following:
·         Adjust the Width and Height for the margins.
NOTE: If the page displayed in the frame also has margins, then the margin size you set for the frame would be added to the margin size of the page.
To lock a frame
In the Frame Properties dialog box, under the ‘Options’ section do the following:
·         Resizable in browser box, when checked enables the user to resize the frame in the browser. When unchecked the frame is locked.
To add or remove scrollbars to the frames
In the Frame Properties dialog box, under the ‘Options’ section do the following:
·         Show scrollbars dropdown, has options ‘If Needed’, ‘Never’ and ‘Always’. Choose the suitable option.
To set spacing between frames
In the Frame Properties dialog box, under the ‘Options’, click on ‘Frames Page…’
page_properties_dialog
 
·         In the Page Properties dialog box, increase or decrease the value of Frame Spacing in the box.
NOTE: If the Show borders check box is checked, the width of the borders is determined by the setting in the Frame Spacing box.
To show or hide borders around frames
In the Frame Properties dialog box, under the ‘Options’, click on ‘Frames Page…’ In the Page Properties dialog box,
·         Choose to show or hide the borders by checking/un-checking the ‘Show Borders’ checkbox. This setting will affect the borders of all the frames in the page.
NOTE: Show or hide border settings affects all the frames on the frames page.
To create invisible frames
In the Frame Properties dialog box, under the ‘Options’, click on ‘Frames Page…’ In the Page Properties dialog box,
·         Uncheck the Show Borders checkbox and set the Frame Spacing to ‘0’.
Conclusion

With all these properties, you will be able to use frames effectively in your pages. I hope this article was helpful and that you enjoyed reading it.

Give a +1 to this article if you think it was well written. Thanks!
Recommended Articles


Page copy protected against web site content infringement by Copyscape


User Feedback

Post your comment
Name:  
E-mail: (Will not be displayed)
Comment:
Insert Cancel