Images and Files

Content

Insert images

It is important to understand the size of images in the website.

If you want to insert the image into a web page it ought to be not greater than 540 pixels (px) wide. The length does not matter. If the image is to go into a sidebar it must be smaller (less than 240 px for the left sidebar and less than 180 px on the right). The image can be adjusted using a graphic editor before it is uploaded or it can be resized after it is uploaded. Read the instructions below for details about resizing images.

 
You can upload images using the Image tool on the editing toolbar. Image tool
Clicking on the Image tool will bring up the Image Properties popup window. This window has a blue Browse Server button.

 

Image properties popup

 

Click on the blue Browse Server button to bring up the File Browser popup window.

Make sure that you have selected the images folder in the Navigation column (it will be bold and a list of existing images will appear in the right sidebar.

If the image has already been uploaded it will show in the right sidebar and you can select it without uploading it.

If this is a new image, click on the Upload button in the top bar of this window and it will bring up another window which will allow you to select and upload the image.

 

Click on Browse and you will be presented with another window where you can select the image from your computer.

After you have selected the image, click on Upload in this window and the image will be uploaded and when that is complete you ought to be able to see the image in the list of images on the right.

Click on the "x" in the top right of the small window to close it or you can leave it open and repeat the process to upload another image.

 

When you have finished uploading you will be back at the File Browser.

At this point you may need to resize the image if it is too big to fit into a page. The size of the image appears to the right of the image. If you need to make it smaller click on the image (to select it) and then click on the Resize button on the top bar. This will bring up another window to change the width and height of the image. Change the width but let the height change on its own to avoid distorting the image. Then click on the Resize button in the popup window and click on the x to close the window.

Click on the Insert File link on the top bar for the image to be inserted into the page.

After you click on Insert File you will return to the Image Properties window. Here you can change the size of the image, and various other properties. In general it is best to use the Resize function described above rather than resizing the image here. You can make minor adjustments to the width here. You can also specify the space to be reserved around the image so that the text is not too close to the image. If the image is not going to fill the page, I recommend that you change the alignment to right or left.

When you have finished, click on OK to insert the image into the page and you will return to the original page and see the image in it.

Image properties popup

Insert files

First enter some text for the link and select that text before proceeding.  
Upload files using the Link tool on the editing toolbar. Image tool

Clicking on the link tool will bring up the Link popup window. This window has a blue Browse Server button.

 

Image properties popup

 

Click on the Browse Server button to bring up the File Browser popup window.

(This is the same window as used for uploading images.)

Make sure that you have selected the files folder in the Navigation column (it will be bold and a list of existing files will appear in the right sidebar.

Click on the Upload button in the top bar of this window and it will bring up another window which will allow you to select and upload the file.

Click on Browse and you will be presented with another window where you can select the file from your computer.

After you have selected the file, click on Upload in this window and the file will be uploaded and when that is complete you ought to be able to see the file in the list of files on the right.

Click on the "x" in the top right of the small window to close it or you can leave it open and repeat the process to upload another file.

 

When you have finished uploading you will be back at the File Browser window.

Click on the Insert File link on the top bar for the link to the file to be inserted into the page.

After you click on Insert File you will return to the Link window. Click on OK to insert the file link into the page.