Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
We're almost done building our math lesson. The only chunk of content left to work with are these three questions at the end, and I'd like to separate them out from the rest of the exercises and put them into an interactive review widget. So I'll go up to the toolbar and choose Widgets>Review. I'll move it up out of the way and I'll change the question type from a standard Multiple Choice to a Multiple Choice with a Picture. In the Exercise Files folder for this lesson, you'll find empire_state.jpg.
Drag and drop it into the question, and now we can add the question text and the answers. I'll cut the question, paste it in, and repeat the process for the answers. I'll select the correct answer, and that question is done. Now let's move on to the next one. I'll actually use this first multiple choice question that I had, and repeat the cut-and-paste process.
Note that's it's no problem to copy and paste these in-line math equations right into the Review Widget. Select the right answer, and let's add a third question, again just a plain multiple choice, cut-and-paste, and let's use our character styles and hotkeys to fix the vertical alignment problems here. These fractions are all sitting up too high. I'll add a space just because I can't apply a character style to an equation by itself, select the space in the equation and use our Fraction character style hotkey F2.
Repeat the process for the other three answer choices, and select the right answer. Now let's work on the layout. I don't need the Review Title so I'll select None, I'll change the title to Quiz Yourself, I'll keep the Background on, but I'd like to add a color. So I'll select it, go to the Graphic Inspector, click on the Color and choose one of the Crayon colors. This Cayenne red color is what we used throughout the lesson, so let's use it.
Now we'll change our title to white, so we can read it. Now, I'll select the widget, move it into place, I'll grab a corner and resize it, and then I don't want to make it much smaller than that so what I'm going to do is steal some space from in between the other examples here. If I select these paragraphs and go to the Text Inspector, Text, I can adjust the space after the paragraph. What if instead of 18 points, we delete the one and make it 8 point space after? It's almost enough.
Let's do the same for the direction line, and this direction line, then we'll resize just a little bit more, and that's enough to get that last line on. We can delete the text that we don't need, and the last page is now deleted automatically by iBooks Author. Let's zoom in and check out our quiz, scroll over, we have a slight alignment problem here because we didn't apply the Character Style yet to bring this math down.
So let's do that now. Remember, this is our Math character style and you can use the F1 hotkey to apply it. There now the math is aligned with the letters, Question 1 looks good, Question 2 looks good, and Question 3. The only thing I might want to do here is to turn off hyphenation. So let's select the text, I'll go to the More tab of the Inspector, and down at the bottom, Remove hyphenation for paragraph.
Let's just fix the one last typo here, capitalize the B in Empire State Building, and that looks good. So in this movie, we added an interactive review quiz to the end of our lesson. It's time to check the lesson by testing it on an iPad and then distribute it to students.
Get unlimited access to all courses for just $25/month.Become a member
119 Video lessons · 47328 Viewers
117 Video lessons · 34277 Viewers
113 Video lessons · 80259 Viewers
116 Video lessons · 70183 Viewers