Help for Storyboard 1 : 2002 Edition

About
Storyboard 1 was written by Erk and erk rocket. This application is a pre-process tool which allows for concepts to be generated quickly in the visual context using images and words to convey meaning.

Auto-Create Html Code
Html code is constructed for every board and pane in a single storyboard project. In the Preview window however only a template is visible. Use this information as the basis for any manual editing. The final output is a "best-fit" scaled approximation depending the current desktop setting, from the first board to the last. To manually edit the existing code without overwriting on a new preview, do the following :

1. Ensure Auto-create checkbox is ticked.
2. Click Preview tab to instance a single project output.
3. Return to the Export tab and uncheck the Auto-create checkbox.
4. Return to the Preview tab.
5. Make changes between the first instance of Titles and Footers. 6. Repeat for all boards using cut and paste. 7. Click the Accept button on the Export tab.

Back
Navigate one board back.

Board
A board is a rectangular shape that holds panes. It may have texts applied. See Properties - Board.

Change Project
A project may have a maximum of 1000 panes. How these panes are represented on the screen is determined by the grid - a balanced array of screen square sections. Settings include : 2x2, 3x3, 4x4 and 5x5, for a minimum of 4 panes or a maximum of 25 panes on any board. A maximum of 100 boards and a maximum of 1000 panes changes depending upon the grid you choose, upper values for either altered to suit one of the project's limitations.

Clear Item
Clear currently selected text in the pane list. Right Mouse Button.

CloseUp
Show a non-corrected zoom of the current pane image in a separate window.

Edit Text Window
The text line which appears base-right on the screen, near the Swap button. 256 Chars maximum in length.

Exit
Close Storyboard session and application.

Export As Html
Storyboard exports projects as connected html pages, ready for use with the internet. It also converts pane images into compressed Jpgs. The output results scaled storyboard webpages that are centered and suitable for the most popular display formats. See Also : Scale Panes For

Export Tab
The information used when a project is converted into html code. Choose filename and path via the Path button. Click checkboxes for output options. Choose the Close button to cancel export. Choose the Accept button to enact export.

Flip Horizontally
Flip any selected pane horizontally.

Flip Vertically
Flip any selected pane vertically.

Footer Text
A board may have text that exists at the base of a page that is 256 Chars maximum in length. Use for credits, copyright details. It is not shown within SB1.

Global Highlight
The bounds around a pane that is shown when a mouse pointer is hovering above it. Its color may be changed via the Properties dialog.

Image Shuffle
Move images between panes but not their properties, such as texts and labels for example.

Label
Each pane may have a unique label, which also appears as the mouse pointer hovers above a pane. It may be 99 Chars maximum in length, though truncation occurs on-screen well before this value.

Labels Dock With Panes
The associated pane label is written and visible with the html pane.

Labels Show As ALT Tag Property
The associated pane label is written and visible on a mouse-over ToolTip event with the html pane.

Left Mouse Button
Use the Left Mouse Button to select a pane or choose from other screen options. For example, a selected pane will enable available menu choices from the Pane menu.

Make As Blank
An image is deleted and the board section becomes a blank checkerboard. Associated materials are not deleted (ie, Texts).

Mass Image Import
Load many images at once, as type *.bmp, *.gif or *.jpg. For an image to be considered part of a sequence, use the following numbering conventions. Nb: 999 is the maximum amount of images that may be loaded using this method. Examples : Rocket01, Rocket1, Rocket213, Rocket001. Once a break in a sequence is encountered, the Mass Image Import halts and returns the results.

Move Highlight
The line that is shown when a mouse is being used to drag a pane to a new location. Its color may be changed via the Properties dialog.

Navigation
Move between boards either by use of the Back or Forward icon arrows or via the board list. Locate the top right of the screen, and choose any number from the available list.

Next
Navigate one board forward.

Number Every Pane
The associated pane number is written and visible with the html pane.

Open Project
Load a new project into Storyboard as an SB1 file. Select Open Project from the File menu.

Pane
A pane is a rectangular shape that may have a picture attached. It may be resized when using Change Project or moved between screen sections when dragging with the mouse. Panes can have texts applied and be re-orientated vertically or horizontally. See Properties - Panes.

Pane Grid Html
You may change the pane grid layout by selecting either 2 x 2, 3 x 3, 4 x 4 or 5 x 5. This will not affect your storyboard settings.

Pane List
Every pane in a project is listed and numbered. Clicking any will return the board and pane. Upon selection, its associated text property may be edited below and swapped back again as new text. Or choose the right mouse button when selecting in a pane list for more options.

Path
Before any storyboard may be exported as html it must first have a path and filename set to write to. Click the Path button, type in a file name and click the Save button. Now choose the Accept button on the Export tab.

Picture
Load any picture which may be of *.bmp, *.gif or *.jpg type. Pictures are saved out in the *.bmp format.

Preview Tab
The actual html code which may be modified by hand, or used with any text editor / html editor. See also : Auto-Create html code.

Properties - Board
Change associated pane properties on elements Move Highlight, Title and Footer Text.

Properties - Panes
Change associated pane properties on elements Global Highlight, Label and URL.

Remove All
Clear all texts in the pane list. Right Mouse Button.

Right Mouse Button
Use the Right Mouse Button to view the popup menu. Use this upon a selected pane on screen or in a list to enable available menu choices.

Save Project As
Save a project as an SB1 project file. Choose Save Project As from the File menu.

Scale Panes For
The output makes scaled storyboard webpages that are centered and suitable for the most popular display formats. Formats outside this range will require manual changing of the image Height field. In this event, after generating the html code, do the following :

1. Uncheck the Auto-create checkbox on the Export tab.
2. Click the Preview tab.
3. Locate the heading : .
4. Change the Height % of all affected Images.
5. ReDo for all Image instances (point 3).
6. Click the Accept button on the Export tab.

Selected
A Pane is selected by clicking on it directly with the left mouse button or by choosing from the pane list. When a Pane has been selected, numerous options become available. Choose the right mouse button or use the top menu, Panes.

Show Board Title
The associated board title is written and visible at the top of each html document.

Show Border On Panes With URLs
The associated pane border is written and visible with the html pane.

Show Footer Text
The associated board title is written and visible at the base of each html document.

Swap Item
Replace the current pane text with the contents of the Edit Text Window. Button or Right Mouse Button.

Title
A board may have a title that is 99 Chars maximum in length. It is not shown within SB1.

URL
Each pane may have a unique URL. URLs usually require http://. It may be 999 Chars maximum. It is not shown within SB1.



www.mainstudios.com
(c) Main Studios 2002
help@mainstudios.com