Export (0) Print
Expand All
7 out of 8 rated this helpful - Rate this topic

Preview web pages

To help you design your pages in Microsoft Expression Web, you can preview how web pages will look in different web browsers and window sizes. The window sizes you can choose match standard screen resolutions of 640x480, 800x600, and 1024x768. Expression Web automatically selects the value that matches your current screen resolution, as well as available lower values. Window sizes that are greater than your current screen resolution are unavailable.

Cc295317.alert_note(en-us,Expression.10).gifNote:

In Design view, you can set a page size to approximate what your page will look like in different size browsers. For more information, see Add or modify a page size.

To preview a page in a browser

  • Do one of the following:

    • Press F12.

    • On the Common toolbar, click the Preview button Cc295317.32613350-d7fe-4254-85fc-157a1600854f(en-us,Expression.10).bmp, or click the arrow next to the button to select a browser.

    • On the File menu, point to Preview in Browser, and then click the browser and window size you want.

    Cc295317.alert_note(en-us,Expression.10).gifNote:

    You must save your page before you preview it in a browser.

To preview a page in the Folder List task pane

  • Select the file and then press F12.

To always save Web pages before previewing

  1. On the File menu, point to Preview in Browser, and then click Edit Browser List.

  2. In the Edit Browser List dialog box, select the Automatically save page before previewing check box.

To add a Web browser to the browser preview list

  1. On the File menu, point to Preview in Browser, and then click Edit Browser List.

  2. Click Add.

  3. In the Name box, type the name of the Web browser as you want it to appear in the browser preview list.

  4. In the Command box, type the name and path of the .exe file for the Web browser, or click Browse to locate the file.

  5. Click OK.

  6. Under Additional window sizes, select the check boxes next to the values that represent the window sizes you want to enable.

Cc295317.alert_note(en-us,Expression.10).gifNote:

The default window sizes match standard Microsoft Windows screen resolutions of 640x480, 800x600, and 1024x768. Expression Web automatically selects the value that matches your current screen resolution and available lower values. Window sizes that are greater than your current screen resolution are unavailable.

You can preview ASP.NET or PHP web pages by using Microsoft Expression Development Server. The Expression Development Server installs when you install Expression Web. If you need to repair or reinstall Expression Development Server, see Install Expression Development Server. For more information on previewing ASP.NET or PHP web pages, see Preview an ASP.NET page or Preview a PHP page.

To use Microsoft Expression Development Server to preview pages

  1. On the Site menu, click Site Settings.

  2. In the Site Settings dialog box, on the Preview tab, select Use Microsoft Expression Development Server.

When you preview a web page, Expression Web passes to the browser the URL through which you opened your website. For example, if you opened your website with FTP, when you preview a page, Expression Web sends the FTP-based URL to the browser. Because web servers return different content depending on the protocol of the URL, you need to provide Expression Web with a separate preview URL that uses HTTP protocol to access your web pages. For example, if you opened ftp://ftp.example.com/ then you could create http://www.example.com/, point it to the same physical location, and set Expression Web to use that custom URL.

You may want to use a custom preview URL to preview the following types of sites:

  • A site you opened with FTP, for example, ftp://ftp.example.com.

  • A site you opened on a different computer through a UNC path, for example, \\myserver\wwwroot\example.

  • A site you opened through a different port than you want to preview through, for example http://www.example.com:9999.

  • A site that uses a different security level than you want to preview through, for example https://www.example.com.

  • A site that uses different authentication than you want to preview with, for example, http://username:password@www.example.com.

To provide a custom URL for previewing pages

  1. On the Site menu, click Site Settings.

  2. In the Site Settings dialog box, on the Preview tab, in the Preview using custom URL for this Web site box, type your custom URL.

Did you find this helpful?
(1500 characters remaining)
Thank you for your feedback

Community Additions

ADD
Show:
© 2014 Microsoft. All rights reserved.