CONTACT US          •          ABOUT THE HUB

Cambrian College Teaching & Learning Innovation Hub

  /  Blog   /  How to Create Course Header Images in PowerPoint
Sample Moodle Header

How to Create Course Header Images in PowerPoint

By Sarah Wendorf, Instructional Designer

Sample Header with "Course Code, Course Name" as text with a pencil icon.

Want to add more visual elements to your course?

Using PowerPoint as a graphic design tool, you can create great-looking header images and title blocks for your course.

All it takes is changing the slide size and exporting your slides as .jpg images. Let’s get started!

Step 1: Set Up PowerPoint Slide Size

  1. Open up PowerPoint
  2. Click “Blank Presentation” to start
  3. Open the “Design” tab at the top
  4. Under “Slide Size” click the down arrow to select “Custom Slide Size”
  5. Set your width to 100 cm and height to 15 cm and click “OK”

This is a good size to start with for a header image at the top of your course in Moodle. It will export to a high-quality but small file size image when you are finished.

Step 2: Style Your Header Image

  1. Add your course code, course name, instructor name, and/or other details you wish to have in your header image
  2. Choose a background colour or theme to style your header image
  3. Resize any elements to best fit your image

*BONUS*

Take it one step further by changing the colours of your chosen theme in the “Design” tab under “Variants”. Click the down arrow in the “Variants” section and go into the “Colours” menu to select a colour theme. You can select “Customize Colours” at the bottom to individually change any of the colour elements.

Step 3: Add Icons to Your Header Image (Optional)

Did you know that PowerPoint has a built-in image search that displays Creative Commons licensed images? Follow the steps below if you wish to add icons and other CC licensed images to your header.

  1. Click on “Insert”, “Online Pictures” to open up a search window.
  2. In the “Bing Image Search” field, type in a search term for an icon you wish to add (ex: “pencil icon”).
  3. The search will return items that are Creative Commons licensed as indicated by the checked check box above the search results.
  4. Double click on an image you wish to use and it will be inserted into your header image.
  5. Move and resize your image as necessary.
  6. Change the colour of your image by selecting the image, then in the “Picture Tools – Format” tab, select “Colour”. This list of colours is based on your chosen theme’s colours (pretty cool!)
  7. Select a colour and it will be applied to your image.

Step 4: Save as Image

  1. Once you are happy with your design, click on “File”, “Save As”, and give your file a name. Save your file first as a PowerPoint (.ppt) file
  2. Now click “File”, “Save As”, and instead of saving as a .ppt file, click on the “Save as type” drop down menu and select “JPEG File Interchange Format” to save as a .jpg image.
  3. When prompted for the export, select “Just this one” to save only the one slide as an image.

Step 5: Add Image to Moodle

  1. To add your new header image to Moodle, open your course in Moodle and select “Turn editing on” in the top right corner.
  2. Click “Add an activity or resource” and select “Label” at the bottom of the list. Click “Add”.
  3. In the “General” section, click the image icon in the toolbar above the textbox. Click “Find or upload an image”.
  4. Choose the .jpg file you saved and click “Open”. Click “Upload this file”. Add a description in the “Image Description” box for accessibility. This should be the same text you use on your image so a student who uses a screenreader could have it read aloud to them (aka “Alt Text”).
  5. Select the “Appearance” tab and change the dimensions to have 100% in the first box. Remove the value in the second box.
  6. Click “Insert” and arrange the image where you would like it to be in your Moodle course.
  7. Click “Save and return to course” when finished.

*TIPS*

  • When you input 100% as an image width in Moodle, your images will automatically resize according to the size of the screen that your student is viewing it on. This is called a “responsive image”.
  • To view your image as a student would see it, click on your profile image in the top right and select “Switch role to…” and then select “Student” to view your course as a student would see it. This is how your image will look on your live course!

Extend Your Use of PowerPoint

I hope this was an easy to follow tutorial. There are many other ways you can use PowerPoint to enhance your course with graphics too!

Consider some of the other following ways to use PowerPoint for your course:

  • Create infographics
  • Create posters
  • Create section / unit / weekly header images
  • Create handouts and postcards
  • Create printable or online templates
  • Easily find and use Creative Commons images
  • Have another idea? Leave a comment below!

Sarah Wendorf
Instructional Designer

(705) 566-8101 x 7923

EmailTwitterLinkedIn

Was this article helpful?

Share this:
Post a Comment