Faculty Guides and Documentation

Adding an Image to a Content Area

Updated on

This lesson will demonstrate how to add an image to a content area in Blackboard.

Adding an Image

Image of the Build Content Menu with Build Content highlighted with a #1 and Image highlghted with a #2

Log into Blackboard and access the content area in which you would like to upload an image to.  Please refer to the guide titled Creating a Content Area for more information on how to create a content area.  To upload your document:

  1. Click on Build Content at the top of the page.
  2. Choose Image from the menu that appears.

Uploading an Image File

Image of Section 1: Select Image file with the following annotations: 1.Name: Enter a name for the image.2.Color of Name: Use the selector to choose a color for the image name.3.Find File: Click on the Browse My Computer button to upload an image stored on the computer; click Browse Course to upload an image that has already been uploaded to the course content collection, or Browse Mashups to upload an image from Flickr to Blackboard.4.Alt Text: Enter an alt text description here for visually impaired individuals.5.Long Description: Enter a caption or description for the image

Users will then see a screen labeled Select Image File.  This screen allows users to upload an image to Blackboard.

  1. Name: Enter a name for the image.
  2. Color of Name: Use the selector to choose a color for the image name.
  3. Find File: Click on the Browse Local Files button to upload an image stored on the computer; click Browse Course Files to upload an image that has already been uploaded to the course content collection, or Browse Mashups to upload an image from Flickr to Blackboard.
  4. Alt Text: Enter an alt text description here for visually impaired individuals.
  5. Long Description: Enter a caption or description for the image

Changing the Image Appearance Settings

Image of the Image Options section with the following annotations: 1.Dimensions: Select Original under Dimensions to preserve the original dimensions, or select Custom to change the dimensions of the image.  Image dimensions are entered in pixels.2.Border: Select the desired border thickness for the image.3.Image target URL: If you wish to create a link to an external site, enter the url for the site here (optional)4.Open in New Window: Select whether to open the external link in a new window.

Image Options allows users to modify the size and appearance of the image file.

  1. Dimensions: Select Original under Dimensions to preserve the original dimensions, or select Custom to change the dimensions of the image.  Image dimensions are entered in pixels.
  2. Border: Select the desired border thickness for the image.
  3. Image target URL: If you wish to create a link to an external site, enter the url for the site here (optional)
  4. Open in New Window: Select whether to open the external link in a new window.

Setting Up The Image Availability

Image shows Section 3: Standard Options with the following annotations: 1.Permit Users to View this Content: Select Yes to allow students to view the image. 2.Track Number of Views: Select Yes to track how many times students access the image.3.Select Date and Time Restrictions:  Use the date and time pickers to limit the time period in which students can access the image. 1.After the image has been uploaded, click Preview to view how the image would appear.  When finished with the image settings, click the Submit button to upload the image.

Standard Options allows users to change the visibility of the image to students:

  1. Permit Users to View this Content: Select Yes to allow students to view the image.
  2. Track Number of Views: Select Yes to track how many times students view the image.
  3. Select Date and Time Restrictions: Use the date and time pickers to limit the time period in which students can view the image.
  4. After the image has been uploaded, click Preview to view how the image would appear.  When finished with the image settings, click the Submit button to upload the image.
Previous Article Adding a Content File
Next Article Adding an Image Into the Text Box