- Introduction
- Creating an HTML Page
- Opening Web Pages from Within a Web
- Navigating Web Pages
- Displaying Web Pages in the HTML Format
- Managing Web Pages
- Setting the Home Page
- Changing the Web Page Title
- Changing Web Page Properties
- Inserting Background Pictures and Watermarks
- Changing Background Colors
- Adding Background Sound
- Setting Page Size
- Previewing Web Pages in Snapshot
- Previewing Web Pages in a Browser
- Displaying Web Pages in SuperPreview
- Printing Web Pages
- Creating a Page Template
- Using a Dynamic Page Template
- Creating a Master and Content Page
- Saving a Web Page with Different Formats
- Expression Web Formats
- Animating Page Transitions
Displaying Web Pages in SuperPreview
SuperPreview (New!) makes it easy to view and compare a Web page or sections of a Web page in multiple browsers at the same time. SuperPreview gives you an array of tools—such as Selection and Panning Mode pointers, Layout modes (Side-by-side, Stacked, and Overlay), and Zoom, and Positioning Guides—to test and debug Web page issues across different browsers. After you compare a page or sections of a page in specified browsers, you can make adjustments in Expression Web back in Design view.
Preview Pages in SuperPreview
- Open and display the Web page you want to preview.
- Click the File menu, and then click Display in SuperPreview.
The SuperPreview window opens.
- Click a browser icon to select a browser preview in the Baseline pane (left side) and Comparison pane (right side).
- Click an element to display the size and position of the element.
- To switch panes, click the Switch baseline browser location button.
- To add another comparison browser, click the Add button, and then click a browser icon.
- To switch between comparison browsers, click a browser icon in the Comparison browser selector.
- To view an element in the Document Object Model (DOM), click the DOM tab.
- To remove a browser, click the Close button in the browser selector.
- When you’re done, click the Close button on the program window.
Work with Web Pages in SuperPreview
- Open and display the Web page you want to preview.
- Click the File menu, and then click Display in SuperPreview.
The SuperPreview window opens.
- Click a pointer mode button.
-
Selection Mode. Use to select individual page sections for comparison.
-
Panning Mode. Use to drag a page inside the browser view.
-
- In Selection Mode, click a highlighting mode button.
- Box Highlighting Mode.
Highlights the selected element in blue in the baseline view and green in the comparison view.
- Lights-Out Highlighting Mode.
Displays the selected element normally, while dimming out everything else.
- Box Highlighting Mode.
- To show/hide the ruler, click the Toggle Ruler Visibility button.
- To show/hide guides, click the Toggle Guide Visibility button. Drag the horizontal or vertical ruler onto the page to create a horizontal or vertical guide.
- To show/hide the thumbnail display, click the Toggle Thumbnail Visibility button. Drag the shaded area in the thumbnail to display a region of the page.
- To change the layout, click the Vertical Split Layout, Horizontal Split Layout, Overlay Layout, or Single Layout button.
- When you’re done, click the Close button on the program window.