Page 4

1.3 Understanding the Blueprint

ShutterBug's capabilities and interface are designed around the idea of building blocks

and the separation of content and layout. This separation allows for content and/or the

design of the site to be quickly edited and updated independent of each other. This

means the content can be changed without touching the design, and vise versa. The

incremental Send feature then allows for quick export of the changes only, ensuring a

quick update process from start to finish.

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

You can think of ShutterBug's application design as a framed photograph hanging on

your wall. The photo is the content or base that you have created (Content HTML).

Now you want to make it more presentable to others. So you add a frame and perhaps

a matte (Layout CSS). Now you need a place to display it. So you hang it on your wall

(Preview & Upload to the Web).

The Content Window = HTML = foundation and body of the website = Content

The Layout Window = CSS = framework that encompasses the body = Design

The Preview Window = HTML + CSS = finished product all glued together = Website

Changing the content will not affect the design of your site, nor will changing the design

affect the content. These two building blocks are separated so that you can easily

update your content in the future without having to worry about inadvertently moving a

masthead or menu, or any other object on the page, out of place from it's original

position. This approach replaces the need for using framesets or composing tables,

the approach used by the traditional, more expensive web authoring tools. ShutterBug

masks these complexities and allows you to reduce the amount of time spent in a

learning curve or dealing with frustrating positioning and rendering.

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