This document provides instructions for creating various activity types using the Hot Potatoes software, including multiple choice, multi-select, cloze, ordering, and matching activities. It includes steps for adding images and instructions, customizing the interface, saving project files, and publishing activities for student use. Sample text is provided on the last page for testing the different activity types.

1. P a g e | 1
John Allan 2017
Teacher’s Hot Potatoes Quick Start Sheets

2. P a g e | 2
John Allan 2017
Table of Contents
Table of Contents....................................................................................................................................2
Create Learning Objects..........................................................................................................................3
Create a Multiple Choice activity........................................................................................................3
Create a Multi-Select activity............................................................................................................10
Create a Cloze (fill-in-the-blank) activity...........................................................................................17
Create a Cloze (Drop down menu) activity.......................................................................................24
Create a Ordering letters in a word (spelling) activity......................................................................32
Create an Ordering words in a sentence activity..............................................................................39
Create an Ordering sentences in a paragraph or list activity ...........................................................46
Create a Crossword Puzzle activity...................................................................................................54
Create a Matching activity – Text only Drop Down Choices ............................................................62
Create a Matching activity – Text only Drag and Drop Choices.......................................................67
Create a Matching activity – Drag and Drop with Pictures..............................................................73
Create a Matching activity – Text only Flashcard Format (Quizlet does this).................................80
Add Media to your Hot Potatoes..........................................................................................................85
Adding an audio file to your Hot Potatoes activities ........................................................................85
Adding a YouTube video to your Hot Potatoes activities .................................................................92
Adding a Text Reading to your Hot Potatoes activities ....................................................................99
Adding images to your Hot Potatoes Projects................................................................................105
Finishing Options.................................................................................................................................107
Create a Masher activity – A combination of activities.................................................................107
Saving a Hot Potatoes project file...................................................................................................114
Publishing a Hot Potatoes project file for student use...................................................................115
Getting the exercise picture/ image files........................................................................................116
Hot Potatoes Resources......................................................................................................................117
Web resources ................................................................................................................................117

3. P a g e | 3
John Allan 2017
Create Learning Objects
Create a Multiple Choice activity
1. Open Hot Potatoes
2. Choose JQuiz
3. Type in a Quiz title
4. Type or Paste the text in the Question text box
5. Choose Multiple-choice
6. Set the weighting to 100
7. Type in the answer and
distracters
8. Type in feedback
(if desired/required)
9. Check the Accept as
correct (beside the correct
answer)
10. Set the % correct to 100
11. To add another question,
click once on the upward
arrow head
bedside Q1
12. Repeat steps 4 to 11
Don’t type! All exercise
text is on the last page
of this document.

4. P a g e | 4
John Allan 2017
13. Continue adding questions until your quiz is finished.
14. To customize the instructions, Click on the menu item Options
15. Click Configure output
16. In the tab, Titles/Instructions, type the quiz instructions.
17. In the tab, Buttons, choose to hide or show screen elements such as the Hint button. In the
screen below, all of these elements are hidden.

5. P a g e | 5
John Allan 2017
18. In the tab, Appearance, alter the font face, font size and the colors as below.
19. In the tab, Other, choose Shuffle options and case sensitivity if desired.
20. Click OK

6. P a g e | 6
John Allan 2017
Save the project file
1. Click File, Save As
2. Type in a file name
3. Note the file type is JQuiz (.jqz)
4. Click on the Save button
Publish the project for student use
1. Click File
2. Click Create Web Page
3. Click Standard Format
4. Type a file name
5. Note the file type is HTML
6. Click Save
7. Choose View the exercise in my browser
8. Check for any issues
9. If the project is acceptable, locate the folder and copy it onto a USB drive or a server for
sharing.

7. P a g e | 7
John Allan 2017
Adding images
1. Place all of the project images into a folder
2. In the Title section,
3. Click to the right of the title text (to set an insertion point for the image)
4. Click on the Insert a picture from a file on your hard drive icon
5. Locate the picture/image on your hard drive
6. Select the image
7. Click Open
8. Alter the size (smaller)
9. Change the alignment to Centre
for best results
10. Click OK

8. P a g e | 8
John Allan 2017
11. HTML code appears (don’t worry)
12. Click the Save icon
13. Click the Export to Web icon
14. Click Save
15. Click Yes
16. Preview the exercise

9. P a g e | 9
John Allan 2017
Exercise text:
Fossil collecting
What are the two main types of sedimentary rocks?
clastic and conglomerate
shale and precipitated
clastic and precipitated
precipitated and clay
Incorrect
correct
↑ Table of Contents

10. P a g e | 10
John Allan 2017
Create a Multi-Select activity
1. Open Hot Potatoes
2. Choose JQuiz
3. Type in a Quiz title
4. Type or Paste the text in the Question text box
5. Choose Multi-select
6. Set the weighting to 100
7. Type in the answer and
distracters
8. Type in feedback
(if desired/required)
9. Check an Should be selected
(beside the correct answer)
10. Check other answers as Selected
11. To add another question, click
once on the upward arrow head
bedside Q1
12. Repeat steps 4 to 11
13. Continue adding questions until
your quiz is finished.
Don’t type! All exercise
text is on the last page
of this document.

11. P a g e | 11
John Allan 2017
14. To customize the instructions, Click on the menu item Options
15. Click Configure output
16. In the tab, Titles/Instructions, type the quiz
instructions.
17. In the tab, Buttons, choose to hide or show screen elements such as the Hint button. In the
screen below, all of these elements are hidden.

12. P a g e | 12
John Allan 2017
18. In the tab, Appearance, alter the font face, font size and the colors as below.
19. In the tab, Other, choose Shuffle options and case sensitivity if desired.
20. Click OK

13. P a g e | 13
John Allan 2017
Save the project file
1. Click File, Save As
2. Type in a file name
3. Note the file type is JQuiz (.jqz)
4. Click on the Save button
Publish the project for student use
1. Click File
2. Click Create Web Page
3. Click Standard Format
4. Type a file name
5. Note the file type is HTML
6. Click Save
7. Choose View the exercise in my browser
8. Check for any issues
9. If the project is acceptable, locate the folder and copy it onto a USB drive or a server for
sharing.

14. P a g e | 14
John Allan 2017
Adding images
17. Place all of the project images into a folder
18. In the Title section,
19. Click to the right of the title text (to set an insertion point for the image)
20. Click on the Insert a picture from a file on your hard drive icon
21. Locate the picture/image on your hard drive
22. Select the image
23. Click Open
24. Alter the size (smaller)
25. Change the alignment to Centre
for best results
26. Click OK

15. P a g e | 15
John Allan 2017
27. HTML code appears (don’t worry)
28. Click the Save icon
29. Click the Export to Web icon
30. Click Save
31. Click Yes
32. Preview the exercise

16. P a g e | 16
John Allan 2017
Exercise text:
Fossil collecting
What are the two main types of sedimentary rocks?
clastic
shale
precipitated
clay
Incorrect
correct
↑ Table of Contents

17. P a g e | 17
John Allan 2017
Create a Cloze (fill-in-the-blank) activity
1. Open Hot Potatoes
2. Choose JCloze
3. Type in a Quiz title
4. Type or Paste the text in the large text box
5. Select the first text item
6. Choose the Gap button
7. The Gapped word alternatives pop up appears
8. Ensure this information is accurate
9. Add a clue if required

18. P a g e | 18
John Allan 2017
10. Type in the alternate answers (in this case a space before and after the word)
11. Click OK
12. The word appears in underlined italicized red. This is where the gap will appear.
13. Repeat steps 5 to 11
14. Continue adding gaps until your quiz is finished.
15. To make editing of the gap items quick, click the ShowWords button
16. To customize the instructions, Click on the menu item Options
17. Click Configure output

19. P a g e | 19
John Allan 2017
18. In the tab, Titles/Instructions, paste or type in instructions.
19. In the tab, Buttons, choose to hide or show screen elements such as the Hint button. In the
screen below, all of these elements are hidden.
20. In the tab, Appearance, alter the font face, font size and the colors as below.
21. Click OK
22. If everything is acceptable, you should save the JCloze project file (.jcl format)

20. P a g e | 20
John Allan 2017
Save the project file
1. Click File, Save As
2. Type in a file name
3. Click on the Save button
• You must now publish the file in HTML format for students to use.
Publish the project for student use
1. Click File
2. Click Create Web Page
3. Click Standard Format
4. Type a file name
5. Note the file type is HTML
6. Click Save
7. Choose View the exercise in my browser
8. Check for any issues
9. If the project is acceptable,
locate the folder and copy it
onto a USB drive or a server
for sharing.

21. P a g e | 21
John Allan 2017
Adding images
1. Place all of the project images into a folder
2. In the Title section,
3. Click to the right of the title text (to set an insertion point for the image)
4. Click on the Insert a picture from a file on your hard drive icon
5. Locate the picture/image on your hard drive
6. Select the image
7. Click Open
8. Alter the size (smaller)
9. Change the alignment to Centre
for best results
10. Click OK

22. P a g e | 22
John Allan 2017
11. HTML code appears (don’t worry)
12. Click the Save icon
13. Click the Export to Web icon
14. Click Save
15. Click Yes
16. Preview the exercise

23. P a g e | 23
John Allan 2017
Activity Text
Fossil Collecting
Fossil collecting can be a very relaxing and rewarding hobby. There are no special rules about where
one may find fossils, and you can find fossils in many places where sedimentary rocks are exposed,
such as clays, shales, limestones and sandstones. Only certain sedimentary rocks will yield fossils,
and they are often concentrated along particular bedding planes within the rocks.
Type the missing words in the blanks. Click or tap "Check" to check your answers.
↑ Table of Contents

24. P a g e | 24
John Allan 2017
Create a Cloze (Drop down menu) activity
1. Open Hot Potatoes
2. Choose JCloze
3. Type in a Quiz title
4. Type or Paste the text in the large text box
5. Select the first text item
6. Choose the Gap button
7. The Gapped word alternatives pop up appears
8. Ensure this information is accurate
9. Add a clue if required

25. P a g e | 25
John Allan 2017
10. Type in the alternate answers (in this case a space before and after the word)
11. Click OK
12. The word appears in underlined italicized red. This is where the gap will appear.
13. Repeat steps 5 to 11
14. Continue adding gaps until your quiz is finished.
15. To make editing of the gap items quick, click the ShowWords button
16. To customize the instructions, Click on the menu item Options
17. Click Configure output

26. P a g e | 26
John Allan 2017
18. In the tab, Titles/Instructions, paste or type in instructions.
19. In the tab, Buttons, choose to hide or show screen elements such as the Hint button. In the
screen below, all of these elements are hidden.
20. In the tab, Appearance, alter the font face, font size and the colors as below.

27. P a g e | 27
John Allan 2017
21. In the tab, Other, Click the option Use dropdown list instead of text box in output
22. Click OK
23. If everything is acceptable, you should save the JCloze project file (.jcl format)
Save the project file
1. Click File, Save As
2. Type in a file name
3. Click on the Save button
• You must now publish the file in HTML format for students to use.

28. P a g e | 28
John Allan 2017
Publish the project for student use
1. Click File
2. Click Create Web Page
3. Click Standard Format
4. Type a file name
5. Note the file type is HTML
6. Click Save
7. Choose View the exercise in my browser
8. Check for any issues
9. If the project is acceptable, locate the folder and copy it onto a USB drive or a server for
sharing.

29. P a g e | 29
John Allan 2017
Adding images
1. Place all of the project images into a folder
2. In the Title section,
3. Click to the right of the title text (to set an insertion point for the image)
4. Click on the Insert a picture from a file on your hard drive icon
5. Locate the picture/image on your hard drive
6. Select the image
7. Click Open
8. Alter the size (smaller)
9. Change the alignment to Centre
for best results
10. Click OK

30. P a g e | 30
John Allan 2017
11. HTML code appears (don’t worry)
12. Click the Save icon
13. Click the Export to Web icon
14. Click Save
15. Click Yes
16. Preview the exercise

31. P a g e | 31
John Allan 2017
Activity Text
Fossil Collecting
Fossil collecting can be a very relaxing and rewarding hobby. There are no special rules about where
one may find fossils, and you can find fossils in many places where sedimentary rocks are exposed,
such as clays, shales, limestones and sandstones. Only certain sedimentary rocks will yield fossils,
and they are often concentrated along particular bedding planes within the rocks.
Select the missing words from the drop down menu. Click or tap "Check" to check your answers.
↑ Table of Contents

32. P a g e | 32
John Allan 2017
Create a Ordering letters in a word (spelling) activity
1. Open Hot Potatoes
2. Choose JMix
3. Type in a Quiz title
4. Type or Paste the text in the term into the Main Sentence text box
5. After each letter press the Enter
key
6. To customize the instructions, Click on the menu item Options
7. Click Configure output
Don’t type! All exercise
text is on the last page
of this document.

33. P a g e | 33
John Allan 2017
8. In the tab, Titles/Instructions, type the activity instructions.
9. In the tab, Buttons, choose to hide or show screen elements such as the Hint button. In the
screen below, all of these elements are hidden.

34. P a g e | 34
John Allan 2017
10. In the tab, Appearance, alter the font face, font size and the colors as below.
11. Click OK
Save the project file
1. Click File, Save As
2. Type in a file name
3. Note the file type is JMix (.jmx)
4. Click on the Save button

35. P a g e | 35
John Allan 2017
Publish the project for student use
1. Click File
2. Click Create Web Page
3. Click Standard Format
4. Type a file name
5. Note the file type is HTML
6. Click Save
7. Choose View the exercise in my browser
8. Check for any issues
9. If the project is acceptable, locate the folder and copy it onto a USB drive or a server for
sharing.

36. P a g e | 36
John Allan 2017
Adding images
1. Place all of the project images into a folder
2. In the Title section,
3. Click to the right of the title text (to set an insertion point for the image)
4. Click on the Insert
5. Click on the Picture
6. Click on the Picture from a Local File
7. Locate the picture/image on your hard drive
8. Select the image
9. Click Open

37. P a g e | 37
John Allan 2017
10. Alter the size (smaller)
11. Change the alignment to Centre
for best results
12. Click OK
13. HTML code appears (don’t worry)
14. Click the Save icon
15. Click the Export to Web icon
16. Click Save
17. Click Yes
18. Preview the exercise

38. P a g e | 38
John Allan 2017
Activity text
Fossil Collecting Spelling
p
a
l
e
o
n
t
o
l
o
g
y
Click on the letters to spell the word. When you think your spelling is correct, click on "Check".
↑ Table of Contents

39. P a g e | 39
John Allan 2017
Create an Ordering words in a sentence activity
1. Open Hot Potatoes
2. Choose JMix
3. Type in a Quiz title
4. Type or Paste the text into the Main sentence text box
5. After each word press the Enter key
6. To customize the instructions, Click on the menu item Options
7. Click Configure output

40. P a g e | 40
John Allan 2017
8. In the tab, Titles/Instructions, type the activity instructions.
9. In the tab, Buttons, choose to hide or show screen elements such as the Hint button. In the
screen below, all of these elements are hidden.

41. P a g e | 41
John Allan 2017
10. In the tab, Appearance, alter the font face, font size and the colors as below.
11. Click OK
Save the project file
1. Click File, Save As
2. Type in a file name
3. Note the file type is JMix (.jmx)
4. Click on the Save button

42. P a g e | 42
John Allan 2017
Publish the project for student use
1. Click File
2. Click Create Web Page
3. Click Standard Format
4. Type a file name
5. Note the file type is HTML
6. Click Save
7. You may be asked to respond on the capitalization of certain words in your list.
8. Answer Yes or No depending on your context.
9. Choose View the exercise in my browser
10. Check for any issues
11. If the project is acceptable, locate the folder and copy it onto a USB drive or a server for
sharing.

43. P a g e | 43
John Allan 2017
Adding images
1. Place all of the project images into a folder
2. In the Title section,
3. Click to the right of the title text (to set an insertion point for the image)
4. Click on the Insert
5. Click on the Picture
6. Click on the Picture from a Local File
7. Locate the picture/image on your hard drive
8. Select the image

44. P a g e | 44
John Allan 2017
9. Click Open
10. Alter the size (smaller)
11. Change the alignment to Centre
for best results
12. Click OK
13. HTML code appears (don’t worry)
14. Click the Save icon
15. Click the Export to Web icon
16. Click Save
17. Click Yes
18. Preview the
exercise

45. P a g e | 45
John Allan 2017
Activity text
Fossil Collecting Sentences
Professionals
and
amateurs
alike
collect
fossils
for
their
scientific
value
.
Click on the words to create a sentence. When you think the sentence is correct, click on "Check".
↑ Table of Contents

46. P a g e | 46
John Allan 2017
Create an Ordering sentences in a paragraph or list activity
1. Open Hot Potatoes
2. Choose JMix
3. Type in a Quiz title
4. Type or Paste the text into the Main sentence text box
5. After each sentence press the Enter key
6. To customize the instructions, Click on the menu item Options
7. Click Configure output
Don’t type! All exercise
text is on the last page
of this document.

47. P a g e | 47
John Allan 2017
8. In the tab, Titles/Instructions, type the activity instructions.
9. In the tab, Buttons, choose to hide or show screen elements such as the Hint button. In the
screen below, all of these elements are hidden.

48. P a g e | 48
John Allan 2017
10. In the tab, Appearance, alter the font face, font size and the colors as below.
11. Click OK
Save the project file
1. Click File, Save As
2. Type in a file name
3. Note the file type is JMix (.jmx)
4. Click on the Save button

49. P a g e | 49
John Allan 2017
Publish the project for student use
1. Click File
2. Click Create Web Page
3. Click Standard Format
4. Type a file name
5. Note the file type is HTML
6. Click Save
7. You may be asked to respond on the capitalization of certain words in your list.
8. Answer Yes or No depending on your context.
9. Choose View the exercise in my browser
10. Check for any issues
11. If the project is acceptable, locate the folder and copy it onto a USB drive or a server for
sharing.

50. P a g e | 50
John Allan 2017
Adding images
1. Place all of the project images into a folder
2. In the Title section,
3. Click to the right of the title text (to set an insertion point for the image)
4. Click on the Insert
5. Click on the Picture
6. Click on the Picture from a Local File
7. Locate the picture/image on your hard drive

51. P a g e | 51
John Allan 2017
8. Select the image
9. Click Open
10. Alter the size (smaller)
11. Change the alignment to Centre
for best results
12. Click OK
13. HTML code appears (don’t worry)
14. Click immediately to the right of the </img>tag
15. Click the Save icon
16. Click the Export to Web icon
17. Click Save

52. P a g e | 52
John Allan 2017
18. Click Yes
19. Preview the exercise

53. P a g e | 53
John Allan 2017
Activity Text
Fossil Collecting Paragraph
Fossil collecting (some times, in a non-scientific sense, fossil hunting) is the collection of fossils for
scientific study, hobby, or profit.
Fossil collecting, as practiced by amateurs, is the predecessor of modern paleontology and many still
collect fossils and study fossils as amateurs.
Professionals and amateurs alike collect fossils for their scientific value.
A commercial trade in fossils has also long existed, with some of this being practised illegally.
Click the sentences to create a paragraph. When you think your paragraph is correct, click on
"Check".
↑ Table of Contents

54. P a g e | 54
John Allan 2017
Create a Crossword Puzzle activity
1. Open Hot Potatoes
2. Choose JCross
3. Type in a Quiz title
4. Choose a position on the crossword grid by clicking in a cell(square)
5. Type the text in each cell (use the arrow keys to move around the grid)
6. Click on the first letter of the term/word
7. Click on the Add Clues button
8. In the Add Clues pop up, type in the clue (see below)
Don’t type! All exercise
text is on the last page
of this document.

55. P a g e | 55
John Allan 2017
9. Click on the red OK button, click on the green OK button.
The term and clue appear in a list
10. Repeat steps 4 to 9 until the crossword is complete.
11. To customize the instructions, Click on the menu item Options
12. Click Configure output
13. In the tab, Titles/Instructions, Paste or type instructions.

56. P a g e | 56
John Allan 2017
14. In the tab, Buttons, choose to hide or show screen elements such as the Hint button. In the
screen below, all of these elements are hidden.
15. In the tab, Appearance, alter the font face, font size and the colors as below.

57. P a g e | 57
John Allan 2017
16. In the tab, Other, choose options depend on your desires.
17. Click OK
18. If everything is acceptable, you should save the JCross project file (.jcw format)
Save the project file
1. Click File, Save As
2. Type in a file name
3. Click on the Save button
• You must now publish the file in HTML format for students to use.
Publish the project for student use
1. Click File
2. Click Create Web Page
3. Click Standard Format
4. Type a file name
5. Note the file type is HTML
6. Click Save

58. P a g e | 58
John Allan 2017
7. Choose View the exercise in my browser
8. Check for any issues
9. If the project is acceptable, locate the folder and copy it onto a USB drive or a server for
sharing.

59. P a g e | 59
John Allan 2017
Adding images
1. Place all of the project images into a folder
2. In the Title section,
3. Click to the right of the title text (to set an insertion point for the image)
4. On the menu bar, Click on Insert
5. Click Picture
6. Click Picture from Local File
7. Locate the picture/image on your hard drive
8. Select the image
9. Click Open

60. P a g e | 60
John Allan 2017
10. Alter the size (smaller)
11. Change the alignment to Centre for best
results
12. Click OK
13. HTML code appears (don’t worry)
14. Click the Save icon
15. Click the Export to Web icon
16. Click Save
17. Click Yes
18. Preview the exercise

61. P a g e | 61
John Allan 2017
Exercise text
Fossil Collecting
Fossil
The remains of a prehistoric organism.
Mud
____rocks , composed of at least 50% silt and clay.
Quartz
Sandstones with at least 90% quartz grains.
Iron
A chemical sedimentary rock.
Coal
An organic sedimentary rock.
Breccia
A clastic sedimentary rock.
Sedimentary
Rock that has formed from sediment deposited by water or air.
Complete the crossword, then click on "Check" to check your answer. If you are stuck, you can click
on "Hint" to get a free letter. Click on a number in the grid to see the clue or clues for that number.
↑ Table of Contents

62. P a g e | 62
John Allan 2017
Create a Matching activity – Text only Drop Down Choices
1. Open Hot Potatoes
2. Choose JMatch
3. Type in a Quiz title
4. Type or Paste the text in Left (ordered) column text boxes
5. Type or Paste the text in Right (jumbled) column text boxes
6. Click Options, Configure output

63. P a g e | 63
John Allan 2017
7. In the tab, Titles/Instructions, Paste or type activity instructions.
8. In the tab, Buttons, choose to hide or show screen elements such as the Hint button. In the
screen below, all of these elements are hidden.

64. P a g e | 64
John Allan 2017
9. In the tab, Appearance, alter the font face, font size and the colors as below.
10. In the tab, Other, consider checking option Shuffle order of items each time the page loads
11. Click OK
12. If everything is acceptable, you should save the JMatch project file (.jmt format)

65. P a g e | 65
John Allan 2017
Save the project file
1. Click File, Save As
2. Type in a file name
3. Click on the Save button
• You must now publish the file in HTML format for students to use.
Publish the project for student use
1. Click File
2. Click Create Web Page
3. Click Standard Format
4. Type a file name
5. Note the file type is HTML
6. Click Save
7. Choose View the exercise in my browser
8. Check for any issues. Note that the choices are presented in a drop down format.
9. If the project is acceptable, locate the folder and copy it onto a USB drive or a server for
sharing.

66. P a g e | 66
John Allan 2017
Exercise text:
Fossil collecting
Match the items on the right to the items on the left.
Fossil location
Fossils are generally found in sedimentary rock with differentiated strata representing a succession
of deposited material.
Documentation
data logs, photographs, and sketches may accompany detailed field notes
Collecting ethics
advises fossil collectors to seek permission from landowners, to collect responsibly, record details,
seek advice on finding an unusual fossil and label the specimens and care for them.
Society of Vertebrate Paleontology
an international association of professional and amateur vertebrate paleontologists
Fossil trade
the practice of buying and selling fossils.
↑ Table of Contents

67. P a g e | 67
John Allan 2017
Create a Matching activity – Text only Drag and Drop Choices
1. Open Hot Potatoes
2. Choose JMatch
3. Type in a Quiz title
4. Type or Paste the text in Left (ordered) column text boxes
5. Type or Paste the text in Right (jumbled) column text boxes
6. Click Options, Configure Output
Don’t type! All exercise
text is on the last page
of this document.

68. P a g e | 68
John Allan 2017
7. In the tab, Titles/Instructions, Paste or type activity instructions.
8. In the tab, Buttons, choose to hide or show screen elements such as the Hint button. In the
screen below, all of these elements are hidden.

69. P a g e | 69
John Allan 2017
9. In the tab, Appearance, alter the font face, font size and the colors as below.
10. In the tab, Other, consider checking option Shuffle order of items each time the page loads
11. Click OK
12. If everything is acceptable, you should save the JMatch project file (.jmt format)

70. P a g e | 70
John Allan 2017
Save the project file
1. Click File, Save As
2. Type in a file name
3. Click on the Save button
• You must now publish the file in HTML format for students to use.
Publish the project for student use
1. Click File
2. Click Create Web Page
3. Click Drag and Drop Format
4. Type a file name
5. Note the file type is HTML
6. Click Save
7. Choose View the exercise in my browser

71. P a g e | 71
John Allan 2017
8. Check for any issues. Note that the choices are presented in a drag and drop format.
9. If the project is acceptable, locate the folder and copy it onto a USB drive or a server for
sharing.

72. P a g e | 72
John Allan 2017
Exercise text:
Fossil collecting
Match the items on the right to the items on the left.
Fossil location
Fossils are generally found in sedimentary rock with differentiated strata representing a succession
of deposited material.
Documentation
data logs, photographs, and sketches may accompany detailed field notes
Collecting ethics
advises fossil collectors to seek permission from landowners, to collect responsibly, record details,
seek advice on finding an unusual fossil and label the specimens and care for them.
Society of Vertebrate Paleontology
an international association of professional and amateur vertebrate paleontologists
Fossil trade
the practice of buying and selling fossils.
↑ Table of Contents

73. P a g e | 73
John Allan 2017
Create a Matching activity – Drag and Drop with Pictures
1. Open Hot Potatoes
2. Choose JMatch
3. Type in a Quiz title
4. Type or Paste the text in Left (ordered) column text boxes
5. Click in the Right (jumbled) items column text box
6. Click on the Insert

74. P a g e | 74
John Allan 2017
7. Click on the Picture
8. Click on the Picture from a Local File
9. Locate the picture/image on your hard drive
10. Select the image
11. Click Open
12. Alter the size (smaller-Consider 100px)
13. Change the alignment to Centre for
best results
14. Click OK
15. HTML code appears (don’t worry)

75. P a g e | 75
John Allan 2017
16. Repeat steps 5 to 14 for each image (until all of the Right column textboxes are full.)
17. Click Options, Configure output
18. In the tab, Titles/Instructions, Paste or type activity instructions.

76. P a g e | 76
John Allan 2017
19. In the tab, Buttons, choose to hide or show screen elements such as the Hint button. In the
screen below, all of these elements are hidden.
20. In the tab, Appearance, alter the font face, font size and the colors as below.
21. In the tab, Other, consider checking option Shuffle order of items each time the page loads

77. P a g e | 77
John Allan 2017
22. Click OK
23. If everything is acceptable, you should save the JMatch project file (.jmt format)
Save the project file
1. Click File, Save As
2. Type in a file name
3. Click on the Save button
• You must now publish the file in HTML format for students to use.
Publish the project for student use
1. Click File
2. Click Create Web Page
3. Click Drag and Drop Format
4. Type a file name
5. Note the file type is HTML
6. Click Save

78. P a g e | 78
John Allan 2017
7. Choose View the exercise in my browser
8. Check for any issues. Note that the choices are presented in a drag and drop format.
(note that the images are stacked like a deck of cards)
9. If the project is acceptable, locate the folder and copy it onto a USB drive or a server for
sharing.

79. P a g e | 79
John Allan 2017
Exercise text:
Fossil collecting
Match the items on the right to the items on the left.
three fossils
two fossils
small fossil
branch fossil
↑ Table of Contents

80. P a g e | 80
John Allan 2017
Create a Matching activity – Text only Flashcard Format (Quizlet does this)
1. Open Hot Potatoes
2. Choose JMatch
3. Type in a Quiz title
4. Type or Paste the text in Left (ordered) column text boxes
5. Type or Paste the text in Right (jumbled) column text boxes
6. Click Options, Configure output

81. P a g e | 81
John Allan 2017
7. In the tab, Titles/Instructions, Paste or type activity instructions.
8. In the tab, Buttons, choose to hide or show screen elements such as the Hint button. In the
screen below, all of these elements are hidden.

82. P a g e | 82
John Allan 2017
9. In the tab, Appearance, alter the font face, font size and the colors as below.
10. In the tab, Other, consider checking option Shuffle order of items each time the page loads
11. Click OK
12. If everything is acceptable, you should save the JMatch project file (.jmt format)

83. P a g e | 83
John Allan 2017
Save the project file
1. Click File, Save As
2. Type in a file name
3. Click on the Save button
• You must now publish the file in HTML format for students to use.
Publish the project for student use
1. Click File
2. Click Create Web Page
3. Click Flashcard Format
4. Type a file name
5. Note the file type is HTML
6. Click Save
7. Choose View the exercise in my browser
8. Check for any issues. Note that the choices are presented in a drag and drop format.
9. If the project is acceptable, locate the folder and copy it onto a USB drive or a server for
sharing.

84. P a g e | 84
John Allan 2017
Fossil collecting
Match the items on the right to the items on the left.
Fossil location
Fossils are generally found in sedimentary rock with differentiated strata representing a succession
of deposited material.
Documentation
data logs, photographs, and sketches may accompany detailed field notes
Collecting ethics
advises fossil collectors to seek permission from landowners, to collect responsibly, record details,
seek advice on finding an unusual fossil and label the specimens and care for them.
Society of Vertebrate Paleontology
an international association of professional and amateur vertebrate paleontologists
Fossil trade
the practice of buying and selling fossils.
↑ Table of Contents

85. P a g e | 85
John Allan 2017
Add Media to your Hot Potatoes
Adding an audio file to your Hot Potatoes activities
Add Audio
 For this example we are going to place an MP3 file into a multiple choice question activity
1. Locate your MP3 or WAV sound file
2. Place the file in the same folder as the Hot
Potatoes project
3. Copy the file name & extension of the audio
file (eg: Fossil Hunting Guide.mp3)
4. Paste this filename in the following code
5. Paste filename into the code below
<audio controls>
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
• Resulting in something similar to:
<audio controls>
<source src="Fossil Hunting Guide.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
6. Open Hot Potatoes
7. Choose JQuiz
8. Click File
9. Click Add Reading Text
Don’t type! All exercise
text is on the last page
of this document.

86. P a g e | 86
John Allan 2017
10. The Add Reading text pop up appears, check Include a reading text
11. Type a Title for the video
12. Paste in the audio code (see Step 6 above)
13. Click OK
14. Continue editing the questions (as normal)
15. Type in a Quiz Title
16. Type or Paste the text in the Question text box
17. Choose Multiple-choice
18. Set the weighting to 100

87. P a g e | 87
John Allan 2017
19. Type in the answer and distracters
20. Type in feedback
(if desired/required)
21. Check the Accept as correct (beside the correct answer)
22. Set the % correct to 100
23. To add another question, click once on the upward arrow head bedside Q1
24. Repeat steps 16 to 23
25. Continue adding questions until your quiz is finished.
26. To customize the instructions, Click on the menu item Options
27. Click Configure output

88. P a g e | 88
John Allan 2017
28. In the tab, Titles/Instructions, type the quiz instructions.
29. In the tab, Buttons, choose to hide or show screen elements such as the Hint button. In the
screen below, all of these elements are hidden.

89. P a g e | 89
John Allan 2017
30. In the tab, Appearance, alter the font face, font size and the colors as below.
31. In the tab, Other, choose Shuffle options and case sensitivity if desired.
32. Click OK

90. P a g e | 90
John Allan 2017
Save the project file
1. Click File, Save As
2. Type in a file name
3. Note the file type is JQuiz (.jqz)
4. Click on the Save button
Publish the project for student use
1. Click File
2. Click Create Web Page
3. Click Standard Format
4. Type a file name
5. Note the file type is HTML
6. Click Save
7. Choose View the exercise in my browser
8. Check for any issues
9. If the project is acceptable, locate the folder and copy it onto a USB drive or a server for
sharing.

91. P a g e | 91
John Allan 2017
Exercise text:
Where to find fossils
<audio controls>
<source src="Fossil Hunting Guide.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Which of the following places is not a good place to find fossils?
rock outcrops
creeks and riverbeds
active volcanoes
quarries
Incorrect
correct
↑ Table of Contents

92. P a g e | 92
John Allan 2017
Adding a YouTube video to your Hot Potatoes activities
Add a Video
 For this example we are going to place a YouTube in a multiple choice question activity
1. Open YouTube
2. Search for a video
3. Once you decide on a video, click on the Share link
4. Click on the Embed link
5. Copy the embed code
6. Open Hot Potatoes
7. Choose JQuiz
8. Click File
9. Click Add Reading Text
Don’t type! All exercise
text is on the last page
of this document.

93. P a g e | 93
John Allan 2017
10. The Add Reading text pop up appears, check Include a reading text
11. Type a Title for the video
12. Paste in the embed code (IFRAME tags)
13. Click OK
14. Continue editing the questions (as normal)
15. Type in a Quiz Title
16. Type or Paste the text in the Question text box
17. Choose Multiple-choice
18. Set the weighting to 100

94. P a g e | 94
John Allan 2017
19. Type in the answer and distracters
20. Type in feedback
(if desired/required)
21. Check the Accept as correct (beside the correct answer)
22. Set the % correct to 100
23. To add another question, click once on the upward arrow head bedside Q1
24. Repeat steps 16 to 23
25. Continue adding questions until your quiz is finished.
26. To customize the instructions, Click on the menu item Options
27. Click Configure output

95. P a g e | 95
John Allan 2017
28. In the tab, Titles/Instructions, type the quiz instructions.
29. In the tab, Buttons, choose to hide or show screen elements such as the Hint button. In the
screen below, all of these elements are hidden.

96. P a g e | 96
John Allan 2017
30. In the tab, Appearance, alter the font face, font size and the colors as below.
31. In the tab, Other, choose Shuffle options and case sensitivity if desired.
32. Click OK

97. P a g e | 97
John Allan 2017
Save the project file
1. Click File, Save As
2. Type in a file name
3. Note the file type is JQuiz (.jqz)
4. Click on the Save button
Publish the project for student use
1. Click File
2. Click Create Web Page
3. Click Standard Format
4. Type a file name
5. Note the file type is HTML
6. Click Save
7. Choose View the exercise in my browser
8. Check for any issues
9. If the project is acceptable, locate the folder and copy it onto a USB drive or a server for
sharing.

98. P a g e | 98
John Allan 2017
Exercise text:
Where to find fossils
<iframe width="560" height="315" src="https://www.youtube.com/embed/5PyJ_RUptRA"
frameborder="0" allowfullscreen></iframe>
Which of the following places is not a good place to find fossils?
rock outcrops
creeks and riverbeds
active volcanoes
quarries
Incorrect
correct
↑ Table of Contents

99. P a g e | 99
John Allan 2017
Adding a Text Reading to your Hot Potatoes activities
Add a reading
 For this example we are going to place a reading in a multiple choice
question
1. Open Hot Potatoes
2. Choose JQuiz
3. Click File
4. Click Add Reading Text
5. Note where your reading text is located or if it is copied
6. The Add Reading text pop up appears
7. Check Include a reading text
8. Choose either the Browse… button (to locate a text file) or
9. Paste in (type) copied text
10. Type a Title for the reading
11. Click OK
Don’t type! All exercise
text is on the last page
of this document.

100. P a g e | 100
John Allan 2017
12. Continue editing the questions (as normal)
13. Type in a Quiz Title
14. Type or Paste the text in the Question text box
15. Choose Multiple-choice
16. Set the weighting to 100
17. Type in the answer and distracters
18. Type in feedback
(if desired/required)
19. Check the Accept as
correct (beside the correct
answer)
20. Set the % correct to 100
21. To add another question,
click once on the upward
arrow head
bedside Q1
22. Repeat steps 17 to 21
23. Continue adding questions until your quiz is finished.
24. To customize the instructions, Click on the menu item Options
25. Click Configure output

101. P a g e | 101
John Allan 2017
26. In the tab, Titles/Instructions, type the quiz instructions.
27. In the tab, Buttons, choose to hide or show screen elements such as the Hint button. In the
screen below, all of these elements are hidden.

102. P a g e | 102
John Allan 2017
28. In the tab, Appearance, alter the font face, font size and the colors as below.
29. In the tab, Other, choose Shuffle options and case sensitivity if desired.
30. Click OK

103. P a g e | 103
John Allan 2017
Save the project file
1. Click File, Save As
2. Type in a file name
3. Note the file type is JQuiz (.jqz)
4. Click on the Save button
Publish the project for student use
1. Click File
2. Click Create Web Page
3. Click Standard Format
4. Type a file name
5. Note the file type is HTML
6. Click Save
7. Choose View the exercise in my browser
8. Check for any issues
9. If the project is acceptable, locate the folder and copy it onto a USB drive or a server for
sharing.

104. P a g e | 104
John Allan 2017
Exercise text:
Fossil Collecting ethics
To collect fossils, there are various legal realities that must be observed. Permission should be
sought before collection begins on private land. Hammering the rocks in national parks and other
areas of natural beauty is often discouraged and in most cases is illegal.
The first expressly worded fossil-collecting code was published from the museum-home of
pioneering geologist Hugh Miller at Cromarty, on the Highland east coast of Scotland, 11 April 2008.
It was introduced by Michael Russell, Minister for Environment, Scotland, as part of celebrations
honouring the bicentennial of the founding of the Geological Society of London. The code
supplements an existing draft drawn up by English Nature.
The code advises fossil collectors to seek permission from landowners, to collect responsibly, record
details, seek advice on finding an unusual fossil and label the specimens and care for them. Its
principles establish a framework of advice on best practices in the collection, identification,
conservation and storage of fossil specimens.
The non-binding code of ethics for this field was drawn up by Scottish Natural Heritage (SNH)
following many months of consultation with fossil collectors, landowners, palaeontological
researchers, and staff of Scotland's museums.
Fossil collecting
What is illegal in areas of natural beauty?
code supplements
seeking permission
hammering rocks
labeling specimens
Incorrect
correct
↑ Table of Contents

105. P a g e | 105
John Allan 2017
Adding images to your Hot Potatoes Projects
1. Locate the project images a folder
2. In any part of the project that contains text, in this case the Title section
3. Click to the right of the title text (to set an insertion point for the image)
4. Click on the Insert
5. Click on the Picture
6. Click on the Picture from a Local File
7. Locate the picture/image on your hard drive
8. Select the image

106. P a g e | 106
John Allan 2017
9. Click Open
10. Alter the size (smaller)
11. Change the alignment to Centre
for best results
12. Click OK
13. HTML code appears
(don’t worry)
14. Click immediately to the right of the </img>tag
15. Click the Save icon
16. Click the Export to Web icon
17. Click Save, click Yes
18. Preview the exercise

107. P a g e | 107
John Allan 2017
Finishing Options
Create a Masher activity – A combination of activities
The Process
1. Put all the Hot Potatoes data files for the unit you want to build in a single folder.
2. Data files are the project files, not the student friendly HTML files
3. Make sure you save the Masher file in the same folder
4. Note that the Images are included
5. The Masher file must be saved in this folder
Create the Masher file
1. Open Hot Potatoes
2. Choose The Masher

108. P a g e | 108
John Allan 2017
3. The
Masher
Main screen appears.
4. Click on the +Add Files button
5. Locate the folder containing the Hot Potatoes project files
6. Select this folder

109. P a g e | 109
John Allan 2017
7. Click on the Open button
8. Select all of the project files (not the image files)
9. Click on the Open button

110. P a g e | 110
John Allan 2017
10. Accept the default by click on the OK to All button
11. All of the items in the folder appear in The Masher Main screen
12. At this point you can sort the order of appearance of these activities
13. Select one of the files then use the up and down arrows to move a data file
14. After you have set the order of appearance of the data files (activities), select the
Appearance tab

111. P a g e | 111
John Allan 2017
15. Change the colour and text size settings to suit your needs
16. Select the Index tab
17. Type a title in the Unit or chapter title text box
18. Click on the Build unit button
19. The Masher creates the activity, you may be prompted to answer questions on capitalization

112. P a g e | 112
John Allan 2017
20. After the Mash is complete, you should choose Yes to preview the project
21. The Mashed project appears, this is a good time to reconsider”
• image choices
• colours
• font size
• font colours
• File names (they transfer
to the text link to each
activity)
22. This process of refinement will
lead to better presentations in
the future
Testing the Mashed Activity
23. Select the first text hyperlink at the top of the Mashed project
24. The activity opens with arrowed navigation and a link to the main (index) page
25. Complete the activity (please note that the first
forward arrow does not work unless the activity
has been passed)
26. Note that in the original folder the Mashed activities can be quickly accessed by opening the
index.htm file

113. P a g e | 113
John Allan 2017
↑ Table of Contents

114. P a g e | 114
John Allan 2017
Saving a Hot Potatoes project file
1. Click File
2. Click Save As
3. Type in a file name
4. Note the file type (different projects have different file types)
• JQuiz (.jqz)
• JClose (.Jcl)
• JMatch (.jmt)
• JCross (.jcw)
• JMix (.jmx)
• JMash (.jms)
5. Click on the Save button
↑ Table of Contents

115. P a g e | 115
John Allan 2017
Publishing a Hot Potatoes project file for student use
1. Click File
2. Click Create Web Page
3. Click Standard Format
4. Locate or create a suitable folder
 Creating a Project folder is a good practice as it can house:
• additional media files (pictures, video, audio, animated GIFs)
• script files (JavaScript, XHTML, …)
• the original Hot Potatoes files (for future edits)
• Notes on the project for future developers or teachers
5. Type a file name
6. Note the file type is HTML
7. Click Save
8. Choose View the exercise in my browser
9. Check for any issues
10. If the project is acceptable, locate the folder and copy it onto a USB drive or a server for
sharing.
↑ Table of Contents

116. P a g e | 116
John Allan 2017
Getting the exercise picture/ image files
Option 1
1. Use the Windows Snipping Tool or SnagIt to cut out the images below.
2. Save them as the file names indicated
Option 2
1. Use your own images
↑ Table of Contents

117. P a g e | 117
John Allan 2017
Hot Potatoes Resources
Web resources
Creators’ site
Hot Potatoes, University of Victoria - http://hotpot.uvic.ca
Best current resource
Hacking Hot Potatoes: The Cookbook, Stan Bogdanov. (2013). http://hotpot.ewbooks.info
Downloads
Hot Potatoes: Download - Hot Potatoes 6.3 installer (Hot Potatoes for Windows version 6.3).
Hot Potatoes Add-ons - http://ewbooks.info/hotpot/add-ons
Facelift Responsive v1.3 http://ewbooks.info/hotpot/assets/files/Facelift_Responsive.zip
Tutorials
Hot Potatoes Tutorials, Stan Bogdanov – http://ewbooks.info/hotpot/tutorials
Hot Potatoes Tutorials, University of Victoria – http://hotpot.uvic.ca/tutorials6.php
Hot Potatoes Manual, University of Victoria – https://hotpot.uvic.ca/hotpot6_help.pdf
Exemplars
Hot Potatoes example sites, University of Victoria http://hotpot.uvic.ca/sites6.php
Hot Potatoes example sites, Stan Bogdanov. http://ewbooks.info/hotpot/taxonomy
↑ Table of Contents