H5P Content Creation: Accordion

H5P offers course designers a wide variety of tools to create content. One of them, the accordion, gives you lists that can expand for more info:

To make something like this, you first create a new account. From there, click on “My Account” on the top row of links, and then click the link to “Create New Content.” Select Accordion as the content type, and then provide titles and texts for each panel of the accordion.

Here’s a sample. It includes a short list of important individuals for a course module. A short biography, and links to longer biographies, are included when it expands.

As a disclaimer, the red squiggly spell check line does not appear consistently, so you’ll need to be especially careful for typos, etc.

Some potential applications for the accordion tool could include lists of individuals with biographies, lists of terms with definitions, lists of modules in your course with module summaries, or lists of major events with descriptions. Any ideas how something like this could be used in your courses? Let us know – we’d love to see what you come up with!

Resource for Creating Content

H5P offers a variety of tools that instructors can use to create instructional content: presentations, games, timelines, etc. We’ll highlight some of these tools with examples that could be used in an IL Course.


Have you created anything with H5P? Let us know – we’d love to see your own examples.

How to Add Pictures in d2l News Feed

Have you ever wanted to bring more attention to an item in your news feed with a picture? It can be done in d2l.

First, click where in your post you’d like to place the picture, and click on the 2nd icon to the left (it looks like a mountain with the sun) in the tool bar above your news post.

You’ll be prompted to add a file, either from Course Offering Files or from a URL. We want a URL. Find a picture you’d like to post from a website, right click it, choose “Copy Image Address,” and paste that into the URL prompt in d2l.

d2l will ask you to Provide Alternate Text. If all you want to do is display the picture, select “This image is decorative.”

If the image’s size needs adjusting, like in the example below, click on the lower-right icon with the arrows pointed outward.

Select the picture by clicking and dragging your cursor along the image. This will generate boxes on each corner. Click and drag a corner to adjust the image size. After adjusting the image size, click on the lower-right icon with the arrows pointed outward.

You now have a picture in your news feed!

Updating and Editing Courses

If you need to make any edits with your DCS courses, you can use the following form to request an edit.┬áMaybe you’ve discovered that something in your course needs an updated page number or you thought of a comment that could help clarify assignments.

Be sure to include your name, course, the requested edit, and the URL for the page you’re requesting to edit.