Build your website online!

Uploading Images

Note: Before you upload an image into your "Image Library", please make sure that your image is in a .gif or .jpeg format. When saving an image to a web ready format, the name should consist of numbers and characters only. NO SPACES and NO SPECIAL CHARACTERS SUCH AS: !@#$%^&*()+|\=-{}[]'":;?/<>.,<mailto:!@> Images will not upload or preview in the site correctly.

• Uploading Images
• Uploading Multiple Images
• Deleting an Image
• Moving Images
• Moving Images Forward and Backwards
• Stretching Images
• Working with Image Properties
• Renaming an Image
• Positioning an image object on the x and y axis?
• Changing Image Width and Height
• Making images master objects
• Making images reusable
• Making links using images

 

 

1. once inside the application click on the insert at the top of the menu
2. click on image
3. click on browse at the top of the menu
4. browse your computer and double-click on the image that you would like to upload
5. click upload file
6. the window will refresh once the image has been uploaded to the system and it will be automatically checked
7. click the insert image
8. the image will be placed on the page and highlighted in red so you can differentiate between other layers
9. move the image into your desired position

Uploading Multiple Images

1. once inside the application click on the insert at the top of the menu
2. click on image
3. click on "multiple image link"
4. you will be able to select from 1 -- 20 images uploaded once. Once you've made your selection on the number of images you would like to upload, then you would click the browse button for each individual image.
5. click upload file
6. the window will refresh once the images have been uploaded to the system and it will be automatically checked
7. click the insert image
8. the images will be placed on the page and highlighted
9. the images will be placed onto the page stacked so you will need to move the images into place

 

Deleting an Image

1. click on the image that you would like to delete
2. when the toolbar shows up above the image click the trashcan

Moving Images

1. click and hold the image with your left mouse click and drag it to the desired location
2. if the image is a master object or master template layer, you will need to click on the object and when the toolbar shows up click the move tool. [Objects that are master layers are always locked in position and require a deliberate move of the move icon within the toolbar]

Moving Images Forward and Backwards

1. click on the image that you would like to shift
2. the toolbar will show up above the image
3. click on the shift layer icon
4. a drop-down will display the amount of layers
5. your layer will be represented at yellow, shift upwards or downwards until you achieve the desired location

Stretching Images

Note: Be careful when stretching an image, you may distort the image.

1. click on the image that you would like to stretch
2. the toolbar will appear above the image
3. click on the stretch tool
4. the image will be highlighted in red, left click and hold the bottom right-hand corner of the image and drag to the right

Working with Image Properties

1. click on the image
2. a toolbar will appear above the image
3. click on the layer properties
4. make changes and apply

 

Renaming an Image

1. click on the image
2. a toolbar will appear above the image
3. click on layer properties
4. change the name of the image
5. apply changes

Positioning an image object on the x and y axis?

There are two ways to move an image: the first is just to click on the image and move it to a new location by left clicking the mouse button and holding to the new position. The second as follows:

1. click on the image
2. a toolbar will appear above the image
3. click on layer properties
4. enter new coordinates for your X -- Y positions
5. apply changes

NOTE: you can also click on the image and move the image pixel by pixel by using your W,A,S,D keys on your keyboard. You must have the image selected with the toolbar showing above it for this to work

Note: You are able to make images "Master Objects". A Master Object is an item that you wish to appear on your website on every page in the exact same location. If you reposition an object that is a "Master Object" it will reposition it on every page. Be very careful when repositioning master objects on your website.

Changing Image Width and Height

There are two ways to change the dimensions of an image, the first is to use the stretch tool. For exact dimensions it is best to use the layer properties object width/height

1. Click on the image
2. a toolbar appears above the image
3. click on layer properties
4. change the dimensions of the image
5. apply changes

Note: You are able to make images "Master Objects". A Master Object is an item that you wish to appear on your website on every page in the exact same location. If you edit an object that is a "Master Object" it will edit it on every page. Be very careful when editing master objects on your website.

Making images master objects

 

1. choose the image that you would like to have show up on every page by clicking so you see the toolbar
2. click on layer properties
3. choose master object from the drop down at the bottom of the window
4. apply changes [remember that this will make the object show up in the same position on every page in the website]

 

 

Making images reusable

 

1. think of the reusable object as a clipboard storing text objects that can be used over and over again such as navigation, disclaimers, copyright notices etc.
2. click on image to be made the reusable object
3. go to layer properties
4. select from the drop-down reusable
5. now you can reinsert this image as many times as needed by going to insert, clipboard, and the text will be listed and saved in one place, you can also edit the text one time and it will change everywhere on the website that the text shows up.

 

Making links using images

1. click on the image
2. a toolbar will show above the image
3. choose layer properties
4. you can make internal, external, file links, e-mail links
5. apply changes

 

NOTE: when using template objects such as template buttons, you will not be able to make links because you will notice that the object properties is grayed out. If you would like to make a link to a button, insert some text onto the page highlight the words and make a link and then move that text over the button.