--- title: Course Presentation description: The Course presentation content type allows you to create a slide-based presentation of your learning material, including links, pictures, audio, video and various quiz types. --- [Skip to content](https://kb.hubkengroup.com/en/course-presentation#main-content) English Show submenu for translations ![Hubken-Full-Colour-Logo-RGB.png\]](https://kb.hubkengroup.com/hs-fs/hubfs/Hubken-Full-Colour-Logo-RGB.png?height=40&name=Hubken-Full-Colour-Logo-RGB.png) - [Default HubSpot Blog](https://howtomoodle-2506047.hs-sites.com/blog) Open main navigation Close main navigation - [Default HubSpot Blog](https://howtomoodle-2506047.hs-sites.com/blog) - English Show submenu for translations - Contact us Contact us Hi, how can we help you? - There are no suggestions because the search field is empty. 1. [Hubken Group Knowledge Base](https://kb.hubkengroup.com/en?hsLang=en) 2. [Interactive Content](https://kb.hubkengroup.com/en/interactive-content?hsLang=en) # Course Presentation ## The Course presentation content type allows you to create a slide-based presentation of your learning material, including links, pictures, audio, video and various quiz types. #### When to use Course presentations Course presentations enables you to author and deliver your course material directly in your browser. Course presentations contain slides where you can add various multimedia- and interactive elements to engage the learner. Course presentations are used when you want to package a piece of learning content in a structured and interactive format. Learners swipe through slides to experience the learning material, while solving various quizzes or watching videos along the way.   Try Course presentations as an alternative to presenting your learning content as Powerpoint presentations, PDFs or text-based web pages. Course presentations are very flexible to use, as they are simple to create, publish and edit. #### Step 1: Topic We'll use the [Wikipedia article about Cloudberries](http://en.wikipedia.org/wiki/Rubus_chamaemorus) as background material for our Course presentation. We'll use a couple of pictures from Wikimedia Commons as well. Let's create three slides, with a test at the end: - Slide 1: Cloudberries - Slide 2: Where to find them? - Slide 3: Uses - Summary #### Step 2: Creating a Course presentation Select the **New content **option and choose** Course presentation** from the list of Content types: ![cp_1](https://kb.hubkengroup.com/hs-fs/hubfs/cp_1.png?width=688&name=cp_1.png) #### Step 3: Course presentation editor The Course presentation editor should now appear. The top part of the editor looks like this: ![01_0](https://kb.hubkengroup.com/hs-fs/hubfs/01_0.jpg?width=688&name=01_0.jpg) In this tutorial, we'll focus on creating the Course presentation content. The content creation happens in the top part of the editor, so we'll only focus on this for now. The Course presentation editor is WYSIWYG. The end-user view of the Course presentation will look very similar to the editor view. #### Step 4: Slide 1 We'll start by adding a slide in the slides panel to the left. The slide titles can be used to navigate between the slides. > **NOTE:** You can remove the slides panel entirely by pressing the **Remove slides** button. However, this action cannot be undone. Press the ![](https://h5p.org/sites/default/files/styles/square_thumbnail/public/02_2.jpg?itok=CO0MVJSu) button to open slides menu. Press the pen next to "No title" ![](https://h5p.org/sites/default/files/03_0.jpg) to add a slide title. Use *Cloudberries *as the title. You should now have something like this:  ![](https://h5p.org/sites/default/files/04_0.jpg) Now we can move on to adding some images.  We'll use these two images from Wikimedia: - [cloudberry flower](http://en.wikipedia.org/wiki/File:Rubus_chamaemorus_LC0151.jpg) - [cloudberry](http://commons.wikimedia.org/wiki/File:Cloudberry-cropped.jpg) Note the license information and URL and save the pictures to a local folder.  We add the pictures by using the ![](https://h5p.org/sites/default/files/cp-img-4_0.jpg) button in the top toolbar. Press this button, drag it to where you want the image to be placed and drop it there. A dialogue will automatically open: ![](https://h5p.org/sites/default/files/05_1.jpg) Press the ![](https://h5p.org/sites/default/files/06.jpg) button, browse to where you saved the [cloudberry flower](http://en.wikipedia.org/wiki/File:Rubus_chamaemorus_LC0151.jpg) picture and select it for upload. We must also remember to add multimedia license information. Add the following information to the **Metadata **![](https://h5p.org/sites/default/files/08.jpg) dialog: ![](https://h5p.org/sites/default/files/07.jpg) Finally, we have to add an **Alternative text** and a **Hover text**. The **Alternative text** is used to describe the image as an alternative to being displayed. The **Hover text** will show up on devices using a mouse when the cursor hovers over the image.  Alternative text: *Picture of a Cloudberry flower* Hover text: *Cloudberry flower* You should now have something like this:  ![](https://h5p.org/sites/default/files/09.jpg) Resize the picture by pulling in the lower right corner of the image. Make the image slightly smaller in size. You can move the picture by using drag and drop. Place it in the top left corner, so you get something like this: ![](https://h5p.org/sites/default/files/10_0.jpg) Now, add a second picture. This time, we'll use the [cloudberry](http://commons.wikimedia.org/wiki/File:Cloudberry-cropped.jpg) picture and place it beneath the cloudberry flower picture. Use the same procedure as above.  You should now have something like this: ![](https://h5p.org/sites/default/files/11.jpg) To finish slide 1, we'll add the following text, which is paraphrased from the Wikipedia article: - *The Rubus chamaemorus is a herb producing amber-coloured edible fruit similar to the raspberry or blackberry.* - *The cloudberry grows to 10–25 cm high.* - *The leaves alternate between having 5 and 7 soft, handlike lobes on straight, branchless stalks.* - *After pollination, the white flowers form raspberry-sized berries.* - *Each fruit is initially pale red, ripening into an amber colour in early autumn.* Use the **Text tool** ![](https://h5p.org/sites/default/files/cp-img-10_2.jpg) to add a block of text to the slide. Once you have dropped the text box, a dialog will appear. Insert the text above in the **Edit text** dialog:  ![](https://h5p.org/sites/default/files/text_0.jpg) Leave the other fields blank and press **Done**. You can place and resize the text block in the same way as images.  Now, position and size the text block so that you end up with something like this:  ![](https://h5p.org/sites/default/files/12.jpg) We have now finished slide 1.  #### Step 5: Slide 2 Press the ![](https://h5p.org/sites/default/files/13.jpg) button in the lower right corner of the editor to add another slide.  Slide 2 will contain information about where Cloudberries can be found. Add the slide title *Where to find them? *in the slides panel.  We'll use the [map picture](http://en.wikipedia.org/wiki/File:Cloudberry_distrib.png) from Wikipedia to show where Cloudberries grow in the wild. We add the picture by using the ![](https://h5p.org/sites/default/files/cp-img-4_0.jpg) button in the top toolbar. Drag the picture onto the slide, upload the picture and add license information. Press **Done**, then resize the picture so you have something like this: ![](https://h5p.org/sites/default/files/14.jpg) To finish slide 2, we'll add the following text, which is also paraphrased from the Wikipedia article: *Cloudberries are found in mountainous areas on the Northern Hemisphere* - *Europe: In the Nordic countries and the Baltic states* - *Asia: Across northern Russia east towards the Pacific Ocean* - *North America: across most of northern Canada, Alaska, northern Minnesota, New Hampshire and Maine* As on slide 1, use the **Text tool** ![](https://h5p.org/sites/default/files/cp-img-10_2.jpg) to add a text box to the slide. Once you have dropped the text box, a dialog will appear. Insert the text above in the **Edit text** dialog:  ![](https://h5p.org/sites/default/files/15.jpg) You can navigate between slides by pressing the slide titles in the slides panel or by using the navigation bar. ![](https://h5p.org/sites/default/files/16.jpg) #### Step 6: Slide 3 Press the ![](https://h5p.org/sites/default/files/13.jpg) button to add a third slide. Slide 3 will describe various uses of the cloudberry. Add the slide title *Uses *in the slides panel.  Again, we'll use text and images to deliver our message. In addition, we'll add a link to a website where the learner can find recipes using cloudberries.  Here are the links to the Wikimedia Commons pictures we'll use: - [finnish cheese with cloudberry jam](http://commons.wikimedia.org/wiki/File:Leip%C3%A4juusto_cheese_with_cloudberry_jam.jpg) - [spoon of cloudberry jam](http://commons.wikimedia.org/wiki/File:Homemade_cloudberry_jam.jpg) - [oatmeal with cloudberries](http://commons.wikimedia.org/wiki/File:Swedish_cuisine-Oatmeal_with_cloudberry.jpg) We add the pictures by using the ![](https://h5p.org/sites/default/files/cp-img-4_0.jpg) button in the top toolbar. As on slide 1, we'll place the pictures in a column on the left side of the slide. Insert the three pictures, add the appropriate license information, place and resize them so you have something like this: ![](https://h5p.org/sites/default/files/17.jpg) The text we'll use, is again paraphrased from the Wikipedia article: - *In Finland, the berries are eaten with heated, local cheese* - *In Sweden, cloudberry jam is used as a topping for ice cream, pancakes, and waffles* - *In Norway, they are often mixed with whipped cream and sugar* - *In Atlantic Canada, cloudberries are used to make "Bakeapple Pie".* - *In Alaska and Northern Canada, the berries are mixed with seal oil, reindeer or caribou fat, and sugar to make "Eskimo Ice Cream" or "Akutaq".* Use the **Text tool** ![](https://h5p.org/sites/default/files/cp-img-10_2.jpg) to add a block of text to the slide. Once you have dropped the text box, a dialog will appear. Insert the text above in the **Edit text** dialog. Press **Done** when you're finished. You should now have something like this: ![](https://h5p.org/sites/default/files/18.jpg) Finally, we'll add a link. Use the ![](https://h5p.org/sites/default/files/cp-img-21_0.jpg) button on the toolbar and place the link onto the slide.  We can find a selection of Cloudberry desserts on yummly.com. Here's the URL: http://www.yummly.com/recipes/cloudberry-dessert Use the link text *Cloudberry dessert recipes*. ![](https://h5p.org/sites/default/files/link_0.jpg) Press **Done**. then resize and place the link box so you have something like this: ![](https://h5p.org/sites/default/files/19_0.jpg) We're now finished with slide 3. Finally, we'll add a **Summary** to finish the Course presentation. #### Step 7: Slide 4 Press the ![](https://h5p.org/sites/default/files/13.jpg) button to add a fourth and final slide. Add the slide title *Summary *in the slides panel.  The **Summary** will allow the learner make an interactive summary of the most important aspects of the previous three slides. On the toolbar, press the ![](https://h5p.org/sites/default/files/07_0.jpg) button and drag a summary onto the slide. Creating a **Summary **is covered in [this tutorial](https://h5p.org/tutorial-summary).  Once you have dropped the **Summary**, the editor will appear.  Now we'll add statements to the Summary. Press the **Add statements** button to add two more statement groups. > In the **Summary** editor, the top statement in a statement group is always the correct one.  Introduction text: *Choose the correct statement about Cloudberries.* Statement group 1:  - *Cloudberries are similar in shape and size to raspberries and blackberries.* - *Cloudberries are similar in shape and size to blueberries and redcurrants.* - *Cloudberries are similar in shape and size to strawberries.* Statement group 2: - *Cloudberries are found in the Northern Hemisphere.* - *Cloudberries are found in the Southern Hemisphere.* Statement group 3: - *In Atlantic Canada, cloudberries are often used to make "Bakeapple pie".* - *In Atlantic Canada, cloudberries are mainly eaten with a heated local cheese.* - *In Atlantic Canada, cloudberries are mainly eaten with a heated local cheese.* Press **Done** when you have added the statements. Then position and resize the **Summary** so you'll have something like this: ![](https://h5p.org/sites/default/files/20.jpg) #### Step 8: Finishing up At the bottom of the editor, you'll find the **Enable show solution buttons** option. In this context, the option does not have any effect. **Save** the node/article to view your finished Course presentation. - [Totara Tips](https://kb.hubkengroup.com/en/totara-tips?hsLang=en) - [Moodle Tips](https://kb.hubkengroup.com/en/moodle-tips?hsLang=en) - [Hubken Branding](https://kb.hubkengroup.com/en/hubken-branding?hsLang=en#main-content) - [Moodle](https://kb.hubkengroup.com/en/hubken-branding?hsLang=en#moodle) - [Totara](https://kb.hubkengroup.com/en/hubken-branding?hsLang=en#totara) - [Hubken Add-ons](https://kb.hubkengroup.com/en/hubken-add-ons?hsLang=en#main-content) - [Topics Extended (Course Format)](https://kb.hubkengroup.com/en/hubken-add-ons?hsLang=en#topics-extended-course-format) - [Web Conferencing](https://kb.hubkengroup.com/en/web-conferencing?hsLang=en#main-content) - [BigBlueButton](https://kb.hubkengroup.com/en/web-conferencing?hsLang=en#bigbluebutton) - [Zoom](https://kb.hubkengroup.com/en/web-conferencing?hsLang=en#zoom) - [Microsoft Teams](https://kb.hubkengroup.com/en/web-conferencing?hsLang=en#microsoft-teams) - [Cisco Webex](https://kb.hubkengroup.com/en/web-conferencing?hsLang=en#cisco-webex) - [Interactive Content](https://kb.hubkengroup.com/en/interactive-content?hsLang=en) - [Gamification](https://kb.hubkengroup.com/en/gamification?hsLang=en#main-content) - [Level up!](https://kb.hubkengroup.com/en/gamification?hsLang=en#level-up) - [General Useful Resources](https://kb.hubkengroup.com/en/general-useful-resources?hsLang=en#main-content) - [Mail](https://kb.hubkengroup.com/en/general-useful-resources?hsLang=en#mail) - [Topics Extended Course Format](https://kb.hubkengroup.com/en/topics-extended-course-format?hsLang=en) - [Default HubSpot Blog](https://howtomoodle-2506047.hs-sites.com/blog) [![Chill listening crop-3](https://kb.hubkengroup.com/hs-fs/hubfs/Hubken-Full-Colour-Logo-RGB.png?width=69&height=24&name=Hubken-Full-Colour-Logo-RGB.png "Chill listening crop-3")](http://www.hubkengroup.com?hsLang=en) Hubken Group Knowledge Base | www.hubkengroup.com Copyright © 2026, Hubken Group Ltd ![7 tips on how to create engaging elearning courses in Moodle](https://googleads.g.doubleclick.net/pagead/viewthroughconversion/1069424240/?guid=ON&script=0) ![](https://px.ads.linkedin.com/collect/?pid=1407956&fmt=gif)