Configuring Web Page Properties and Preview Options in Microsoft Expression Web
Posted by: Minal Agarwal ,
on 7/20/2007,
in
Category Expression Web
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.
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 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.
Formatting tab lets you set and format the background settings.
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.
Custom tab
Custom tab lets you write custom code snippets that could be used in creating multiple pages; based on system and user variables.
Language tab
Language tab allows you to choose both the page’s language and HTML encoding.
Workgroup tab
Workgroup tab can be used while working in a team on a website.
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.
From File menu choose Preview in Browser and from the submenu select the appropriate browser from the list.
Alternately choose the Preview button in the standard toolbar.
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.
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.
Besides click on the down arrow next to the Preview button from the standard toolbar and choose 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.
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.
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!
Was this article worth reading? Share it with fellow developers too. Thanks!
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