Publishers of technology books, eBooks, and videos for creative people

Home > Articles

  • Print
  • + Share This
This chapter is from the book

Previewing Pages in a Browser

Expression Web's Design view does a pretty good job of showing how your Web pages will appear once published. But you should make a habit of previewing the page in a variety of Web browsers to spot inconsistencies from browser to browser. By adding multiple browsers to Expression Web's built-in preview list, you can quickly switch from one preview to another. Windows Vista does not support pre-7.0 versions of Internet Explorer, so you'll need an Windows XP machine to preview pages in IE 6 and earlier. It's a bother but worth the effort since it'll likely take several years before most visitors upgrade to Vista and IE 7.

To preview pages:

  • Save any changes to your page (ctrls.jpg). Choose File > Preview in Browser and make a choice in the drop-down menu (left, Figure 3.36). Or do the same with the Preview button in the Common toolbar (right, Figure 3.36). The selected browser launches and displays the selected Web page.

    Figure 3.36

    Figure 3.36 To see any saved page in your Web browser, choose File > Preview in Browser and make a choice in the drop-down menu (left) or click the Preview button in the Common toolbar (right).

To change the Web browser list:

  1. Choose File > Preview in Browser > Edit Browser List, or click the Common toolbar's Preview button and choose Edit Browser List.
  2. Click Add in the Edit Browser List (Figure 3.37).

    Figure 3.37

    Figure 3.37 To include another Web browser in your list, click Add.

  3. In the Add Browser dialog box, click Browse to navigate to the browser program you want to add (top, Figure 3.38).

    Figure 3.38

    Figure 3.38 Click Browse to navigate to the browser program you want to add (top). Once you add the program, the dialog box reappears listing the path to the program. Type a shorthand name and version in the Name box, and click OK (bottom).

  4. Once you find the program and click Open, the Add Browser dialog box reappears listing the path to the program. Type a shorthand name and version into the Name box, and click OK (bottom, Figure 3.38).
  5. When the Edit Browser List dialog box reappears, the browser is added to the list. Click OK to close the box and apply the changes (Figure 3.39). For the dialog box's other options, see the Tips below.

    Figure 3.39

    Figure 3.39 The additional program appears in the list. Checked browsers automatically open whenever you choose Preview in Multiple Browsers (shown in Figure 3.36).

  • + Share This
  • 🔖 Save To Your Account