Working with Images

Inserting Images

  1. Simple Method: Copy and Paste
    1. Locate the image you want to insert in an existing web page, Word document, or folder on your computer.
    2. Using your mouse, select it the image, right-click, and select Copy.
    3. Place your cursor where you want to insert the image in your Contribute draft, right-click and select Paste.
    4. Type an image description in the ALT Text box (e.g., if it's a picture of you, type your name). Click OK.
  2. If that fails, try this. . .
    1. Place the cursor where you want to insert the image in your Contribute draft. Click the Image button in the icon toolbar above, and select From My Computer.
      Insert image
    2. A "Select Image" file browser window will open. Browse for the desired image, select it with your mouse and click the Select button.
    3. Type an image description in the ALT Text box (e.g., if it's a picture of you, type your name). Click OK
  3. Reuse an image: When you publish a page with an image, Contribute uploads the images to an images folder in your personal folder on the web. If you use the same image repeatedly, you can select Image > From Website, browse to your images folder and select the image.

Position the Image

The image will drop, initially, to the left of wherever your cursor was when you inserted it. To reposition the image: right-click on the image you've just inserted and select Image Properties.
Select properties

In the "Image Properties" dialog, set the Horizontal and Vertical padding to 10, and set the Alignment to Right. (Note: in Contribute you MUST set an align value of "TOP", "MIDDLE", "BOTTOM", "LEFT" or "RIGHT" for images, or your page will not validate). Optionally, you can also set the Border to 1 or 2. You can return to "Image Properties" later if you wish to change something. (NOTE: Do not change the display size of the image -- this will at best make for a fuzzy image. Instead, delete the image from the page, resize the image using the Contribute image tools.)
Set attributes

Editing Image ALT Text

If you need to add or edit the ALT text for an image, open the page for editing, and select the image with your mouse. Right-click and select Image Properties. Type the necessary information into the "Description (ALT text)" box and click OK.

Editing Images with Image Tools

Contribute also allows you to resize, rotate, crop, sharpen, and adjust the brightness and contrast of an image. Select the image with your mouse, and the image editing toolbar will appear (if you don't see the toolbar, click below the image once, then click the image once again).
Image editor

Changing the width and height in the boxes of the image editing toolbar will actually resize the image, not just change its display size. If you want to discard any changes you've made to the image prior to publishing or republishing the page, right click on it and select Edit Image > Revert to Original.

California State University, Northridge at 18111 Nordhoff Street, Northridge, CA 91330 / Phone: 818-677-2285 / © 2012 CSU Northridge
Last Updated: 04-Jun-2010