Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
In the opening part of our math lesson we've added photos, formatted questions and answers, and added sidebars. Now it's time to get started working in the examples part of the lesson, and enhance the text content there with a chart. Just before I get into this Example 1: Real-World Math section, I have a little bit of cleanup to do up here. First of all let's fix the vertical alignment of this fraction, I'll select it, and use my Fraction character style to baseline shift it down. Then I'll put my cursor in the next paragraph which is styled as Heading 2, but it has some overrides to that style.
So, I'll remove those, by choosing Revert to Defined Style, and in fact, I'll Select All Uses of Heading 2, and also choose Revert to Defined Style, just to clean them up. Now the text of the next line is sitting a little too close to that heading for my taste. So, I'm going to go to the Inspector in the Text tab and add some space after the paragraph, about 6 points will do, just to add some space there. And to make that consistent throughout the document, let's redefine the style.
We have another fraction line to apply the character style too, Fraction, and now we're into our example. I would like this heading to stand out a little more, so I'll add some color by selecting it, and applying the Emphasis character style. I'll scroll down, here's another fraction to baseline shift, and let's make these direction lines stand out a little bit. I'll select them both, I'll hold down the Command key when I click on the second one, and I'll apply Bold in the Format bar.
In fact, why don't we go ahead and create a character style that we can apply anywhere we want to by going to the bottom of the Styles panel and selecting Create New Character Style from Selection. I'll call it Examples Step and click OK. Now I want to zoom in a little bit on this line here 60=t and scroll over. This is also a math equation that came in with Microsoft Word. And if I deselect everything on the page and press cmd + r I get my rulers, I can click and drag down from the ruler and put it right at the baseline of the text.
And I can see this text is sitting a little bit above, again this is because this is an in-line item, so it sits directly on the baseline but the text inside the box is a little bit above the bottom there. So, I want to shift this down so it perfectly aligns with the direction line Simplify. I'll select the text, go to the More tab in the Inspector, and Baseline Shift it down about 2 points; that will make it perfectly aligned with the direction line. Let's go ahead and create another character style, in case we have more instances of this.
We'll look at the character attributes; we'll deselect all of them, because the only thing we want is this, the Baseline Shift. I'll just call this Math, and click OK. I'll also select this paragraph because this is a little bit too much space here now. I'll go to the Inspector, click on the Text tab and reduce the space after the paragraph. I'll take it down to 8 points. That looks good. Now let's zoom back out and let's add the chart.
I'll select from the Charts menu up in the toolbar, the very first bar chart, it appears on the page with some default data and we'll work in the Chart Data Editor to adjust the display. Now for this chart I just want to show the number of tablet computers sold in 2011 and 2012. So, I'll delete 2010 and 2013, I'll also click on Region 2 and delete it, we just need a very simple chart here, showing 60 million tablet computers sold in 2011 and 120 million sold in 2012. That's it for the Data Editor so I can close it.
Now in the Chart Inspector I can format this chart some more. In the Inspector I'll deselect Show Legend I will select Show Title, I'll scroll up so we can see the title right here. And let's add it. Then in the Axis tab in the Inspector, for the Y-axis, I'll choose from the pop-up menu, I'll deselect Show Value Labels, and I'll deselect Show Major Gridlines. I just want a very simple chart here.
I'll select the chart as a whole, and size it down; I'll hold the Shift key to constrain its shape, and keep an eye on the Metrics Inspector to see how big it is. I want it about 250 points wide, there we go. I'll go to Wrap Inspector, I'll leave Object causes wrap on, but I'll reduce the Extra Space down to 0, it's going to bit of a tight fit in here with the example. I can also change the formatting of the chart right on the page, by clicking into the chart and selecting the bars themselves.
I can go to the Graphic Inspector and if I wanted to I could pick a different fill color. I like this color, so I'm going to just leave it as is. Also when I hover over the bars, do you see that double sided arrow. If I click and drag I can adjust the width of the bars right here. Now I'll deselect and I'll remove this guide by dragging it up to the Ruler, and there we have our Chart. If at anytime you want to change the data in the Chart; simply select it, and click on Edit Data up in the Format bar to re-open the Chart Data Editor.
In this movie we worked on the first example in our lesson, formatting the text, adding a chart, and adjusting it to fit our content.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.