Adding A Custom Page Banner to the Course News Page

This lesson will demonstrate how to add a custom page banner to the Course News page that contains text or images

Editing the Banner

You will now see a screen similar to the one above where you can edit the page banner information.

  1. To add text to the page banner, type the desired text in the text editor.
  2. To attach an image, click on the Attach Image button (the button that looks like a photograph) as shown by the red arrow.

Uploading an Image

You will now see an image similar to the one above that will allow you to link to or upload an image.

  1. Image URL: Click the Browse My Computer button to upload an image from your computer, or click Browse Course to upload an image that has already been added to the course.  The Image URL field will populate automatically.  Alternatively, an image from an external site can be linked to by typing in the direct URL for the image.
  2. Image Description:  Enter a description of the image here so the image can be accessible to users with screen readers in order to ensure accessibility of course content.
  3. Title: Enter a title for the image here.

Modifying the Image Appearance

  1. To modify the image appearance, click the Appearance tab at the top of the page.
  2. Alignment: Use the dropdown menu to select the desired alignment for the image
  3. Dimensions: Enter the desired dimensions for the image in pixels.  Check the Constrain Proportions box to keep the image in proportion.
  4. Vertical Space, Horizontal Space, Border, Class, and Style: Enter the desired volumes for image padding and border width.  
  5. When you are ready to add the image, click the Insert button.

Finishing Up

You will then be taken back to the Edit Page Banner screen, and you will now see the attached image in the text editor.  Use the text editor to make any changes.  When finished, click Submit to save the banner.