Wiki Page, Canvas HTML Goodies to Sweeten Learner Engagement: 🍬 Hot Spots

Wiki Page
2023-01-04T12:28:45-07:00

Drag the star onto the image to respond to the prompt below. Then, click the Check Yourself button to see the correct answer.

If this teacher wanted to add a new quiz to her Adding Fractions module, where would she click?

Learn more about the ingredients of the code.

Now, it's your turn! Copy the code below and paste it into a page in your sandbox course (a course you can "play" in). Add ingredients to make it your own.



INSERT ICON (STAR, ARROW, ETC.)



INSERT IMAGE HERE



🏆 PRO TIPS:

⭐ You can also create labeling questions using the hot spot code. Add all of your labels inside the enhanceable content div.

⭐ Your icon can be anything. You can use arrows, circles, stars, etc.

⭐ Use a pop-up after your hotspot activity to add the answer.

⭐ You may need to adjust the height of your div depending on the size of your image.

Now that you've had a chance to play with the code, how might you use Hot Spots in your Canvas courses? Add your ideas to the Padlet below and then we'll discuss them!