1. Finding Images for Brightspace Courses
    1. Public Domain and CC0 License Photo Sites
  2. Change the banner image from your Brightspace homepage 
  3. Change the banner image from your course page  
  4. Remove the banner image from your course page 
  5. Widgets
    1. Create a Custom Widget 
  6. Homepage Layout
    1. Create a homepage layout and apply the layout to your course

The course banner image spans the top of course pages in Brightspace. The banner  image is also the course thumbnail in the MyCourses widget on the Brightspace homepage. You can select an image from the Brightspace image gallery or upload your own image.  Choose an image that says something unique about your course. Students may come to associate the banner image with the course. 

NOTE: Course banner images should be 1200 x 200 pixels.

Example of a Brightspace course banner:

Finding Images for Brightspace Courses

There are a number of royalty-free and/or creative commons licensed images you can use for your Brightspace course site. Check out some of the ideas below:

Public Domain and CC0 License Photo Sites

A number of free, stock images are available for use in your teaching and learning. Visit the links below and search for images to use in your content. Be sure to review the relevant use guidelines and specifications.

Change the banner image from your Brightspace homepage 

  1. Log in to Brightspace with your MyCarletonOne credentials.
  2. Locate your course in one of the following ways:
    • Click on the course under My Courses.
    • Click the Course selector grid,  select your course from the drop-down menu or search for the course if the search option appears.
  3. Hover the cursor over the course, then select the [] button in the top-right corner.
    NOTE: If you have pinned the course, the [] button will appear slightly toward the middle rather than right.

  4. In the drop-down menu, select Change Image.
  5. Choose an existing image in the course image library or upload your own banner image. 
    • To select an image:
      1. Hover your cursor over the image.
      2. Click Use this image.                                                            Example of "use this image" button on a banner image
        TIP: You can search images/ topics within the course image library (eg. Chemistry) to focus your search.
    • To upload an image:
      1. Click Upload to the right of the search field.
      2. Select an image from your computer or your course offering files.
        TIP:  If you are uploading your own image, banner dimensions must be 1200 x 200 pixels

Your chosen image will now appear as your course banner on your course page and Brightspace homepage.

Change the banner image from your course page  

  1. Log in to Brightspace with your MyCarletonOne credentials.
  2. Locate your course in one of the following ways:
    • Click on the course under My Courses.
    • Click the Course selector grid,  select your course from the drop-down menu or search for the course if the search option appears.
  3. Hover the cursor overtop of the banner image on the course page. 
  4. Click the [] button in the top-right corner. The button for changing images on a course banner
  5. In the drop-down menu, select Change Image. 
  6. Select an existing image from the Course Image Library or upload your own banner image. 
    • To select an image:
      1. Hover your cursor over the image.
      2. Click Use this image.
        TIP: You can search images/ topics within the course image library (eg. Chemistry) to focus your search.
    • To upload an image:
      1. Click Upload to the right of the search field.
      2. Select an image from your computer or your course offering files.
        TIP: If you are uploading your own image, banner dimensions must be 1200 x 200 pixels

Your chosen banner image will appear as your course banner on your course page and Brightspace homepage.

Remove the banner image from your course page 

  1. Log in to Brightspace with your MyCarletonOne credentials.
  2. Locate your course in one of the following ways:
    • Click on the course under My Courses.
    • Click the Course selector grid , then select the course from the drop-down menu.
  3. Hover the cursor over of the banner image on the course page, then click the [] button in the top-right corner.
  4. In the drop-down menu, select Remove this banner. 
NOTE: You cannot remove a banner image from your Carleton homepage.

To re-enable the banner using the Homepage menu at the bottom of the screen.  

  1. Select the homepage button [] now displayed at the bottom right of the course homepage.
  2. Select Display Homepage Banner. 

Widgets

Widgets are the” building blocks” of homepages. You can create, edit, delete, customize widgets. There are two kinds of widgets within Brightspace: 

  • System Widgets- System widgets are defined by the Brightspace Learning Environment platform. You cannot modify the contents of system widgets or delete them, but you can change where the widgets are located on your course homepage and customize their display options. For a comprehensive description of all the system widgets, see the D2L List of System Widgets.
  • Custom Widgets Custom widgets allow you to expand the functionality of available content in your homepages to suit your specific organizational and course needs. You can add custom HTML code to create a wide range of widgets. 

Create a Custom Widget 

  1. Log in to Brightspace with your MyCarletonOne credentials.
  2. Locate your course in one of the following ways:
    • Click on your course under My Courses.
    • Click the Course selector grid , then select the course from the drop-down menu.
  3. Click Course Admin in the course navbar.
  4. Under Site Setup, click Widgets. You will see two tabs: System and Custom widgets. 
  5. Click the Create Widget button.                                                             
  6. Enter a name and description for the widget. 
  7. Click the Content tab. Add content that will be displayed within the widget. Images, videos, and quick links can all be added to the HTML editor. 
    NOTE: You can also add release conditions for a widget to appear on a homepage under the Release Conditions tab.
    TIP: Use the Preview Widget button at the top of the Edit Widget page to view your work before saving.
  8. To apply different styling options to the widget, clickCustomize Widget Style button. You can change a few settings within this popup: 
    • To hide the titlebar, clear theDisplay Titlebarcheck box. 
    • To remove the default border style, click theDisplay widget container stylecheck box. 
    • SelectProhibit minimizing widgetto prevent users from closing the widget on the homepage. 
    • To set a custom title, in theWidget Namesection, select theCustom. Enter your text in the field. 
  9. ClickSave and Close. 


Homepage Layout

All courses are initially set up with a default course homepage  layout by your system administration. You can use the Homepages tool to create a new homepage and set it as the active homepage for your course.  

Create a homepage layout and apply the layout to your course

  1. Log in to Brightspace with your MyCarletonOne credentials.
  2. Locate your course in one of the following ways:
    • Click on the course under My Courses.
    • Click the Course selector grid , then select the course from the drop-down menu.
  3. Click Course Admin in the course navbar.
  4. Under Site Setup, click Homepages.
  5. Click Create Homepage button. 
  6. Enter a name, description (if applicable) and header text
    WARNING: Do not change the type. Type is to be set at Widget based across homepages at Carleton. You can consult with a TLS member if you are wanting to use an alternative homepage layout.
    TIP: Homepages may change semester to semester. A helpful naming tip is to name the homepage reflective of the semester eg “CHEM 1111- Winter 2021”.
  7. Click Change Layout button to view all of the widget layout options. 
  8. Select the layout you want for your course homepage and click Update.       
  9. In the Widget area, you will notice that the layout has changed based on the selection from step 5. Click Add Widgets button and choose widgets to be located in each part of the layout.  
  10. In the pop-up window, select the check boxes beside the widgets that you want to add to the homepage panel, then clickAdd or Update.
    NOTE: The widgets listed are dependent on the tools available for use within your organization and added to the current org unit.
  11. To change a widget’s vertical placement on a panel or move it to another panel, click and drag the widget. 
  12. ClickSave and Close. You will be taken back to the Homepage tool page. 
    TIP: In the bottom right corner of your course homepage, click the button. You can click Edit this homepage. This is a shortcut to access the editing page for your current homepage.
  13. To make your newly created homepage the active homepage, click the Active Homepagedrop-down menu.               
  14. Select the homepage you want to be active in your course. 
  15. ClickApply. 

Was this page helpful?

2 people found this useful