Banner

The Banner Building Block is a general visual cue at the top of a page or module that indicates something purposeful about the content below it. In general, banners often are to the page's subject matter, module, or course. You can use a change in banners to indicate a shift in topic or page change.

Course Maker has a large library of pre-formatted banner images that span from solid colors to STEM-related imagery. If you wish to add your own banners, here are some recommendations to consider:

  • Dimensions: 1500px by 300px
  • File Size: 300 KB or less (higher sizes may affect page load times)
  • Resolution: 72 dpi

D2L Best Practice: Upload images you plan to use as banners to a central Images folder under the Manage Files tool in D2L.

How to Change Banners on a Page

  1. Pick and download a banner theme from the Course Maker website.
  2. Click the Edit HTML button to activate the editor.
  3. Select the existing banner on the page and click the Insert Image option in the toolbar.
  4. Select My Computer to upload the image that you downloaded from the previous step or use your own custom banner image.
  5. Click Add.
  6. Please add an alternative text if the banner is related to the content and will be referenced in the course text. If the banner is intended to be decorative, check the “This image is decorative” box.
  7. Click Add.
  8. Click Save and Close.

Considerations

  • Do: Use generic banners such as solid colors, abstract images, or related images.
  • Do: Use customized banners related to your course/page content.
  • Do: Use banners as a visual cue.
  • Don't: Overlay text or content over the banner.
  • Don't: Use copyrighted or watermarked images.