Page 23

Chapter 4. Preview Window: Preview & Test Your Site

───────────────────────────────────────

After you are finished building content in the Content window, click the Preview tab to

reveal the Preview window. The preview window contains a built-in browser for the

convenience of testing and reviewing your site. Preview mode is designed to display

your pages the way they will look in multiple browsers on cross-platforms.

However, there are a few items/capibilities that cannot be displayed in Preview mode -

you can simply select the Preview in Browser button to preview your site locally in an

external browser outside of ShutterBug, which will display all actions and features that

you've added to your site.

The HTML output of your site has been carefully and thoroughly designed to resolve

any known rendering issues that can occur with today's many different browsers. This

means you don't need to worry about fixing and testing for individual browsers. We've

already done that for you and strive to stay on top of any new issues that may arise

with newly released browser versions. This ensures consistent results across multiple

browsers, without any added hassle to you. To review the browsers that ShutterBug

compliance is tested for, please see Browser Compatibility in Section 1.1.

───────────────────────────────────────

Preview Mode Facilitates the Following Operations:

• Select a Theme for the look and feel of your site.

• Select a template for your pages - apply the same template to all pages, customize

pages by using a different template for each page, or use any other combination of

templates you would like applied to your pages.

• Test links, including email links and external links, all inside of Preview mode.

• Test the navigation and web preview your content.

• Preview your slideshow and thumbnail mouse-click actions.

• Export your website to the web or a folder on your computer (Chapter 5).

• Send button for incremental uploads/Send Changes (Chapter 5).

• Preview locally in an external browser.

The following is a list of items/features that are best previewed in an external browser:

• Before/After Slideshows & Before/After Thumbnails

• Random Order Slideshows

• External File Click Image & External HTML Files (Xtras options in Layout mode)

• Externally Linked Pages

───────────────────────────────────────

Selecting a theme from the theme library, adding templates to customize your

pages, and how to rename each template title.

Web Previewing your site, testing the links, navigation, slideshow, and reviewing

the overall layout of the site; option to preview in external browser.

───────────────────────────────────────