Using the Editor

The Website Building Editor will allow you to change the settings of an object although the settings will vary depending on which type of object or widget is selected. For example:

• A text box allows you to change the text font and style through the ‘Font’ tab

• The form allows adding and editing of fields, their order and adding validation using the ‘Field’ tab

• Changing the transparency of an image and adding an ‘Alt tag’ (alternative text label for images)

to it can both be performed via the ‘Style’ tab

• A crop tool will let you add an image through the ‘Setup’ tab

The Mini-toolbar

The mini-toolbar can be opened from the Editor using the small button beside the tabs. When creating a website you can use the mini-toolbar to perform basic functions, which is especially useful when working at the bottom of longer pages. You will be able to: save the page; upload files; open the File Manager; copy, paste, duplicate and delete objects; add text boxes, title boxes, and button links; and move an object below (or behind) others.

Using Multiple Select

You can select multiple items (objects) on your page so that you can move them as a group around the page or so that you can copy and paste them as a group. To create a selection building a website, click your mouse on the page outside the objects’ borders and drag it across your page, which will create a selection box. Anything within the selection box will be selected after you release the mouse. Or you can click on objects while holding down the 'Ctrl' or 'Shift' keys to add

to your selection. Once a group of objects are selected you can drag them around your page.

Copy and Paste

You can copy and paste a single object or an entire selection, onto the same page or to a different page. To do this first select your object/s and then use the 'Copy' option in the 'Edit' menu of the free website builder toolbar. Either 'Paste' the selection (also in the 'Edit' menu) onto the current page or navigate to a different page and paste the object/s there. This can make duplicating groups of objects or aligning them much quicker and easier.

Editing Text on Your Page

Double-click on an existing text box to start adding or editing the text. There is no limit to the amount of text you can add, which you can separate onto different lines or paragraphs. If you want to change the shape of your text box, to create a narrow column for example, just use the square drag handles to squash or stretch the text box.

To change other properties of the text box when making your own website, including font, point size, style and colour, you will need to use the page 'Editor'. The 'Font' tab allows you to make text bold, simply by selecting (or highlighting) the text and then using the 'B' (Bold) button. You can also add italics or an underline, and you can select a line or paragraph and changes its justification to left, centre, right or proportional.

The text font defaults to 'Standard fonts' in the text box. The drop down on the 'Font' tab will let you select a new font, e.g. Arial Black, for the entire box. NB. You cannot select individual words or paragraphs to change font or colour, these are applied to the entire text box.

Standard Fonts and Graphic Fonts

There are two types of text fonts available in our easy web site builder, standard or system fonts and graphic fonts. Standard fonts use common fonts that are stored on your computer (system), while graphic fonts embed whole font sets in your SiteSnap site. Both have a number of benefits and implications. Standard fonts have more formatting options, e.g. bold, italic, links, etc., and are much quicker to load as they don't embed the font when you build a website.

Graphic fonts provide a wider range of choice, do not change between screens or computers and are optimised for on screen display. They are however, larger files and have more limited formatting options (e.g. you cannot set links on graphic fonts).

To change the font style (e.g. from standard to graphic) click on the ‘+’ symbol beside the font dropdown on the online website builder editor. This will open the Font Picker panel. If you were editing a text box the Standard font dropdown will highlight the current font style. If you want to use Graphic fonts you can make a selection from the dropdown and save the

selection.

If you want a printable version of what Graphic fonts are available within SiteSnap then just download the PDF we supply.

A common practice is to use graphic fonts for titles and standard fonts for body text which is what you will find in website builder although you are free to change this anywhere on your site.

Adding Your Own Images, Audio and Other Files

Adding New Objects to Your Page

You can add any object to your page using the web page builder File Manager. Simply click on the 'Files' icon on the

SiteSnap Toolbar and this will open the File Manager. The File Manager contains a collection of files (images, widgets, animations etc.) that we provide which can be found in the ‘Library’.

We also provide a folder called ‘My Files’ which is where your uploaded files (images, MP3s, docs, videos, etc.) will be stored and organised. You can browse through the contents of the File Manager by clicking on the folders and sub-folders and highlighting files. When you want to add something to the page, select a file and click 'Use this'. You can also access the File Manager and several standard features by using ‘Insert’ on either the basic or advanced toolbar. Or you can use the Mini-toolbar on the Editor to open the File Manger as previously described.

Uploading Your Files

Adding your own files and when creating a website media is very easy. Simply click on the upload icon on the toolbar or use

the ‘Upload Files’ button on the File Manager which will open the ‘Upload’ panel. Browsing for files on your computer is just like looking for files with Explorer on Windows or Finder on a Mac.

Click the ‘Add files’ button and a browsing panel will now appear enabling you to explore your computer and then highlight the files you wish to upload. You can use the 'Shift' or 'Ctrl' key on Windows (‘Shift’ or ‘Cmd’ on a Mac) to highlight multiple files to be uploaded. Then use the ‘Open’ button to complete the selection process.

The Upload window in the web site builder will now display the file or files to be uploaded with their respective file sizes. You can also select the folder into which these files are to be placed (please see ‘Organising Your Files’ below for more details on creating folders). At the bottom of the panel will also be the total size of all files you wish to upload to your website. At this point you can add more files (Add files), highlight a file and remove it (trash icon), or go ahead and upload your files using the ‘Upload’ button. You will be shown a progress bar which will indicate the status of your upload. Once the upload has completed, close the panel or locate your files in the File Manger.

Go to page 3