Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
One of the most vexing problems in creating EPUBs is forcing a page break from InDesign. Well, it's not vexing to force a page break. It's just, how do you get that page break to be honored in the EPUB? Here is a very simple test file that has one long story full of gibberish and you can tell what's going to happen when somebody added all these empty carriage returns to force section two to start at the next page. And if I export this to EPUB, File > Export, we'll just put on the Desktop, format EPUB, replacing the one that I have there now, we're just going to go ahead and accept the default settings for everything. Here's what happens. Nothing.
Carriage runs are ignored, so are space runs. If we put it to small so we can see it side by side, what I want to see is the text starts here and then SECTION TWO in all caps starts at the top. You might be saying, okay, let's just use an actual page break character. But no, see, that would make sense. If I click right in front of SECTION TWO, as you see my cursor blinking, and then I go to Type > Insert Break Character > Frame Break, or Page Break, let's do a Page Break. Let's try that.
We'll export this out to EPUB. I'll just press Command+E and Ctrl+E which is the shortcut, and we'll replace the existing one, check it out. No, same deal. It ignores the page break character which is very frustrating. Now typically, you'd have to futz around with other settings in Export to EPUB or split this up into two separate documents in order to get SECTION TWO to start at the top. And I want to show you a very cool new way only possible in CS5.5 to force a page break without having to split this up.
All you do is you create an empty frame. I'm going to take this little Rectangle Frame tool and I'm just going to put it right out here, and then you anchor it right before where you want the page break to be. So I'll use the Selection tool and I'll just drag and drop this right over here, right before. I'm going to move this out. Now there's nothing in here. I didn't even fill it with white, but step two is with that object selected, go to Object > Object Export Options and tell it to rasterize.
Now there's nothing to rasterize, but InDesign will still rasterize it. It will turn it into a white JPEG and we don't need at 300, so 72 is fine. And then you need to turn on Custom Alignment and Spacing because this is the command that we're after, Insert a Page Break after the image. So we have not messed up our print layout, but when we export it to EPUB, we should be able to get a page break here. I'll press Command+E or Ctrl+E and we'll accept all the defaults, go to a small size. There you go! So that's quite useful.
Now let's take a look at how this might be applied to an actual document. I have here california book and let's zoom out so you can sort of see how this is set up. This is an actual book with chapter names, pictures, a foreword, and so on. Now the issue here is that here's the title page, and then the foreword, and then the chapter name. Now the chapter name is the paragraph style, Chapter title, and you know if you've watched any of my other videos or you've work with CS5.5 for a while, that you can tell InDesign to break this document up into multiple HTML files so that the new ones start on a new page based on one paragraph style, Chapter names.
So if I went up to Export to EPUB, under Contents, I could say break the document at the Paragraph Style Chapter title. No matter what I use for table of contents style, though it's not going to break up anything according to that. They've changed that feature since version 5. Let me show you the issue. Let's move this to a small size. One issue here, let me make this larger, is that we have the foreword starting directly after this.
I'd want it to start on its own page. Now the other chapters start fine, I mean, there's Chapter 1, starts on its own page because that's what InDesign allowed us to do. But it didn't allow us to say also the paragraph style that the foreword uses, please start that on a new page. So that's where we can actually use this. Let's go ahead and remember you want to add the invisible object that's going to force the page break directly before where you want the page break to be. So we'll create this little guy here.
Now if I anchor it right in front of this, what's going to happen is that the JPEG is going to force this down. So instead, I'm going to come over here and anchor it up here as the last character in this text frame. Now if you are clever about it, you could maybe use some kind of flourish or something like that that you will automatically rasterize that you want to appear. But otherwise, we're just going to have an empty, very small, it can be really tiny if you want JPEG that's going to be in the text flow.
So remember, you need to go up to here, Object > Export Options, Custom Rasterization, we don't need it 300, you want a Page Break after the image. All right, let's go ahead and export it out to EPUB, replace the old one, we'll accept all the same settings as before. Here you go! Foreword starts on its own. Now if you are wondering technically what's happening here, we'll take a quick peek at the test EPUB that I did before.
So if I come over here and open up test.epub in TextWrangler, in the actual HTML file it added a JPEG. It converted that little frame to JPEG and it gave it an automatic name. But notice the paragraph style override? If you go to template.css and go down to paragraph style override, what it did was it added this line of CSS code, page-break-after: always, which all of the EPUB readers, the major ones including iBooks honors. So that's a really neat way in InDesign CS5.5 to force a page break whenever I need one.
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.
Your file was successfully uploaded.