View pane

The view pane displays an HTML or an image viewer, depending on which type node is selected in the project pane. This viewer lets you see the rendered HTML or image file as you would see it in a web browser. When you view an image you can zoom in and out on the image and change the background color.

To display the view page, select an HTML file or image file in the project pane and click the View tab.

Viewing HTML files

When an HTML file is being viewed, the view pane becomes a simple browser. Navigate through your HTML files by clicking links in your HTML files and using the buttons on the view pane toolbar. Type any URL you want in the input box on the toolbar and press Enter to see the referenced page appear in the view pane.

Viewing image files

The view pane has additional fields and controls when an image is selected in the project pane.

Image

Reports the actual size of the image in pixels.

Scale

This slider increases or decreases the size of the image in the viewer while reporting what percentage of the actual size the image is as it is being viewed.

Reset to 100%

Clicking this button returns the image to its actual size in the view pane.

Background

Displays a dialog box that allows you to change the background color of the view pane.