Videos to help you get started on your new faculty website

How to Insert an Image

This tutorial will discuss how to insert an image. If you are having difficulties or need any further clarification, please contact for assistance. Below you will find the written instructions, a printable file for your convenience and you can watch a short video as well. 

First confirm that you are logged in, on the the page that you will be placing your photo, and in the Edit Content mode of the module you wish to have the picture inserted in.

  1. Click your cursor in the content area where you want the picture to be placed.
    Begin in the module in which you would like to insert the picture
  2. Click on the Insert Picture icon (looks like a landscape with a sun).
  3. On the Image Properties window click Browse Server.
    Click on Browse
  4. On the Image Gallery window, navigate through your folders to the location of the picture you wish to insert.
    Find the picture you wish to insert in the image gallery

    NOTE: If you go into the wrong folder, you can return to the previous folder by clicking Go Up folder.
    To navigate back to the main page, use the go up option
  5. If the picture is not yet uploaded to the server (i.e. it is still on your computer), navigate to the folder where you wish this picture to be stored. Make sure the picture you are going to insert is web quality.
  6. After you have selected the picture, you will automatically be taken back to the Image Properties window. You can see your picture in the preview box.
    Your picture will appear in the preview box
  7. Type in the Alternative Text. This is the text that will show up if someone hovers over the image, and it is the text that a screen-reader or search engine will see. Alternative text can include a brief description of the photo, a summary of the text contained in the graphic, or a summary of the photo in context to the text that surrounds it.
  8. In the Align field, select Left or Right. This brings the text around the photo and aligns the photo either left or right depending on your preference.
  9. To hyperlink a picture to another web page, click the Link tab and insert the hyperlink in the URL field. (For more information on this step, see the Hyperlinking an Image Tutorial)
  10. Click OK.
  11. You will see the picture inserted into the module.

Do you want to print out the instructions? Download the printable version of How to Insert a Picture.


Oops! Looks like you don't have Javascript enabled, or don't have Flash Player installed.



If you have any questions about this or any other posting, please feel free to contact us.

Related Topics:
Share this: E-mail | Bookmark |