Add Images to Your Content

  1. Click on the image icon within the content editing toolbar. When you do so, the “Image Properties” popup window will appear
     
  2. Click the "Browse Server" button. In order for you to use an image on your site, that image must be stored on your web server. So the first step is to click on the “Browse Server” button to see what images are currently stored there and are available for your use.
     
  3. Clicking the “Browse Server” button will bring up a display of the folders and files that exist on your site. See below
    Your library’s main folder will be on the left, with individual folders for documents and images below it. You can create additional subfolders by right-clicking on an existing folder.
    Clicking on a folder will reveal the files (images and / or documents) that currently exist in that folder. They will appear in the space to the right of the folder list.
     
  4. If the image that you want to use is already displayed here, that means it’s already stored out on your web server and is ready for use. If the image that you want to use is displayed, you can upload it from your personal computer.
    Click on the “Upload” button in the upper left, browse through your system, find the image that you want to upload, and select it. It will be uploaded to your web server and should now appear in the list of available images. DOUBLE-CLICK your desired image. The Browse Server window will close and you will be returned to the Image Properties window, and the URL field will now be automatically filled out.
     
  5. Type in a very short description within the “Alternative Text” field. This is extremely important from an accessibility standpoint. Screen readers (used by sight-impaired visitors) cannot interpret an image. They can only read off whatever you type into this alternative text field. If you leave this field blank, a sight-impaired visitor will not be able to consume this image.
     
  6. Choose whether you want the image to align to the left, center or right of your text.
     
  7. Make changes to the height and width of the image as needed. Make sure that the small padlock image to the right of the Width and Height boxes is showing as locked. If it is showing as unlocked, click on it. The locked image indicates that when you change the height, the width will automatically change as well to maintain the proper proportions.
     
  8. When done with all of these fields, click on the green OK button to insert the image into your text.