Adding a new image (Old Editor)

1. Before you add an image to your website, please ensure that:
   1. You have uploaded the image to the Image Manager.
   2. The image's resolution is correct
      
      
2. Place your cursor where you want your photo to go.
3. Click on the  Image icon. (You may have to hold down the shift key if you have a popup blocker preventing the next screen from appearing).
4. Select the link type from the drop down:
   • URL - Link to an image that is not in your image manager (ie it might be on another website).
   • My Images - Images that you have uploaded to the Image Manager.
5. If you have selected My Images, you need to select the image that you want to include into the page. This list of images is from your Image and File Manager. On selecting an image, you will notice it appearing in the Preview box. This box is a preview of how the text will format around your image as you change display settings.
6. Give the image some"Alt Text" by filling in theAlternative Text field. This helps with optimisation and ensures that anyone that has images in their browser turned off can still read what image was meant to be there (this especially applies to visually impaired people).
7. You can now make changes to the image's appearance by changing the following fields:
   • Width - Specify the width of the image in pixels (if you do not know how big a pixel is, you will see a preview of the image in the "Preview" box).
   • Height - Image's height. If you have changed the image's width, the height will automatically change to keep the aspect ratio.
   • Border - This is automatically set to 0 pixels. However if you wish, you can add a border to your image by increase the border thickness.
   • HSpace - The horizontal padding between the text and the image - the greater the number, the further the distance betwen the text and the image.
   • VSpace - The vertical padding between the text and the image.
   • Alignment - Alignment of text in relation to the image.
8. Click OK to save your changes and add the image in the page.

Changing an image (Old Editor)

1. Right Click on the image you want to change.
2. Select Image Properties.
3. This will take you to the interface as described above.
4. When you have finished making your changes click OK.

Adding a new image (Drag and Drop Builder)

1. To add a new image to one of your website pages you will first navigate to your content pages area and click edit on the page you wish to add the image to.
2. You will then find where you would like to place the image and if there is not already a section there, drag in and drop a section.
3. You can then hover over the section and click on the pencil located on the top right of the section. Here you can choose how many objects you want displayed horizontally accross your screen from left to right.
4. You will then drag an image module from the left hand side of the screen into the column you wish to display it in which you have just made within the section you recently dropped into your page.
5. Once this has been completed you will be presented with an image box which you can use to add your images to your website.

To add an image you can do one of the following:

• Open up the folder on your computer containing the image you wish to add to your site, left click and hold on the image and drag and drop on the image module you placed within your editor page.
• Click Browse image library to find images aleady uploaded to your websites image and file manager.
• Hover over the image module you recently dropped in, click on the pencil in the top right of this box, you can then use the dropdown box to select either images from your computer or from your image and file manager. If you select an image from your computer you will then need to click the upload button, when clicked, you will be presented with a folder search box, you can then find and select the image you wish to add to your website and click open. Once the file name appears next to the "choose file" button, you can then hit upload.

Once you have selected your image you will then be presented with a box where you can give the image some "Alt Text" by filling in the Alternative Text field. This helps with optimisation and ensures that anyone that has images in their browser turned off can still read what image was meant to be there (this especially applies to visually impaired people). You can also give the image a advisory title which will pop up when the image is hovered over, and you can also link to various things such as pages on your site, third party websites and images and files.