- 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.