Using Frames in Microsoft Expression Web 2

Posted by: Minal Agarwal , on 6/6/2009, in Category Expression Web
Views: 28034
Abstract: HTML Frames have been around for quite some time. And I am sure you must have come across many designers who have advised you ‘never use frames’. I too was under the same influence, until I realized that a designer can maintain a list of Best Web Design techniques, but he shoudl not categorize any technique as ‘never use’. There could be effective uses of frames just as others, so do explore them. In this article we will explore frames in Microsoft Expression Web 2.
Using Frames in Microsoft Expression Web 2
When you read the title you must have thought Duh! Why an article on frames, one hardly uses it! Well you are right, use of frames has lessened these days, but designers still find it handy when they need to incorporate multiple pages in a single page. HTML Frames have been around for quite some time. And I am sure you must have come across many designers who have advised you ‘never use frames’. I too was under the same influence, until I realized that a designer can maintain a list of ‘Best and Worst Web Design techniques’, but one should not categorize any technique as ‘never use’. There could be effective uses of frames just as others, so do explore them. In this article we will explore frames in Microsoft Expression Web 2.
Frames are used to organize your page content into different sections or regions of the screen. Each frame contains a separate page. And such frames are collectively known as a frameset. Frames divide the page into various sections, each displaying a different document. All these frames are controlled by a single controlling page. This controlling page need not have any content of its own, but it informs the browser about the frameset and the pages to be displayed in each frame.
When do I use frames?
1.    When you have to separate navigation from the content, frames are beneficial since you can scroll each frame independent of the other.
 
2.    When you want to display different pieces of content in the same page and want each portion to be independent of the other. So that when you edit a frame the others are not altered.
Creating Frames
To create a new Frameset follow these steps:
1.    Go to File menu > New > Page.
 
2.    Select Frames Pages from the list of pages.
 
3.    Browse the list of Frame Pages (See preview of each layout in the rightmost pane). Choose a suitable frame layout and click OK.
       New Page
 
4.    The new page would look like:
     .
Frames 
.
Each frame now gives you a choice to create a new page or choose an existing page to be shown in them. To create a new page click ‘New Page’ button in that frame and then start creating the page. To choose an existing page, click ‘Set Initial Page…’ to launch the ‘Insert Hyperlink’ dialog box. Enter the URL or browse to the location of the page and click OK to insert the page.
.
Insert Hyperlink
 
 
Configuring Frames
 
s        Do one of the following:
 
·         Right-click inside the frame and choose ‘Frame Properties…’
 
·         Select the frame (click in the frame), go to Format menu > Frames > Frame Properties.
 
s        The Frame Properties dialog box has these properties:
 
·         Name – Give a name to each frame that can be used later while creating hyperlinks to open in that frame.
 
·         Initial Page – This is the URL of the page that will be displayed when the parent page first loads.
 
·         Long Description – This property takes the path/URL of the file which contains a description of what appears in the frame, for the viewers.
 
·         Title – is a short description of the frame.
 
·         Frame Size Width and Row Height – State the dimensions for the frame. These dimensions could be relative to other frames, percentage of the window size or in pixels.
 
·         Margin Width and Height – Specifies the margins for the frame.
 
·         Resizable in Browser – Check the box to be able to resize the frame in Design View by dragging its borders.
 
·         Show Scrollbars – Lets you choose if scrollbars should appear and when.
NOTE: If you set the scrollbars to never, the content would go beyond the borders of the frame and would be never visible to the viewers.
Other configuration settings:
s        Split a frame
Go to the Format menu > Frames > Split Frame. In the Split Frame dialog box (shown below), choose to split the frame vertically into columns or horizontally into rows.
 
s        Delete a frame
In the Format menu > Frame > choose Delete Frame. Expression Web will not ask for confirmation and remove the frame. But you can still undo delete by CTRL + Z or pressing the Undo button to restore it.
 
s        Insert a Hyperlink
You can create a hyperlink and make it open in a frame. Let us take an example.
The left pane is our navigation pane. Enter a link ‘Dotnetcurry’. Highlight the text and right-click, choose Hyperlink from menu. In the Insert Hyperlink window, enter the ‘Address’ and click ‘Target Frame…’ Now in the Target Frame window choose the frame where you want this page (URL) to be displayed. In this example we choose main (see image below) and click Ok in both the windows to close them.
 
Hyperlinks in Frames  
Conclusion
This article intended to give you an insight into how to create frames and work with them using Microsoft Expression Web 2. I hope the article was useful to you and I thank you for reading it.

I hope you liked the article and I thank you for viewing it. If you liked the article,  Subscribe to the RSS Feed or Subscribe Via Email

This article has been editorially reviewed by Suprotim Agarwal.

Absolutely Awesome Book on C# and .NET

C# and .NET have been around for a very long time, but their constant growth means there’s always more to learn.

We at DotNetCurry are very excited to announce the The Absolutely Awesome Book on C# and .NET. This is a 500 pages concise technical eBook available in PDF, ePub (iPad), and Mobi (Kindle).

Organized around concepts, this eBook aims to provide a concise, yet solid foundation in C# and .NET, covering C# 6.0, C# 7.0 and .NET Core, with chapters on .NET Standard and the upcoming C# 8.0 too. Use these concepts to deepen your existing knowledge of C# and .NET, to have a solid grasp of the latest in C# and .NET OR to crack your next .NET Interview.

Click here to Explore the Table of Contents or Download Sample Chapters!

What Others Are Reading!
Was this article worth reading? Share it with fellow developers too. Thanks!
Share on LinkedIn
Share on Google+

Author
Minal Agarwal, Expression Web MVP, MCDST, works as a freelance web designer (SaffronStroke) working on Expression Web, Photoshop and other Graphical tools. As a hobby, she also runs a famous Food site called Foodatarian.com. Follow her on twitter @ saffronstroke


Page copy protected against web site content infringement 	by Copyscape




Feedback - Leave us some adulation, criticism and everything in between!

Categories

JOIN OUR COMMUNITY

POPULAR ARTICLES

C# .NET BOOK

C# Book for Building Concepts and Interviews

Tags

JQUERY COOKBOOK

jQuery CookBook