Versions Compared
| Version | Old Version 2 | New Version 3 |
|---|---|---|
| Changes made by | ||
| Saved on |
Key
- This line was added.
- This line was removed.
- Formatting was changed.
Hot Spot Activity
See online example.
| Panel | ||
|---|---|---|
| ||
Things to know |
Activity title:
Up to 35 characters look best (50 max)
Activity instruction:
Up to 50 characters look best (500 max)
Character limitsNumber of hotspots:
Unlimited
| Panel | ||
|---|---|---|
| ||
You will want to avoid overlapping hotspots. |
HotSpot Instruction character Limit:
Up to 75 characters
Hotspot Heading character Limit:
Up to 50 characters
Hotspot Description word Limits:
Up to 150 words look best
Up to 75 words if using an image
Activity image best practice:
Recommended main image size 740 px 1020px width x 240 px height to fill slide without a scrollbar.
| bgColor | #DEEBFF |
|---|
500px height
Recommended hotspot image size 366px width x 290px height
To maintain image quality, crop the image dimensions using any image editor (ex. Paint/Paintbrush).
| Panel | ||
|---|---|---|
| ||
If an image is re-sized but not cropped to match pixel dimensions, the image may be stretched or squeezed to fit which can degrade the image quality. |
| Panel | ||
|---|---|---|
| ||
Image of Activity |
| Panel | ||
|---|---|---|
| ||
Tips |
When a user clicks the X in the activity, the card is removed from the deck.
This is a study guide feature that allows the user to customize the deck to meet their study needs.
The card is maintained in the activity and will repopulate when the page is refreshed.A scrollbar will be available to view content that expands more than 255 pixel height.
Customize the Animation method used to Card Flip, Move to Next Card, or Move to Previous
<insert video of animation changes>
| Panel | ||
|---|---|---|
| ||
Accessibility |
Screen readers will also read out loud:
Activity Title
Activity Instructions
Activity Keyboard Command List
Slide text
Image Alternative Text
| Panel | ||
|---|---|---|
| ||
Keyboard Command list for Activity |
Create a Hot Spot Activity
| Panel | ||
|---|---|---|
| ||
Build the Activity |
Click + to create a card.
Add text, image, or media content to the card.
Click in the editor window to:
Format text font style, size, color, and alignment.
Click the image icon to add an image to the flash card.
Click the media icon to add media to the flash card.
Use the link icon to hyperlink text to a website, local files, etc.
Use the right-click menu to add even more features.
4. Adjust the Animation method (optional):
Card Flip
Move to Next Card
Move to Previous
5. Turn Shuffle: On to automatically rearrange the cards. (optional)
6. When finished, click OK.
The Flash Card Activity placeholder will appear in the lesson.
7. Preview the lesson changes.
| Panel | ||
|---|---|---|
| ||
Hot Spot Activity video |
| Panel | ||
|---|---|---|
| ||
Show Hints (on) |
When Show Hints is toggle ON, the
the colored hot spot will appear
on the image when the student
completes the activity
| Panel | ||
|---|---|---|
| ||
Video of Show Hints Enabled |
| Panel | ||
|---|---|---|
| ||
Show Hints (off) |
When Show Hints is toggled OFF, the F
| Panel | ||
|---|---|---|
| ||
Video of Show Hints Disabled |
| Panel | ||
|---|---|---|
| ||
Customize Hotspot Description |
| Panel | ||
|---|---|---|
| ||
| Panel | ||
|---|---|---|
| ||
Customize Hot Spot Color |
With Show Hints: ON, students will see this color to identify the hotspot in the image
| Panel | ||
|---|---|---|
| ||
Image Map Activity Mobile Views
Vertical | Horizontal |
|---|---|