Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Course Image and Banner


Excerpt

A course image and/or banner can make your course visually unique and easier to find in the  course list. 

Viewing the Course Image

Course images are shown when viewing your course list in grid view. The image appears at the top of each course tile, about the course ID and name. 

Newly-created courses will be randomly assigned a default course image by the Blackboard system. 

Image Removed

Editing the Course Image

Info
titleDetails to note when selecting an image:
  • The minimum recommended size for the banner image is: 1200 x 240 pixels.
  • Note that images with text don't scale well.
  • An abstract image or one with a focus at the center would work better for a banner, due to cropping variability.
  • While visual components of courses are helpful for aesthetic and identification purposes, it is important to adhere to accessibility best practices and standards.  If the image is primary content, be sure to include an image description for screen readers.  Otherwise, mark the image as decorative. 


To access the course image settings from the course list, hover your cursor over the image on your course

Adding a Banner to Your Course 

If your course does not have an existing banner, here are quick steps to add one to your course.

1. Go to your Course page, then on the left hand menu, Details & Actions,  select "Edit display settings"  (see image below).

Image Added


2. The Display Settings menu will appear on the right side of the Course page. Select the pictureImage Addedicon opposite Course Image (see image below).

Image Added


3. One you click on the picture Image Addedicon, the Insert Image dialog box will appear.  You have 2 choices for image selection: 

Image Added

You can select "Upload from Device"; this is where you would use saved images from your laptop or desktop (see image above). You can upload or drag saved images to this area noted in the image above.  If you select the "Upload file" button, you are immediately sent to your device folders. You select the image you need, then select the blue "Open" button. Ensure that your image size is 1200 x 240 pixels (px) or larger. 


Image Added

Also, you can conveniently select "Stock images from Unsplash". These are images that are already created on the platform for users. By default, images that initially show are based on your course title. However, you can use the "Search" box and find specific images you want. Once you click on the image you desire, then  select "Next" at the bottom right of the Insert Image dialog box. Adjust the portion of the image you want to be visible on your banner, then select "Save". 


4. Alternative Text or Decorative Image 

Regardless of your choice of image, you will be prompted to note if the image is required for accessibility or decorative purposes. If the image is needed for more than decorative purposes you will need to enter alternative text in the "Alternative text" box. If not, check the "Mark the image as decorative" box. 

5. Once you have completed step 4, you can select "Save". Your banner should be displayed immediately. If not, please refresh the page. Please note that your course banner image is the same image that is applied to your course card when you view your courses in grid view. 

Viewing the Course Image

Courses that have an existing banner image are shown when viewing your course list in grid Image Added view. The image appears at the top of each course card, above the course ID and name (see image below). Newly-created courses will be randomly assigned a default course image by the Blackboard system. 


Image Added

Ways to Access Banner for Editing Purposes 

1. If you need to change an existing banner image, in grid view you can  hover your cursor over the image on  your course card then click on the three dot menu to show the dropdown list. Select "Edit course image"  to open the display settings.



2.  Alternatively, to ,  on the Course page, you can access the the course image settings from within the course, find "Course Image" in the Details & Actions menu on the left side of the course content area, then select "Edit display settings." 

Details and actions menu with edit display settings  under course image in purple boxImage Removed

The display settings panel will open on the right side of your screen.

To upload a new image, click on the picture icon:Image Removedin the top right.

Display settings tab with purple box around picture icon on the right side of the panelImage Removed

Once the "Insert Image" pop up opens, add the new image file by dragging and dropping it into the box, or click "Upload file" to search for files by name.

Insert image panel with box where files can be dragged and dropped or files can be uploadedImage Removed

After the file is successfully uploaded, an image preview will appear. Click the "Next" button at the bottom. 

Insert image panel with preview of the image and next button in bottom right corner of the panelImage Removed

After "next" is clicked, there will be options to zoom in and out with the purple slider, reposition the image with arrows or by dragging. When finished, click "Save" at the bottom of the panel. 

Insert image panel with image preview with slider to zoom in and out of the image with save button at the bottom right cornerImage Removed

Once saved, the display settings panel will appear again. By default the image is marked as decorative, and use as course banner is "on". Uncheck the checkbox to mark the image as not decorative and add alternative text (if no alternative text is added then it will be automatically marked as decorative once the panel is closed). Press Save. 

Adding/Removing Course Banner

By default the course banner is toggled "on", if

banner from the left hand menu by clicking the "Edit display settings" under Details & Actions (see left image). 

You can also access your banner by hitting the pen  Image Addedicon on the far upper right on the existing banner (see left image).


Image Added

Removing Course Banner

Repeat step 1 or 2 in "Ways to Access Banner for Editing Purposes". Under the Display & Settings dialog box you will note that the Course Banner is toggled "on". If a course banner is not desirable then toggle to "off" and then

press save

click on the "Save" button at the bottom of the

panel.
Note
titleCourse banner must be course image

There is no way to have a course banner without adding a course image and using that image for the banner. There are no other ways to have a course banner.

Image Removed

dialog box.

Blackboard Help

Further information from Blackboard can be found here: