ShutterBug Online User Manual

chpt 4. preview window

Welcome Quickstart Guide Table of Contents 1. Introduction 2. Getting Started 3. Build Your Content 4. Preview & Test Your Site 5. Exporting Your Site & Web Hosts 6. Using Templates & Custom Pages 7. Create Your Own Design 8. ShutterBug Xtras: How To 9. The Theme Library 10. Advanced HTML Options S1. Keyboard Shortcuts S2. Interface Changes in V2 S3. More Help Resources IN. Quick Reference Index

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. This browser is XtraLean's own

proprietary browser and is designed to display each and every element exactly as it

would appear across multiple browsers on cross-platforms. What you see in

ShutterBug's preview window, is exactly what you will see on the web through any

modern browser on OS 9, OS 10, and Windows. With Version 2.0, you can also

preview your site in an external browser. 

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 browser

shortcomings. 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 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 the Preview window.

•  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 in an external browser (V2 Feature)

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

4.1  Applying Themes & Templates

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

pages, and how to rename each template title.

4.2  Web Preview & Testing Links

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

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

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

◀ Prev Page   

Next Page ▶

Created With...