Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
The next type of question for us to create is a matching question. In a matching question, students are presented with a variety of different questions and then all of the answers to all of those questions are provided as a dropdown menu that they can select the correct answer that matches each question. You can use text, images, audio and video in the Questions portion, just as we showed earlier in one of the other exercises. But you can only choose text inside of the answers because of the fact that it's a dropdown menu.
So let's begin making a matching question that will have a variety of different organisms on one side with their scientific name on the other. To begin, click the dropdown menu for Create a new question and select Matching from the dropdown menu. We'll set the Category for this question to Identification of Organisms. For Question type, we'll simply type in Matching. Next, we'll enter in the text, "Please match the following organisms with their correct scientific name." We'll go ahead and scroll down on the window and if we wanted to select an image to display as part of them in question, we could do that here. However, that would provide one image for the overall matching of the question. We want to post images for each different type of organism. So, we'll leave the Image to display set to None.
The Default question grade, we'll leave set to 1 and the Penalty factor of 0.1, we'll leave that set as the default as well. We'll scroll on past the General feedback section, make sure that Shuffle is checked, so that all of the different questions are shuffled from one student to the next. Next, we'll come down here to the first question but make sure you leave the HTML window visible at the top, because we're going to be using the same trick that we used inside of the Multiple Choice section to create the HTML link to the various different images.
So to begin, let's click inside the Feedback section and click on the Insert Image button in the HTML editor. We'll then navigate to our Images folder, we'll navigate to the thumbnails folder, and we'll select the first file of Acropora_palmata.jpg. We can see a preview of the image over here on the right-hand side. For the Alt text, we'll make sure that we type in something that's nondescript to the students, Image of Coral.
Now another thing to note is that if you're going to use images inside of your quiz questions, make sure that you have a selection of images that do not use the correct answer for the quiz as the name of the image. Here, it's being displayed for us as Acropora_palmata. A student taking this quiz would be able to show the image and see the name of the image displayed as part of the URL. So you want to make sure that you prepare your files for a quiz so that you have images that do not have the actual name of the organism that would give away the answer. For simplicity's sake of this training, we'll go ahead and leave this set as it is.
We'll then leave Layout, Spacing and Size alone and simply click OK. This is going to insert the code that we need to make the image display. We can then come over to the Toggle HTML Source button, get the HTML code that we need in order to make this image appear. Select it, copy it, and paste it into the question for blank 1. We can then enter in the correct answer for this organism and here we're having the name of the file is quite helpful as part of the training. We can go ahead and just type that answer then directly right here.
Let's repeat the process and add a couple of other images. So we'll come back up to our Feedback section for our HTML editor. Select the code that was written for us for the previous answer and delete it. Then toggle back into the main HTML Editor mode, insert another picture, navigate to our Images folder, go into the thumbnails folder, scroll down until we find the next image that we want to add. In this case, we'll add the image Mithrax_sculptus, which is this great little green crab. We'll add Alt text of Image of Crab. We'll again leave Layout, Spacing and Size alone and click OK.
Toggle back over to the HTML Mode, select the code, copy it and paste it into the question for Question 2. We can then type in the scientific name in the Answer blank, which is again being displayed as part of the image name. We'll make one more image on here. So let's repeat the process one more time, select the code and delete it, jump back to the regular mode, insert an image, navigate to our Images folder, navigate to our thumbnails folder, scroll down in the list until we find Porietes_ asteroides.jpg. Select that image. Then for Alt text put Coral Image. We'll leave Layout, Spacing and Size alone, click OK, switch back to the HTML Mode. Select and copy with Command+C or Ctrl+C, come down to the Question field and paste with Command+V or Ctrl+V.
We'll go ahead and get rid of this code at the top by selecting it and deleting it, and toggle back to the regular mode. Then come down to the bottom and simply type in the correct answer for the last question of Porietes asteroides. We'll click the Save changes button, and then test our question by clicking on the Preview button for the Matching question. Now, we have each of our different images being displayed. On the right-hand side, we have our dropdown menu where we can select the correct answer for each question.
We can then hit the Submit button and we get full credit for this question. Let's go ahead and close the Preview window, and once again click the dropdown menu for Category, so we can display all of our various different questions that we've been creating as part of our question bank. The last question type that we're going to show you how to create as part of this training is a Numeric question, and we'll do that next.
Get unlimited access to all courses for just $25/month.Become a member
82 Video lessons · 64684 Viewers
80 Video lessons · 124307 Viewers
52 Video lessons · 60246 Viewers
59 Video lessons · 46077 Viewers