Configuring Web Page Properties and Preview Options in Microsoft Expression Web

Posted by: Minal Agarwal , on 7/20/2007, in Category Expression Web
Views: 25430
Abstract: Web page properties let you set page title, formatting options, background images, change background and text colors, language and various workgroup settings. Expression Web provides us with a list of browsers for previewing our web pages as and when we design them, to help us imagine how our pages would look once published. I have designed this article in a way to help you customize your page settings and assist you in choosing your browser.
Configuring Web Page Properties and Preview Options in Microsoft Expression Web
 
Web page properties let you set page title, formatting options, background images, change background and text colors, language and various workgroup settings. Expression Web provides us with a list of browsers for previewing our web pages to help us visualize how our pages would look once published. This article will guide you in customizing your page settings and assist you in choosing your browser.
Setting Web Page Properties
The Page Properties dialog box manages many attributes of individual pages. In the article ‘Working with Web pages in Microsoft Expression Web’ we used Page Properties to change the title of the page. Apart from this you can set the background, sound and color, language, margins and workgroup options for the page. To set the page properties:
1.    Open the page for which you want to set the properties and choose File > Properties.
Expression Web Page Properties window
2.    The General tab in the Page Properties dialog box opens by default. There are in all six tabs:
·         General
·         Formatting
·         Advanced
·         Custom
·         Language
·         Workgroup
3.    To set the properties go to the desired tab, select the necessary options and click OK to save the changes and close the dialog box.
4.    Save the page.
NOTE: If you have inserted any image or sound file in your web page which is not already saved in the website, then Save Embedded Files dialog box appears and you are prompted to save those embedded files.
Let us take a look at each of these tabs individually.
General tab
General tab lets you manage essential information about your page such as the Location, Page Title. (We have already seen Page Title under heading Changing Web page Title) Page Description and Keywords fields were used to categorize pages by older search engines. At present these fields are useful if you are importing pages from Microsoft FrontPage to Expression Web.
If you intend to use Background Sound then Browse to the file location and click OK to apply.
Expression Web General tab
Formatting tab
Formatting tab lets you set and format the background settings.
Expression Web Formatting tab
The Background picture checkbox lets you place an image in the page background. You can choose to make it a watermark by checking the Make it a watermark checkbox. Use the Browse button to browse to the image file. Colors section in the tab allows you to set color for the background text, hyperlink, and visited link and so on.
Advanced tab
Advanced tab lets you set margins for that specific page.
Expression Web Advanced tab
Custom tab
Custom tab lets you write custom code snippets that could be used in creating multiple pages; based on system and user variables.
Expression Web Custom tab
Language tab
Language tab allows you to choose both the page’s language and HTML encoding.
Expression Web Language tab
Workgroup tab
Workgroup tab can be used while working in a team on a website.
Expression Web Workgroup tab
Previewing Web Pages in the Browser
Expression Web has two types of views that help you to preview your pages as and when you design them, to get an idea how they would look after publishing. These are the Design view and the Split view. Though Split view is really not a good choice for previewing pages, Design view does a very good job. But if you preview in different web browsers it helps you spot discrepancies found in your page in each of these browsers. Hence it is recommended that you make it a habit to preview your pages in as many browsers as possible. Expression Web has its own list of browsers. Windows Vista supports Internet Explorer 7.0 and hence you require Windows XP to preview pages in the previous versions of IE like 6.0 and older.
Preview pages
From File menu choose Preview in Browser and from the submenu select the appropriate browser from the list.
Expression Web Preivew in Browser
Alternately choose the Preview button in the standard toolbar.
Shortcuts to remember: 
To preview a page in the browser hit F12 or right click the page you want to preview in the Folder list and choose Preview in Browser from the menu.
Expression Web Preview in Browser from Folder list pane
To set a browser as the default browser, press Shift and select the browser from the menu.
Change the Web Browsers list
Expression Web gives you the liberty to choose your own list of browsers. Follow the steps given below:
1.    Go to File > Preview in Browser > Edit Browser List.
     Expression Web Edit Browser List
Besides click on the down arrow next to the Preview button from the standard toolbar and choose Edit Browser list.
Expression Web Edit Browser List
2.    Edit Browser List dialog box appears on the screen. Click on the Add button and the Add Browser dialog box is prompted.
    Expression Web Edit Browser List dialog box
   
    Expression Web Add Browser dialog box
3.    In the Add Browser dialog box, Browse to the browser program you want to add and hit Open to return to the Add Browser dialog. Here, enter a display name for the browser, the Command textbox will by now display the path of the browser; then click on OK.
4.    Now the newly added browser will show up in the Edit Browser List dialog box. Click OK to apply the changes and exit.
Conclusion
In this article I have covered all the tabs of Page Properties and different options to preview web pages in the Browser. I hope this article will be useful to you and I thank you for viewing it.

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!
Comment posted by Chlee on Saturday, December 29, 2007 7:39 PM
I am setting up my website, and want to use a background sound. However, when I click browse, none of my sound files are coming up, it's like expression is not recognizing them. They are mp3 and wma- what do i do??
Comment posted by ioeuy on Monday, January 2, 2012 3:13 AM
very bad article

Categories

JOIN OUR COMMUNITY

POPULAR ARTICLES

C# .NET BOOK

C# Book for Building Concepts and Interviews

Tags

JQUERY COOKBOOK

jQuery CookBook