While designing a web page, a designer needs to remember that his viewers will be using different browsers with different resolutions. So while creating the page, he must check the appearance of the page in different screen resolutions. Well but it is a pain to repeatedly change the screen resolutions to check how your page would look in different screen resolutions. Expression Web has this feature of ‘Page size’ which allows you to do this while you are creating the page without having to change the actual screen resolution.

In View menu, select Page Size and then select a page size from the list. The page size will now applied to your current page, and you can check how your page will appear in the browser with that resolution.

A web site is viewed by viewers using different screen resolutions and window sizes. Hence it is difficult to identify how the page would look in different resolutions and window sizes. But with Page settings in Microsoft Expression Web 2, while designing your page you can determine what portion of the page will be visible to all the site users without having them to scroll down or right.

Let us take a look at various page size settings

1.       To view the page size setting of current page

·         Either go to View menu > Page Size. The current page size is displayed at the top of the list as Current Page Size, with a small check mark next to it.

·         Or click on the page size displayed on the status bar.

Other page sizes are also listed in the menu.

2.       To apply a new page size, choose a new page size either from the given list or click on Modify Page Sizes… from the menu, to launch the Modify Page Sizes dialog box as shown below:

As you can see, there is a list of page sizes along with their matching standard screen resolutions like 640 x 480, 800 x 600, 1024 x 768, and so on. Microsoft Expression Web automatically picks up the value that matches your current screen resolution and all other lower values. Window sizes that are larger than your screen resolution are not available.

3.       To add, modify, or remove a page size setting

In the Modify Page Sizes dialog box, do one of the following:

·         To add a new page size, click Add, and then enter the Width, Height, and Description.

·         To modify a page size, select the page size, click Modify, and then enter the new Width, Height, and Description.

·         To remove a page size setting, select the page size, and then click Remove.