1. Creating a Math LessonStarting a lesson from Microsoft Word| 00:00 | To create your Math Lesson you could start
from scratch and write directly in iBooks author.
| | 00:06 | But if you already have content in
Microsoft Word including math equations, you
| | 00:10 | probably want to use
that as your starting point.
| | 00:12 | So, let's begin by looking at the process
of creating a project from Microsoft Word.
| | 00:18 | Here's my Word document and we'll
just take a quick look at the lesson.
| | 00:22 | So, we begin telling the students what
they'll learn, we have a little readiness
| | 00:26 | check, we have the key concepts Using
Division to Solve Equations, and Using
| | 00:32 | Multiplication to Solve Equations,
Examples, and an Exercise set.
| | 00:39 | So, let's bring all this into iBooks Author.
| | 00:42 | I'll choose File>New from Template
Chooser and then in the Template Chooser I'm
| | 00:48 | going to select from the Portrait
Only category, the Modern Basic template.
| | 00:51 | I'll save my project. I'll just save it
on the desktop, and I'll give it a name.
| | 00:57 | Then on the left, I'll click on Book
Title. I'll add that same title. I'll add
| | 01:06 | the name of my school. And now let's
replace this cover image of the sea turtle.
| | 01:12 | I'll switch over to the Exercise Files
and in the Exercise Files folder for this
| | 01:17 | lesson you'll find an image called cover.jpg.
| | 01:21 | Lets just drag and drop that right on
top of the turtle. And we need to change
| | 01:25 | the mask a little bit, because the
image is getting cut off here at the top.
| | 01:30 | So, I'll click on Edit Mask, and just drag
that center control handle up just a little bit.
| | 01:37 | Now let's get rid of the default pages
with the placeholder text these ones down
| | 01:41 | here, because we don't need them.
| | 01:42 | So, I'll just click once to select all
of them and press Delete, I'll switch
| | 01:47 | back to the Exercise Files and drag
and drop my Microsoft Word document right
| | 01:53 | into the iBooks Authors file.
| | 01:55 | I have to choose a layout, I'll
scroll down and I'll choose Chapter Photo &
| | 02:01 | Text, and I will Preserve my document paragraph
styles, because I used styles in Microsoft Word.
| | 02:08 | I'll click Choose and I'll zoom out just
a little bit so we can see the whole page.
| | 02:15 | Next I'll make sure I have
the proper layouts that I want.
| | 02:18 | So, I'll click on the triangle on the
left side, and I do want Chapter Photo &
| | 02:22 | Text for the first page.
| | 02:24 | But for the following pages,
I want 1 Column Sidebar.
| | 02:29 | So, I'll select that, and again.
| | 02:34 | So, I have one main
column and a narrower sidebar.
| | 02:39 | Notice the title of the Microsoft
Word document came in as the title of the
| | 02:43 | lesson and let's replace this turtle again.
| | 02:46 | So, back to the Exercise Files, there's
an image called balance.jpg, let's grab
| | 02:53 | that and drop it on top of the turtle.
| | 02:56 | So, the image is getting a little cut
off here on the left side, and normally
| | 03:01 | I could drag the slider to the left to resize
the image a little bit, but in this case I can't.
| | 03:07 | If you come across this situation just
unmask the image and then mask it again.
| | 03:12 | You can press the Mask button in
the Format bar or you can just press
| | 03:15 | cmd + shift + m to unmask, and then re-
mask, and then you can drag the control
| | 03:21 | handles to crop the image as you
would like. That looks pretty good.
| | 03:27 | Next I want to fix my title, because
it's actually getting cut off here.
| | 03:31 | You can see the plus sign (+) at the
bottom of the text box, indicating there
| | 03:34 | is extra text here.
| | 03:36 | First I'll select the photo because
this photo is causing text wrap, I'll go
| | 03:40 | to the Inspector, to the Wrap
Inspector, and deselect Object causes wrap.
| | 03:47 | So, that's not going to force the
text away when I open up this text box.
| | 03:51 | I'll drag down and I can see the dash
one (-1) that iBooks Author sometimes
| | 03:56 | adds to the titles.
| | 03:58 | I'll delete that and I'll also select all
of this text it's a little bit tight there.
| | 04:06 | So to add some spacing I'll go to the
Text Inspector and I'll increase my Line
| | 04:11 | spacing to Single spacing.
| | 04:15 | Next, let's cut these three paragraphs of
text down below the photo, the part about
| | 04:19 | in this lesson you will learn, cut them.
| | 04:23 | I'll select the placeholder text, and paste.
| | 04:27 | Again, we'll click and drag to
open up the text box a little bit, and
| | 04:31 | let's format these.
| | 04:32 | Put my cursor in the first paragraph,
and I'll use my Paragraph Styles in the
| | 04:38 | Format bar, and for this paragraph I'll
use the Dedication paragraph style. I'll
| | 04:44 | also open my Paragraph Styles
drawer, just so I can see all my styles.
| | 04:49 | And it's important to do this, because
now I can see if there are overrides to
| | 04:53 | the paragraph style definition.
| | 04:55 | In this case, there are.
| | 04:56 | So, I'll click on that red triangle
and choose Revert to Defined Style, and that
| | 05:00 | makes the text a little bit bigger. Exactly,
what the Dedication paragraph style calls for.
| | 05:06 | Next I'll select the other two
paragraphs, and for these I'll use Heading 3.
| | 05:13 | Again, I'll remove the overrides by
choosing Revert to Defined Style and I'd
| | 05:19 | like to make these bulleted items.
| | 05:21 | First, I'll actually zoom in so we
can see them a little bit better.
| | 05:25 | Let's zoom in to about 200% and scroll over.
| | 05:31 | So, we'll go to our List Styles and
we'll click on Bullet and we'll delete the
| | 05:35 | extra paragraph that we don't need. And
these bullets are pretty small and hard
| | 05:40 | to see, so let's put
something a little bit more visible.
| | 05:43 | I'll go to the Inspector, Text Inspector,
List and then in Bullets & Numbering,
| | 05:52 | I can pick a different bullet.
| | 05:53 | How about a checkmark? That looks better.
| | 05:57 | And let's put a little bit more
space between the checkmark and the text.
| | 06:00 | So, I'll increase the Text Indent, and
let's actually change the color of this
| | 06:06 | text to make it stand out a little bit more.
| | 06:08 | So, I'll select it all and in the
Format bar I'll pick a different color.
| | 06:14 | Let's zoom back out and take a look at
this page. That's looking pretty good so far.
| | 06:19 | We've brought in our content, we have a
nice image, we formatted our title, and
| | 06:24 | our little opening paragraph about what
we'll learn in this lesson and we also
| | 06:28 | formatted our cover.
| | 06:30 | Next, we'll continue by taking
a look at how too format two columns
| | 06:34 | of numbered examples.
| | Collapse this transcript |
| Working with numbered examples| 00:00 | So far we've gotten our project off to
a strong start by bringing our Microsoft
| | 00:05 | Word content into a great-looking template.
| | 00:07 | Now we're going to continue by
working on the formatting of the text on our
| | 00:11 | first page including some direction
lines and columns of numbered examples.
| | 00:16 | First, think I want to do is just to
finish the formatting up here at the top in
| | 00:20 | the In This Lesson You Will Learn section.
| | 00:22 | I just don't like the large amount of
space going on under the heading, and I'd
| | 00:26 | like a little more space between
the two bulleted examples here.
| | 00:30 | So, I'll put my cursor in the first
paragraph, I'll go to the Text Inspector and
| | 00:35 | in the Text tab I'm going to remove
the space after the paragraph, just by
| | 00:39 | dragging the slider down.
| | 00:41 | Then I'll put my cursor in the second
paragraph and I'll use that same slider,
| | 00:48 | and actually add a little bit of space
this time about 8 points just to space
| | 00:52 | those out a little bit more evenly.
| | 00:54 | Next, I'm going to change the
vertical alignment inside the text box.
| | 00:57 | I'll click on the center button in the
Color & Alignment section to center align
| | 01:02 | this text inside this box.
| | 01:04 | I want it basically center
aligned with the title of the lesson.
| | 01:08 | And the next thing I want to do is
extend this little vertical line here.
| | 01:12 | So, I'll click once to select it, and
notice the little X's at the top and the
| | 01:16 | bottom, that means it's currently locked.
| | 01:19 | So, I can't click and
drag it, nothing will happen.
| | 01:21 | What I need to do first is click on it
once to select it, as I just did, and go
| | 01:26 | to the Arrange menu, and choose Unlock.
| | 01:30 | Now I can hold down the Shift key to
constrain this so it remains a perfectly
| | 01:34 | vertical line, and drag
down a bit. I'll deselect.
| | 01:38 | In the View menu I'll choose Hide Layout
Boundaries just so I can see it without
| | 01:43 | the boxes in the way.
| | 01:45 | Let's go down to the bottom of the page
and start working on these numbered examples.
| | 01:50 | I'll zoom in a bit, and we'll start
with the Are You Ready? heading.
| | 01:55 | If I look at my Paragraph Styles panel,
I can see that this text is using the
| | 01:58 | heading 2 style that came in from Microsoft Word.
| | 02:01 | I'd actually like it to use this
Heading 2 style with the capital H that's the
| | 02:06 | iBooks Author Heading 2 Style.
| | 02:08 | So, what I am going to do is select
Heading 2 from Microsoft Word and I'm
| | 02:13 | going to delete that style, because I know I
don't want to use it anywhere in my lesson.
| | 02:17 | iBooks Author asks me what I want to
replace it with, I'll choose the iBooks
| | 02:21 | Author Heading 2 style, I'll choose
Replace, and then I'll remove any overrides
| | 02:27 | by choosing Revert to Defined Style.
| | 02:29 | So, now I just have the plain
Heading 2 style, and in fact I'll do that
| | 02:34 | throughout the document while I'm here.
| | 02:36 | So, again I'll go to that menu,
Select All Uses of Heading 2, and since this
| | 02:41 | isn't red, I know there are no more overrides.
| | 02:45 | Now for these examples I want the
direction lines to run straight across the
| | 02:48 | page in one column, and I want the
examples to be set in two columns.
| | 02:53 | So, what I'm actually going to do
is create a separate text box just for
| | 02:57 | the direction lines.
| | 02:58 | To be able to see what I'm doing a
little bit better, I'll go back up to the
| | 03:02 | View menu and turn on Show Layout
Boundaries again, then I'll click on the edge
| | 03:07 | of the text box, and I can see this
little blue triangle at the top left.
| | 03:12 | If I click that and then click and
drag, I can create a linked text box.
| | 03:18 | I'll drag it so it goes the full
width, and close it up a little bit.
| | 03:23 | So, now this direction line text can
run right across the page, and I can work
| | 03:28 | with these columns separately.
| | 03:30 | Right now the numbering of
these examples goes vertically.
| | 03:33 | So, I have 1, 2, 3 and then 4, and what
I really want is I want 1 on the left,
| | 03:39 | then 2 on the right, 3 on the
left, and then 4 on the right.
| | 03:43 | For that I actually need to remove this
two column layout and make it a single
| | 03:47 | column text box, and then use
tabs to space out my examples.
| | 03:52 | So, again I'll select the text box,
I'll go to the Inspector and click on the
| | 03:56 | Layout tab, and I'll reduce the
number of columns from 2 to 1.
| | 04:01 | I'll select these examples and I'll
remove the list style by clicking None
| | 04:07 | in the List Styles.
| | 04:08 | I'm going to actually have to
provide the numbering myself manually.
| | 04:13 | I'll put my cursor to the left of
the first example, type 1 period (.)
| | 04:17 | and a space, then I'll click to the right of
the example, and press tab, then 2 period (.)
| | 04:23 | space.
| | 04:25 | I'll put my cursor to the left of
the second example, and press Delete.
| | 04:28 | So, now I have one line of
text with the first two examples.
| | 04:32 | I'll repeat the process
for number 3 and number 4.
| | 04:36 | First I have to remove the List Style
from this one, by clicking None and again
| | 04:41 | I'll put my cursor to the
left, I'll press 3 period (.)
| | 04:45 | space, put my cursor to the
right, press tab, 4 period (.)
| | 04:50 | space and then bring that last example up.
| | 04:55 | Next, I'd like to space these out a
bit, so 2 and 4 appear in the middle of
| | 05:00 | the column, for that I need to adjust the tabs.
| | 05:03 | So, I'll select both paragraphs, I'll
go to the Text Inspector, click on Tabs,
| | 05:09 | and I'll add a Tab Stop.
| | 05:11 | The width of this text
box right now is 688 points.
| | 05:15 | So, I need to divide that by 2 to
get a Tab Stop right in the middle.
| | 05:18 | So, that would be 344 points.
| | 05:21 | So, I'll click plus (+), double-
click to change this number, 344, and I'll
| | 05:27 | leave it as left aligned.
| | 05:30 | Next I want to create a
Paragraph Style for these examples.
| | 05:34 | Right now they're styled with List
Paragraph, which came in with the
| | 05:36 | Microsoft Word document.
| | 05:38 | I am going to go ahead and
delete that and replace it with Body.
| | 05:44 | Next, I'd like the numbers to stand
out a little bit more from the math so I'm
| | 05:48 | going to Bold them, and finally
I'll create a new paragraph style.
| | 05:53 | I'll call it 2 column math and I'll have
Apply this new style on creation selected.
| | 05:59 | I'll click OK, and there I
have my two columns of examples.
| | 06:04 | In this movie the content of our lesson
began to take shape as we started to format
| | 06:09 | direction lines and
columns of numbered examples.
| | 06:12 | Next we'll take a look at how to deal
with some issues that may arise with the
| | 06:15 | formatting of our math content, and
devise a way to solve equation alignment
| | 06:19 | problems, like the ones I see right here.
| | Collapse this transcript |
| Working with math content| 00:00 | It can sometimes be hard to get the
exact formatting you want in math content
| | 00:04 | regardless of the application or
the method you use to set equations,
| | 00:08 | and iBooks Author is no exception to this rule.
| | 00:11 | Whether you use LaTeX, MathML, or
MathType you're probably going to have to come
| | 00:16 | up with some workarounds to get your
math looking the way you want it to.
| | 00:20 | So let's look at some of the
limitations of MathType setting in iBooks Author
| | 00:23 | and a way to get around one of them.
| | 00:26 | Here are the first four examples that
came in with my Microsoft Word document;
| | 00:30 | these fractions and, as you can see they're
sitting right at the same baseline
| | 00:35 | as the numbers here, and actually if
I switch over to the Microsoft Word
| | 00:39 | document I can see the proper
alignment where the fraction bar is centered
| | 00:43 | right on the type there.
| | 00:45 | This is a kind of alignment that
I want to see in iBooks Author.
| | 00:49 | But unfortunately when I bring
equations in from Microsoft Word they're no
| | 00:53 | longer actually equations.
| | 00:54 | If I look up in the Metrics Inspector,
I can see that this equation is actually
| | 00:58 | just a placed PDF file, and up in the
Format bar, I can see that it's an in-line item.
| | 01:04 | So this is basically just a picture of
the equation it's not a live equation itself;
| | 01:09 | if I double-click on it nothing
happens; I can't edit it in any way.
| | 01:13 | Now let's take a look at some other
ways to add math content besides bringing
| | 01:17 | them in from Word and what happens when we do.
| | 01:20 | First I'll check my iBooks Author
Preferences and in General Preferences, if you
| | 01:25 | have the application MathType
installed, you have the option to use that to
| | 01:29 | insert your equations.
| | 01:31 | I'll select that and we'll add a
MathType equation of the same fraction right
| | 01:36 | here in iBooks Author.
| | 01:38 | I'll choose Insert>Equation.
| | 01:41 | I'll create a fraction. And notice that,
down here, it says the fraction is going
| | 01:47 | to be 17 points and it's
currently set in Helvetica.
| | 01:51 | When I close the MathType window I get
the 17 points but I don't get the Helvetica.
| | 01:58 | Currently MathType equations set in
iBooks Author will take on default formatting
| | 02:03 | and you can't pick up the
font from the paragraph style.
| | 02:06 | You can however pick up the size and the color.
| | 02:09 | So if this paragraph used large purple
text when I set that MathType equation it
| | 02:14 | would come in large and purple.
| | 02:16 | I'll delete that equation, go back to
my Preferences, and I'll turn off MathType
| | 02:23 | and we'll insert the same fraction using LaTeX.
| | 02:26 | So I'll press the keyboard shortcut
cmd + opt + e, that brings up the Edit
| | 02:30 | Equation dialog box, and I'll just type
in the code for a fraction 26/26, I can
| | 02:39 | see the preview, and click Insert.
| | 02:43 | And again, I get the proper
vertical alignment, but I don't pick up the
| | 02:46 | Helvetica font either.
| | 02:47 | There are of course, things you can
add to your LaTeX code to control the
| | 02:52 | formatting in terms of font
size, font color, and style.
| | 02:55 | And if you want to learn more about the
supported options for math type-setting,
| | 03:00 | go to the Apple support page for iBooks
Author: About LaTeX and MathML support.
| | 03:05 | This will tell you supported commands,
elements, and attributes as well show you
| | 03:11 | a bunch of sample equations, and you
can actually select this text and copy it
| | 03:16 | right into your iBooks
Author editing window to practice.
| | 03:20 | I'll delete that equation.
| | 03:22 | So let's go about fixing this alignment problem.
| | 03:25 | Since these fractions are an in-line
item, I can treat them as a regular piece
| | 03:29 | of text and for that I can move them up
and down with the Baseline Shift command
| | 03:34 | I can get in the Text Inspector.
| | 03:37 | So what I'll do is select the
fraction and apply a baseline shift.
| | 03:41 | I'll apply negative 12 points and in this
case that centers the fraction bar right
| | 03:46 | on the example number.
| | 03:47 | Now I'd hate to have to do this
manually for every single fraction.
| | 03:53 | One way I can streamline that
process is to create a character style that
| | 03:56 | applies the baseline shift for me
and that's what I'm going to do.
| | 04:01 | I'll go down to the bottom of the
Styles panel and choose Create New Character
| | 04:04 | Style from Selection.
| | 04:07 | I'll show all the character attributes
deselect them all, because I want this
| | 04:11 | character style to only apply a
baseline shift. I'll select that. I'll give it a
| | 04:17 | name of Fraction, and click OK.
| | 04:22 | Now let's apply it to the other examples.
One thing you'll notice, if I select
| | 04:26 | just a Fraction, and I try to apply my new
character style, I can't apply it, nothing happens.
| | 04:34 | iBooks Author won't just
recognize this equation object;
| | 04:37 | it actually needs another piece of
text, another character to select.
| | 04:41 | So in this case I can just type a
space and select both the space and the
| | 04:46 | fraction, and now I can
apply the character style.
| | 04:50 | I'll repeat the process
for the other two fractions.
| | 04:54 | So in this movie, we stuck our toe in
the deep ocean that is math type-setting.
| | 04:58 | We saw a couple of limitations that
iBooks Author has in terms of formatting
| | 05:02 | math, and devised a little workaround for
fixing the alignment problem that comes
| | 05:06 | with MathType equations
in placed Word documents.
| | Collapse this transcript |
| Adding answers| 00:00 | In a printed math lesson, you can give
students access to the answers to math
| | 00:04 | questions directly on the page or
in a different part of the book.
| | 00:08 | You can use either of these
approaches in iBooks Author and make them
| | 00:11 | interactive using the Glossary
feature or a Pop-Over widget.
| | 00:16 | So here at the start of my
project, I have the Are You Ready?
| | 00:18 | section with four quick
examples for students to try.
| | 00:22 | And with my cursor after the last one,
I'll just tap the down arrow key on my
| | 00:25 | keyboard to jump to the top of the
next page where I can see the answers that
| | 00:30 | came in with the Microsoft Word document.
| | 00:32 | I'd like to make these answers available
to students and one approach we can use
| | 00:37 | is to put these in a glossary part of
our project to separate them from the rest
| | 00:41 | of the content on the page, like the
answers at the back of a printed book.
| | 00:46 | So, what I can do is select these,
and for now I'll just copy them.
| | 00:50 | I'll tap the up arrow key again to jump back
to the bottom of the first page, and I'll
| | 00:55 | click and select the Are You Ready? heading.
| | 00:57 | Then I can right-click or ctrl + click to
get a contextual menu where I can choose
| | 01:03 | to create a glossary term from the selection.
| | 01:06 | Then I can tap that term,
and jump to the glossary.
| | 01:09 | So, now I have the
glossary heading Are You Ready.
| | 01:13 | I can click on the placeholder
text and paste in those answers.
| | 01:17 | Down at the bottom, there's a link back
to the lesson, that'll jump us back here.
| | 01:23 | So that's one approach.
| | 01:25 | Another approach is to put the answers
right on the page with a little tappable
| | 01:28 | widget called a Pop-Over. So let's try that.
| | 01:32 | I'll zoom out a bit, and go up to
the Widgets menu, and choose Pop-Over.
| | 01:39 | The Pop-Over consists of two parts;
| | 01:41 | at the bottom a place where I can
drag in an image, and at the top of place
| | 01:46 | where I can drag in text or images.
| | 01:48 | This is the part that will appear when the
student taps on the image in the lower part.
| | 01:52 | So first, let's put in the image.
| | 01:54 | I'll switch to the finder, and in the
Exercise Folder for this lesson, there is a
| | 01:59 | file called checkmark.png. I'll drag and
drop that in, and there's our checkmark.
| | 02:06 | So this is what the student
will tap to reveal this element.
| | 02:10 | And for this, we'll put the answers in.
| | 02:14 | Go over to the second page and
select them, and this time I'll cut them.
| | 02:21 | Double-click on the pop-over,
double-click inside, and paste.
| | 02:27 | I'll style, these all as Body.
| | 02:30 | And I'd like to work on
the formatting a little bit.
| | 02:32 | I'd like these numbers to be bold so
they stand out a little bit from the
| | 02:36 | answers, just so it's a little clearer.
| | 02:37 | First, I'll bold the word
Answers itself, and center it.
| | 02:43 | I'd like to add some bold to the
numbers here, so they stand out a little bit
| | 02:47 | from the answers themselves, just
to make them a little more readable.
| | 02:51 | I'll remove the manual
numbering and apply a List Style.
| | 02:56 | Then I'll apply some bold
formatting and create a new paragraph style.
| | 03:02 | So down at the bottom of the Styles panel,
Create Paragraph Style from Selection.
| | 03:08 | I'll call it Answers, and click OK.
| | 03:12 | Now to remove the bold from the numbers
themselves, I need to create a character
| | 03:16 | style I can apply on top
of this to make them plain.
| | 03:19 | So I'll remove the bold, create a new character
style that I'll call Plain Text. I'll click OK.
| | 03:29 | Now I just need to re-apply the Answers
paragraph style by reverting to defined
| | 03:33 | style, and then apply my Plain Text
character style to the answers themselves.
| | 03:38 | So now I have bold numbers and plain answers.
| | 03:43 | Let's click and resize the Answers pop-up a
little bit, it doesn't need to be so wide.
| | 03:50 | I'll click on the checkmark itself, it
doesn't need to be so big, and move it down here.
| | 03:57 | I'll also add to the direction line so
students know they can tap the checkmark.
| | 04:02 | Double-click to test it, and there we go.
| | 04:06 | So in this movie, we saw two
approaches for making answers to questions
| | 04:09 | available to students via the Glossary
feature and an interactive element called
| | 04:14 | a Pop-Over Widget.
| | Collapse this transcript |
| Adding sidebar glossary terms| 00:00 | At the start of our project we chose a
one column layout with a sidebar area
| | 00:04 | for additional content.
| | 00:06 | Now it's time to use that sidebar area
by putting key terms in it and making
| | 00:10 | them glossary items.
| | 00:12 | So here on the second page of our math
lesson, we have a lot of formatting work to do.
| | 00:17 | So let's start right at the top up,
I'll put my cursor in the first paragraph.
| | 00:21 | And I see its styled as heading 1 and
this is the heading 1 that came in with
| | 00:25 | the Microsoft Word document.
| | 00:26 | I can tell that by the lowercase h in
the heading 1 style, the one with the
| | 00:31 | capital H that's the iBooks author style.
| | 00:33 | I want to get rid of this style and
apply Heading 1 from iBooks Author.
| | 00:38 | So I'll click on the triangle, I'll
choose Delete Style, and replace it with the
| | 00:44 | iBooks Author version of Heading 1.
| | 00:48 | Then I'll again, click on the triangle
choose Select All Uses, and one more time
| | 00:54 | Revert to Defined Style.
| | 00:57 | Then I'll move on to the next
paragraph, which is styled as Normal, again a
| | 01:01 | Microsoft Word style, and one that I
want to get rid of. I'll choose Delete Style.
| | 01:08 | I'll replace it with Body.
| | 01:11 | In this case I can't select Revert to
Defined Style, because if I do I'll lose
| | 01:15 | all these instances where text has been bolded.
| | 01:18 | And I don't want to lose those, so I'm
not going to revert to the defined style.
| | 01:22 | However I will select all uses and I'll
correct the point size up here in the Format bar.
| | 01:28 | It should be 17 point not 14, and when
I did that, my two fractions from the
| | 01:34 | first page came back.
| | 01:36 | So let's go back to the first page and
open up that text box just a little bit.
| | 01:40 | I'll pull down the Are You Ready?
| | 01:44 | Move over the checkmark, and we should be good.
| | 01:47 | Now I'd like these bold items to stand
out a little bit more, so I'm going to
| | 01:52 | apply a color, and then save
that as part of a character style.
| | 01:56 | So I'll double-click to
select inverse operations.
| | 01:59 | I'll hold down the Command key on my
keyboard to add to that selection, and
| | 02:04 | I'll also select Division Property of
Equality, still holding down the Command
| | 02:08 | key. I'll apply the Emphasis character style,
and up in the Format bar I'll change the color.
| | 02:16 | Now I want this color to become part
of the Emphasis character style, so I
| | 02:20 | can redefine the style by clicking on
the red triangle and choosing Redefine
| | 02:24 | Style from Selection.
| | 02:25 | So now wherever I apply the Emphasis
character style it will use this color.
| | 02:32 | Now to use our sidebar, it's right
here in a separate text box with some
| | 02:36 | placeholder text in it.
| | 02:38 | And what I want is the Division
Property of Equality to be highlighted out here
| | 02:41 | in the sidebar, so it gets plenty of attention.
| | 02:44 | I'll triple click to select that
paragraph, cut it, double-click to select the
| | 02:49 | placeholder text, and paste.
| | 02:52 | Notice the rule that got added
below the paragraph, that's because of
| | 02:56 | the paragraph return.
| | 02:57 | If I delete that, the rule will disappear.
| | 03:01 | I'll select the sidebar
box, and move it up little.
| | 03:05 | And now, to make this a glossary term;
| | 03:08 | first I'll select the definition and
copy it, then I'll select the term itself,
| | 03:13 | I'll right-click or ctrl + click and
choose Create Glossary Term from Selection.
| | 03:19 | I'll click on it to jump to the
Glossary, and here's my new Glossary item.
| | 03:23 | Now I can select the placeholder text,
and paste in that definition that I copied.
| | 03:29 | At the bottom of the glossary I can
use this link to jump back to the page,
| | 03:33 | where I have my sidebar.
| | 03:35 | Notice also that when I applied the
glossary term, I have this character style
| | 03:39 | Glossary Primary, that's been applied.
| | 03:42 | So it's overridden my Emphasis
character style, so I just want to re-apply that
| | 03:47 | to get my color back.
| | 03:50 | Let's make another sidebar.
| | 03:53 | Let's find the Multiplication Property
of Equality, right here, triple click to
| | 03:57 | select it, cut it, click inside this
sidebar and paste, again delete that extra
| | 04:05 | paragraph return, select the definition
and copy, select the term, right-click or
| | 04:13 | ctrl + click and choose Create Glossary
Term, then click on the term to jump to
| | 04:19 | the glossary, click once to select
the placeholder text, and paste over it.
| | 04:25 | Now these terms are definitely related,
so I want to make sure that they appear
| | 04:30 | for each other down here in
the Related Glossary Terms.
| | 04:32 | So I'll drag the Division
Property of Equality down here.
| | 04:37 | Now when I view either one, students
will see the other term and be able to
| | 04:41 | click on it to see the definition.
| | 04:44 | Let's jump back, and I just need to
apply my Emphasis character style. Make sure
| | 04:51 | I get that colon (:) too. Here we go.
| | 04:55 | In this movie, we continued to build
our lesson formatting text and adding
| | 04:59 | sidebar elements for key terms,
linking them to our glossary and each other.
| | Collapse this transcript |
| Adding charts| 00:00 | In the opening part of our math lesson
we've added photos, formatted questions
| | 00:04 | and answers, and added sidebars.
| | 00:07 | Now it's time to get started working
in the examples part of the lesson, and
| | 00:11 | enhance the text content there with a chart.
| | 00:14 | Just before I get into this Example 1:
| | 00:16 | Real-World Math section, I have a
little bit of cleanup to do up here.
| | 00:20 | First of all let's fix the vertical
alignment of this fraction, I'll select it,
| | 00:25 | and use my Fraction character
style to baseline shift it down.
| | 00:28 | Then I'll put my cursor in the next
paragraph which is styled as Heading 2, but
| | 00:34 | it has some overrides to that style.
| | 00:35 | So, I'll remove those, by choosing
Revert to Defined Style, and in fact, I'll
| | 00:40 | Select All Uses of Heading 2, and also choose
Revert to Defined Style, just to clean them up.
| | 00:47 | Now the text of the next line is sitting a
little too close to that heading for my taste.
| | 00:52 | So, I'm going to go to the Inspector
in the Text tab and add some space after
| | 00:57 | the paragraph, about 6 points
will do, just to add some space there.
| | 01:04 | And to make that consistent throughout
the document, let's redefine the style.
| | 01:09 | We have another fraction line to apply
the character style too, Fraction, and now
| | 01:15 | we're into our example.
| | 01:17 | I would like this heading to stand
out a little more, so I'll add some
| | 01:21 | color by selecting it, and
applying the Emphasis character style.
| | 01:27 | I'll scroll down, here's another
fraction to baseline shift, and let's make
| | 01:33 | these direction lines stand out a little bit.
| | 01:36 | I'll select them both, I'll hold down
the Command key when I click on the
| | 01:40 | second one, and I'll
apply Bold in the Format bar.
| | 01:46 | In fact, why don't we go ahead and
create a character style that we can apply
| | 01:49 | anywhere we want to by going to the
bottom of the Styles panel and selecting
| | 01:53 | Create New Character Style from Selection.
| | 01:56 | I'll call it Examples Step and click OK.
| | 01:59 | Now I want to zoom in a little bit on
this line here 60=t and scroll over.
| | 02:07 | This is also a math equation
that came in with Microsoft Word.
| | 02:11 | And if I deselect everything on the
page and press cmd + r I get my rulers,
| | 02:16 | I can click and drag down from the ruler
and put it right at the baseline of the text.
| | 02:21 | And I can see this text is sitting a
little bit above, again this is because
| | 02:25 | this is an in-line item, so it sits
directly on the baseline but the text inside
| | 02:30 | the box is a little bit above the bottom there.
| | 02:33 | So, I want to shift this down so it
perfectly aligns with the direction line Simplify.
| | 02:38 | I'll select the text, go to the More tab
in the Inspector, and Baseline Shift it
| | 02:43 | down about 2 points;
| | 02:44 | that will make it perfectly
aligned with the direction line.
| | 02:49 | Let's go ahead and create another
character style, in case we have
| | 02:52 | more instances of this.
| | 02:56 | We'll look at the character attributes;
| | 02:58 | we'll deselect all of them, because the
only thing we want is this, the Baseline Shift.
| | 03:03 | I'll just call this Math, and click OK.
| | 03:08 | I'll also select this paragraph because
this is a little bit too much space here now.
| | 03:13 | I'll go to the Inspector, click on the Text
tab and reduce the space after the paragraph.
| | 03:20 | I'll take it down to 8 points. That looks good.
| | 03:25 | Now let's zoom back out and let's add the chart.
| | 03:28 | I'll select from the Charts menu up in
the toolbar, the very first bar chart, it
| | 03:33 | appears on the page with some default
data and we'll work in the Chart Data
| | 03:38 | Editor to adjust the display.
| | 03:41 | Now for this chart I just want to show the
number of tablet computers sold in 2011 and 2012.
| | 03:47 | So, I'll delete 2010 and 2013, I'll
also click on Region 2 and delete it, we
| | 03:55 | just need a very simple chart here,
showing 60 million tablet computers sold
| | 04:00 | in 2011 and 120 million sold in 2012.
That's it for the Data Editor so I can close it.
| | 04:09 | Now in the Chart Inspector I
can format this chart some more.
| | 04:14 | In the Inspector I'll deselect Show
Legend I will select Show Title, I'll scroll
| | 04:20 | up so we can see the title right here.
| | 04:22 | And let's add it. Then in the Axis tab
in the Inspector, for the Y-axis, I'll
| | 04:30 | choose from the pop-up menu, I'll
deselect Show Value Labels, and I'll deselect
| | 04:36 | Show Major Gridlines.
| | 04:38 | I just want a very simple chart here.
| | 04:41 | I'll select the chart as
a whole, and size it down;
| | 04:44 | I'll hold the Shift key to constrain
its shape, and keep an eye on the Metrics
| | 04:49 | Inspector to see how big it is.
| | 04:50 | I want it about 250 points wide, there we go.
| | 04:56 | I'll go to Wrap Inspector, I'll leave
Object causes wrap on, but I'll reduce
| | 05:02 | the Extra Space down to 0, it's going to
bit of a tight fit in here with the example.
| | 05:09 | I can also change the formatting of
the chart right on the page, by clicking
| | 05:13 | into the chart and
selecting the bars themselves.
| | 05:16 | I can go to the Graphic Inspector
and if I wanted to I could pick a
| | 05:19 | different fill color.
| | 05:21 | I like this color, so I'm
going to just leave it as is.
| | 05:24 | Also when I hover over the bars,
do you see that double sided arrow.
| | 05:28 | If I click and drag I can adjust
the width of the bars right here.
| | 05:31 | Now I'll deselect and I'll remove this
guide by dragging it up to the Ruler, and
| | 05:38 | there we have our Chart.
| | 05:40 | If at anytime you want to
change the data in the Chart;
| | 05:43 | simply select it, and click on Edit
Data up in the Format bar to re-open
| | 05:47 | the Chart Data Editor.
| | 05:50 | In this movie we worked on the first
example in our lesson, formatting the text,
| | 05:54 | adding a chart, and
adjusting it to fit our content.
| | Collapse this transcript |
| Working with exercise sets| 00:00 | We're well into the process of creating
our math lesson and it's time to finish
| | 00:04 | formatting the text that will sit on the page.
| | 00:06 | So in this movie, we're going to format
examples and exercise sets in three and
| | 00:11 | four column groups and we'll use a
shortcut to help us deal with the pesky
| | 00:15 | problem of aligning our equations.
| | 00:18 | So, let's pick up where we left off.
| | 00:19 | Down here at the bottom of page 2,
we'll work on the Try-It-Out now.
| | 00:22 | What I would like to do is bring back the
examples so they sit at the bottom of the page here.
| | 00:28 | So I'll click on the bottom of the
text box and drag it down a bit until I
| | 00:32 | can see the examples.
| | 00:33 | Now, I want to create a nice
evenly spaced three column layout here.
| | 00:38 | If I look in the inspector, I can see
that this text box is 474 points wide.
| | 00:44 | I want to divide it into three equal
columns so, I'll do a little math and
| | 00:48 | figure out that each column should be 158
points wide, and that's where I'll set my tabs.
| | 00:54 | So with my cursor in this paragraph, I'll
go to the Text Inspector and click on Tabs.
| | 01:00 | Then I'll go to Tab Stops and click on the
plus sign (+) twice to add two tab stops.
| | 01:06 | Double-click on the first one, and
that's going to be at 158 points and the
| | 01:11 | second one will be at 316.
| | 01:14 | There, now I have three nicely spaced columns.
| | 01:18 | Now, I need to format these letters.
| | 01:20 | I want them bold just like I had
the bold numbers on the first page.
| | 01:24 | So, I'll select the whole paragraph,
apply bold, and then I'll create a
| | 01:29 | new paragraph style.
| | 01:33 | I'll call the new style 3
Column Examples and click OK.
| | 01:38 | Now, I still need to deal with that
vertical alignment problem with the
| | 01:41 | MathType equations.
| | 01:43 | So, let's zoom in and scroll down.
| | 01:48 | They're sitting just above the
baseline with the a, b, and c.
| | 01:52 | Over my character styles, remember we
created a character style that deal with
| | 01:57 | this problem called Math.
| | 01:59 | But it's a bit of a pain to have to go
here and select it each and every time
| | 02:02 | if we have a whole bunch of examples.
| | 02:04 | So what I'm going to do is edit the
Math character style and apply a hot Key.
| | 02:09 | I'll just choose F1.
| | 02:10 | So now, every time I tap F1 on my
keyboard when I have text selected, the Math
| | 02:16 | character style will be applied to that text.
| | 02:18 | And in this case, it will baseline shift
it to align it with the rest of my text.
| | 02:22 | Let's try it.
| | 02:23 | I'll select the equation plus that
little extra space because remember, I can't
| | 02:28 | apply a character style to just a math equation.
| | 02:31 | And then I'll press F1 on my keyboard.
| | 02:34 | You may also have to hold down the
function key on your keyboard to get iBooks
| | 02:38 | Author to apply the style. Let's repeat.
| | 02:40 | I'll select the equation, press F1 and zoom out.
| | 02:48 | Our third example doesn't look as good
as the other two, because notice this y
| | 02:52 | has a descender and that's causing it
to sit even farther out of alignment.
| | 02:56 | So what we need to do is
create yet another character style.
| | 03:00 | I'll select the text, go to the More
tab in the Text Inspector and nudge it
| | 03:05 | down another two points.
| | 03:06 | I'll zoom in and take a good look at it.
| | 03:09 | I want to be sure it's in alignment before I go
ahead and create a style for it. That looks good.
| | 03:16 | Let's create another style, Create
New Character Style from Selection.
| | 03:21 | We'll call this Math Descender.
| | 03:23 | I'll look at the character attributes,
deselect them all, and just select
| | 03:29 | Baseline Shift, and click OK.
| | 03:31 | So now I have a character style to
straighten out my regular math and my
| | 03:36 | math with descenders.
| | 03:38 | I'll zoom back out.
| | 03:41 | And at the top of the next page, I
have my answers to those questions.
| | 03:44 | I'd like to put those in another
one of those pop-up checkmarks just like I
| | 03:48 | did on the first page.
| | 03:49 | So I'll cut those, move back to this
page ,and I'll just paste right now with
| | 03:55 | nothing selected to put
them in their own text box.
| | 03:57 | Then I'll hold down the Option key on my
keyboard and click and drag the pop-over
| | 04:02 | from the first page.
| | 04:04 | By holding Option before I click and
drag, I get an extra copy of the pop-over.
| | 04:09 | Now, I can cut and paste this answer
text into this copy of the pop-over.
| | 04:13 | I'll cut it, select the text box I
don't need anymore, and delete it.
| | 04:19 | Double-click on the pop-over
and paste in my new answers.
| | 04:24 | Let's format them in the same way we
had our other answers, so they'll each be
| | 04:29 | on their own paragraph.
| | 04:30 | I'll select them, apply the Answers style.
| | 04:36 | And now, I don't want 1, 2, 3 here, I
want a, b, and c. So I need to go to my
| | 04:41 | List, under Bullets & Numbering and
change it to a, b, and c. Then I can apply my
| | 04:48 | Plain Text character style, resize
the box a bit, and then move the answer
| | 04:55 | check into position.
| | 04:57 | I'll also borrow the
direction line from the first one.
| | 05:02 | Copy it, and scroll over, and paste it.
| | 05:07 | Now there is a little bit tighter
space here because again, I have a
| | 05:12 | different layout here.
| | 05:13 | This is the sidebar layout and
the main text column is narrower.
| | 05:16 | So I might turn off the text wrap
altogether and resize the direction line a
| | 05:23 | little bit just to make it fit.
| | 05:29 | Now, let's move on to the next page.
| | 05:30 | I'll delete that extra return we don't need.
| | 05:35 | We'll select the titles of Example 2
and Example 3 by holding down the Command
| | 05:39 | key on our keyboard and dragging.
| | 05:41 | Apply the Emphasis character style,
and then we'll fix our fraction spacing
| | 05:46 | again, by selecting this first example,
and remember we have our Math hot key, so
| | 05:53 | we can just press F1 on
the keyboard to fix that.
| | 05:56 | We'll do the same for the next example.
| | 05:59 | And then there should be a tab not a space in
between the direction here and the fraction.
| | 06:04 | So I'll press tab.
| | 06:06 | Do the same for before Simplify, apply
my Fraction character style, and let's
| | 06:12 | apply a hot key while we're at it;
| | 06:15 | we'll make this F2, so now we can deal with
fractions just by tapping F2 on our keyboard.
| | 06:21 | We'll apply our Example Step character
style and move our sidebar down so it's
| | 06:28 | aligned with the text where it needs to be.
| | 06:31 | Apply our Fraction character style, F2,
and I might also remove the space after
| | 06:37 | in this paragraph, so it's not pushing
down the rest of the examples so far.
| | 06:40 | I'll go to the Text Inspector, Text, and
drag After Paragraph all the way down to 0.
| | 06:48 | Again, I'll open up the text
box so we can fit to try it out.
| | 06:52 | This is going to be our
3 Column paragraph style.
| | 06:57 | Select the first fraction, F2, and same
for the other fractions, and scroll over.
| | 07:05 | We've got some more Answers, we'll cut
those and repeat the process with the checkmark.
| | 07:13 | Okay, now let's look at the Exercises section.
| | 07:20 | I've Heading 1 for Exercises, that's good;
| | 07:24 | Heading 2 for Practice & Problem
Solving, Body text for the instruction line.
| | 07:29 | Now I'll select my 3 Column Examples,
apply the style and repeat the process of
| | 07:35 | applying the character style to fix
the vertical alignment using my hot keys.
| | 07:39 | I'll add a new hot key for the
descender character style, F3.
| | 07:48 | This direction line is okay as body
and now we need to create a 4 Column
| | 07:53 | paragraph style for these examples.
| | 07:55 | Again, it starts with doing a little
bit of math taking the width of the text
| | 07:59 | box and dividing it by 4 to figure
out where your tab stop should go.
| | 08:03 | I'll go over to the Tabs in the Text
Inspector, add my first one which will be
| | 08:09 | at 118, the next at 236, and the next at 354.
| | 08:19 | Again, I'll select all the text,
apply bold so I can have bold numbers and
| | 08:24 | create a new paragraph style.
| | 08:27 | I'll call this, 4 Column Examples and
apply it to the text I have selected.
| | 08:33 | Some more work with my hot
keys to align these fractions.
| | 08:38 | And in fact, why don't I select them all
at once by holding down the Command key
| | 08:45 | and then, I can apply them just once,
it makes it a little less tedious.
| | 08:49 | I'll delete the sidebar
because I don't need it.
| | 08:54 | And that's it for
formatting the text in this lesson.
| | 08:57 | We still have some work to do.
| | 08:58 | We're going to add these questions into
an interactive review widget and we're
| | 09:02 | also going to add another piece of
interactivity in the form of a calculator
| | 09:06 | here in the sidebar, and
that's the topic of the next movie.
| | Collapse this transcript |
| Adding a calculator widget| 00:00 | The next job in building our Math
Lesson is to add a touch of interactivity in
| | 00:04 | the form of a built-in calculator.
| | 00:06 | Apple doesn't offer a calculator among
the widgets that come with iBooks Author
| | 00:10 | but you can easily grab one
from a third-party service.
| | 00:14 | Here in the sidebar channel, I'd like
to add a calculator widget that students
| | 00:17 | can use along with these exercises.
| | 00:19 | But if I look in the Widgets menu up
in the toolbar there is no calculator
| | 00:23 | widget that comes with iBooks Author.
| | 00:25 | So I'm going to use a third-party
service, I'll switch over to my browser and
| | 00:29 | this is bookry.com, they
offer both free and paid Widgets.
| | 00:34 | Once you create an account, you'll
have a bookshelf here and you can click on
| | 00:38 | the green plus sign (+) to add a book.
| | 00:40 | In this context a book is
really just a collection of widgets.
| | 00:44 | So I'll give this the title Math and
click Create. Then, I'll add a widget, I'll
| | 00:52 | scroll down the choices of free
widgets and select Scientific Calculator.
| | 00:58 | I can change the name if I want but
I'll just leave it, and then there are both
| | 01:02 | static and live settings.
| | 01:04 | You can pick your orientation of your
project, we have a Portrait project, you
| | 01:08 | can also change the image, you can
change it here at bookry.com or you can also
| | 01:13 | just drop a new image on top of
the default one inside iBooks Author.
| | 01:17 | I like this calculator image so I'm
going to keep it, and you can also choose a
| | 01:22 | Mode, if you want the full Scientific
functions or if you just want a Basic
| | 01:25 | function set with Memory or just plain Basic.
| | 01:29 | I'm going to stick with the Scientific
just so we can see all the options there.
| | 01:34 | Next under Live settings I'll give it
a title, I'll Save it, and Download it.
| | 01:42 | Now the Mac thinks I might want to
install this in Dashboard but I don't, I'll
| | 01:46 | just cancel out and reveal it in the finder.
| | 01:49 | Now I can select the widget, switch back
to iBooks Author, and drop it on the page.
| | 01:57 | It comes in with the default formatting,
so I'm going to turn most of this off. In
| | 02:03 | the Inspector I'll click on the last
button, and in Layout I'll set the Label to
| | 02:07 | None, I'll turn off the Caption and
Background, and I'll just use the title as a
| | 02:13 | direction line, and I'll center it.
| | 02:17 | Now there's too much space in between
the title and the widget itself right now.
| | 02:21 | I'll select the widget again, go to the
Layout options, and I'll select Freeform.
| | 02:27 | That way I can grab this text box and
move it wherever I want. That looks better.
| | 02:33 | I'll just move the whole widget down a
little bit and that's good. We're almost
| | 02:39 | done now creating our
Math Lesson in iBooks Author.
| | 02:42 | The last piece we'll be adding a
review widget that students can use to test
| | 02:46 | themselves on what they learned, and
that's the topic of the next movie.
| | Collapse this transcript |
| Adding a review widget| 00:00 | We're almost done building our math lesson.
| | 00:02 | The only chunk of content left to work
with are these three questions at the
| | 00:05 | end, and I'd like to separate them out
from the rest of the exercises and put
| | 00:10 | them into an interactive review widget.
| | 00:12 | So I'll go up to the
toolbar and choose Widgets>Review.
| | 00:17 | I'll move it up out of the way and I'll
change the question type from a standard
| | 00:22 | Multiple Choice to a
Multiple Choice with a Picture.
| | 00:26 | In the Exercise Files folder for this
lesson, you'll find empire_state.jpg.
| | 00:32 | Drag and drop it into the question, and now
we can add the question text and the answers.
| | 00:38 | I'll cut the question, paste it in,
and repeat the process for the answers.
| | 00:48 | I'll select the correct
answer, and that question is done.
| | 00:53 | Now let's move on to the next one.
| | 00:55 | I'll actually use this first multiple
choice question that I had, and repeat the
| | 01:01 | cut-and-paste process.
| | 01:07 | Note that's it's no problem to copy and
paste these in-line math equations right
| | 01:10 | into the Review Widget.
| | 01:15 | Select the right answer, and let's add
a third question, again just a plain
| | 01:20 | multiple choice, cut-and-paste, and let's
use our character styles and hotkeys to
| | 01:28 | fix the vertical alignment problems here.
| | 01:30 | These fractions are all sitting up too high.
| | 01:32 | I'll add a space just because I can't
apply a character style to an equation
| | 01:37 | by itself, select the space in the equation
and use our Fraction character style hotkey F2.
| | 01:45 | Repeat the process for the other three
answer choices, and select the right answer.
| | 01:51 | Now let's work on the layout.
| | 01:52 | I don't need the Review Title so I'll
select None, I'll change the title to Quiz
| | 01:59 | Yourself, I'll keep the
Background on, but I'd like to add a color.
| | 02:04 | So I'll select it, go to the Graphic
Inspector, click on the Color and choose
| | 02:11 | one of the Crayon colors.
| | 02:14 | This Cayenne red color is what we used
throughout the lesson, so let's use it.
| | 02:18 | Now we'll change our title
to white, so we can read it.
| | 02:23 | Now, I'll select the widget, move it into
place, I'll grab a corner and resize it, and
| | 02:30 | then I don't want to make it much
smaller than that so what I'm going to do is
| | 02:35 | steal some space from in
between the other examples here.
| | 02:37 | If I select these paragraphs and go to
the Text Inspector, Text, I can adjust
| | 02:43 | the space after the paragraph.
| | 02:46 | What if instead of 18 points, we delete
the one and make it 8 point space after?
| | 02:50 | It's almost enough.
| | 02:52 | Let's do the same for the direction
line, and this direction line, then we'll
| | 03:01 | resize just a little bit more, and
that's enough to get that last line on.
| | 03:07 | We can delete the text that we don't
need, and the last page is now deleted
| | 03:12 | automatically by iBooks Author.
| | 03:15 | Let's zoom in and check out our quiz,
scroll over, we have a slight alignment
| | 03:24 | problem here because we didn't apply the
Character Style yet to bring this math down.
| | 03:29 | So let's do that now.
| | 03:32 | Remember, this is our Math character style
and you can use the F1 hotkey to apply it.
| | 03:40 | There now the math is aligned with the
letters, Question 1 looks good, Question
| | 03:45 | 2 looks good, and Question 3.
| | 03:49 | The only thing I might want to do
here is to turn off hyphenation.
| | 03:53 | So let's select the text, I'll go to
the More tab of the Inspector, and down at
| | 03:58 | the bottom, Remove hyphenation for paragraph.
| | 04:02 | Let's just fix the one last typo here,
capitalize the B in Empire State Building,
| | 04:07 | and that looks good.
| | 04:09 | So in this movie, we added an
interactive review quiz to the end of our lesson.
| | 04:14 | It's time to check the lesson by
testing it on an iPad and then distribute it
| | 04:18 | to students.
| | Collapse this transcript |
| Testing and sharing a lesson| 00:00 | We've finished building our
Math Lesson in iBooks Author.
| | 00:03 | The next and very important
step is to test it on an iPad.
| | 00:08 | So we'll click Preview, and we'll look
at each page of the lesson and try out
| | 00:14 | all the interactive elements.
| | 00:15 | We'll also be looking for problems
with spacing, typos, images that don't look
| | 00:20 | their best, and so on.
| | 00:22 | So, on this first page I'll try
the check widget and that works.
| | 00:28 | I'll test our glossary items, and our
other check widget, second glossary item,
| | 00:38 | and third check widget.
| | 00:40 | The widgets all work, but I don't
actually like the way they're sitting on
| | 00:44 | the page, there's some inconsistency
about where they're placed in relation
| | 00:47 | to the direction line.
| | 00:48 | So, I'll make a note of that and
go back and try to fix that problem.
| | 00:53 | I'll try the Calculator widget, and that
works. I'll also check out the Table of
| | 01:01 | Contents, and here I spot another problem.
| | 01:04 | See how the photo is getting cropped?
| | 01:06 | I want to re-crop that so
I can see the entire photo.
| | 01:10 | And also I think the spacing, in the
text of the title is too tight. I want to
| | 01:14 | spread that out a little bit more. Okay,
| | 01:16 | so I have three things to correct in my file.
| | 01:19 | I'll go back to iBooks Author, I'll
go to the Table of Contents, select the
| | 01:24 | title, go to the Inspector, in the
Text Inspector, under Text and we'll set
| | 01:33 | single spacing, down below we'll zoom out
a little bit now, we'll re-crop this image.
| | 01:43 | So, I'll select it, I'll click the Mask
button in the Format bar to unmask the
| | 01:48 | image and then re-mask it.
| | 01:52 | Now I can drag it smaller and
adjust the mask. That looks good.
| | 02:00 | Next I want to fix the in-
consistent spacing of the checkmarks.
| | 02:05 | I'll zoom out again and I'll try
to base align them with the text.
| | 02:09 | I'll just use my arrow keys to nudge
them down, and put them as close as I can
| | 02:14 | to the word answers.
| | 02:16 | I may have to remove the text wrap too,
there's 1, scroll over, move over the
| | 02:24 | checkmark, there's 2, and there's 3.
| | 02:29 | Now they're nice and consistent.
| | 02:32 | I'll save my work and I think
this project is ready to distribute.
| | 02:36 | But there's one more quirk of iBooks
Author that we might want to deal with right now.
| | 02:41 | iBooks will open the file to
the page that was last edited.
| | 02:44 | So if I distribute this right now,
the lesson will open to this page.
| | 02:49 | So, instead I'll select the first
page of the lesson and just make a
| | 02:53 | small change in here.
| | 02:55 | I'll just add a space, just
enough to edit the file, and save it.
| | 03:00 | I'll preview again, there my checkmark
looks better, and so does the text, and
| | 03:08 | the images on my Table of Contents.
| | 03:10 | Okay, I'd say this is ready to distribute.
| | 03:13 | I'll switch back to iBooks Author.
| | 03:16 | So now we can distribute the file by
going to the Share menu, and choosing Send
| | 03:20 | via Mail iBooks for iPad or by going
to the Export menu and choosing iBooks.
| | 03:28 | And with that we end our look at
Creating a Math Lesson in iBooks Author.
| | 03:32 | I hope you enjoyed watching these
movies and that they gave you a lot of useful
| | 03:36 | information you can put to use
in your work in iBooks Author.
| | Collapse this transcript |
|
|
