ScreenCasts

CSS and HTML

Edit the ePub after Export from InDesign

Once we have exported the reflowable ePub from InDesign we can edit the CSS. First we need to unpack the ePub file and use a text editor to edit the main CSS file.

The objective is to get out own version of the CSS file so that we can use this later when we re-export from InDesign.

This screencast uses Textwangler to edit the ePub. Look back through the screencasts and you can see how we can use Dreamweaver to do something very similar.

We edit the CS to add a background to a heading and remove the forced page break that is generating a blank page.

Permanent link to this screencast

Filed Under: CSS and HTMLInDesignMaking eBooks

Duration: 00:11:27

Building a Fixed-Layout ePub3 from InDesign (part 2)

We Use Dreamweaver to edit the ePub Package files

In the previous part, we added a master page header to to every page and used this to split the ePub.

Now we are unpacking the ePub and after creating a local Dreamweaver site, we edit the various files inside the ePub package.

Note that I am using a MAC with the latest OS (Mavericks) to do this work. This makes life easier since I can view the ePub file with Apple's iBooks app.

If you are working with a PC/Windows, then you can test the ePub with Readium within the Google Chrome browser.

Addendum: To make sure that the header (originally only on the master pages), will appear above the main text, make the header text box very wide so that it is the first item reading left to right. The articles will then put things in the correct order reading from top left.

Permanent link to this screencast

Filed Under: CSS and HTMLInDesignMaking eBooks

Duration: 00:25:10

Edit the ePub after export from InDesign

Using Dreamweaver to edit the CSS

We have already exported from InDesign and have an ePub3 file to review. We can see the results in Adobe Digital Edition and iBooks for MAC.

Some things aren't what we expected! Let's use a script to unpack the ePub and make a site in Dreamweaver.

Now we can edit the CSS and roundtrip back to InDesign.

Permanent link to this screencast

Filed Under: CSS and HTMLInDesignMaking eBooks

Duration: 00:16:14