"Beyond beginners: Using InDesign's EPUB 3 feature set" by Anne-Marie Concepción (Seneca Design & Training) for ebookcraft 2015, presented by BookNet Canada and eBOUND Canada - March 10, 2015
Beyond beginners: Using InDesign's EPUB 3 feature set - Anne-Marie Concepción - ebookcraft 2015
1. S E N E C A D E S I G N . C O M
3 1 2 - 9 4 6 - 1 1 0 0
A N N E - M A R I E C O N C E P C I O N
A M A R I E @ S E N E C A D E S I G N . C O M • @ A M A R I E
InDesign and EPUB 3 Handout
by Anne-Marie Concepción
3
2. S E N E C A D E S I G N . C O M
3 1 2 - 9 4 6 - 1 1 0 0
A N N E - M A R I E C O N C E P C I O N
A M A R I E @ S E N E C A D E S I G N . C O M • @ A M A R I E
EPUB 3 Features
„„ HTML5, CSS3, SVG, MathML
„„ Enhanced metadata
„„ Accessibility
„„ Rich media
„„ Enhanced Design and Typography
„„ World Languages
„„ Interactivity
3. S E N E C A D E S I G N . C O M
3 1 2 - 9 4 6 - 1 1 0 0
A N N E - M A R I E C O N C E P C I O N
A M A R I E @ S E N E C A D E S I G N . C O M • @ A M A R I E
InDesign CC 2014 Support
„„ HTML5, CSS3, MathML
„„ Dedicated metadata panel
„„ Semantic mark-up,
epub:type, ALT tags
„„ Video and audio
„„ Font embedding, Free Open-
Type (Typekit), Multiple CSS
support, FXL
„„ RTL Language export
„„ Interactive FXL
EPUB 3 Feature
„„ HTML5, CSS3, SVG, MathML
„„ Enhanced metadata
„„ Accessibility
„„ Rich media
„„ Enhanced Design
and Typography
„„ World Languages
„„ Interactivity
4. S E N E C A D E S I G N . C O M
3 1 2 - 9 4 6 - 1 1 0 0
A N N E - M A R I E C O N C E P C I O N
A M A R I E @ S E N E C A D E S I G N . C O M • @ A M A R I E
Find the Features in InDesign
„„ Metadata panel: EPUB Export Options dialog box
„„ Semantic markup: Export tagging (map styles to tags)
is done in the Paragraph Style Options dialog box
„„ Semantic inflection: The epub:type field is in the
Object Export Options dialog box
„„ ALT tags: Choose or enter ALT tags for images in the
Object Export Options dialog box
„„ Rich media: Place file and then use the Media panel to
modify and preview (Window > Interactive > Media)
5. S E N E C A D E S I G N . C O M
3 1 2 - 9 4 6 - 1 1 0 0
A N N E - M A R I E C O N C E P C I O N
A M A R I E @ S E N E C A D E S I G N . C O M • @ A M A R I E
Find the Features
„„ Font embedding: Choose this option in the EPUB
Export Options dialog box
„„ Free OpenType font to embed in EPUBs: Use the
Typekit feature (Type > Add fonts from Typekit)
„„ Multiple CSS files: Add CSS files in the EPUB Export
Options dialog box
„„ World Language: Style text with the World-Ready
Composer in the Justification panel of Paragraph Style
Options. For placeholder text, press the Command key
(Control on Windows) while choosing Type > Fill With
Placeholder text.
6. S E N E C A D E S I G N . C O M
3 1 2 - 9 4 6 - 1 1 0 0
A N N E - M A R I E C O N C E P C I O N
A M A R I E @ S E N E C A D E S I G N . C O M • @ A M A R I E
Find the Features in InDesign
„„ Interactive FXL: Add interactivity with these panels
from Window > Interactive: Buttons and Forms,
Animation, Timing, Hyperlinks, Object States
„„ Preview interactivity in the EPUB Interactive Preview
panel
„„ FXL Export: File > Export > EPUB (Fixed Layout)
7. S E N E C A D E S I G N . C O M
3 1 2 - 9 4 6 - 1 1 0 0
A N N E - M A R I E C O N C E P C I O N
A M A R I E @ S E N E C A D E S I G N . C O M • @ A M A R I E
InDesign Scripts
MergeTextframes_ID for CS4+ merges standalone text frames to help you accurately preview vertical whitespace between
text blocks, and fix (reassert) space via adding paragraph space above/below.
ePubCrawler for CS3+ to create fixed-layout EPUBs for iBooks and Kobo
Index for EPUB creates linked indexes in EPUBs from InDesign index
(only needed for versions before CC, which includes the live ID index and does the linking)
ShowHideLocalFormatting.jsx for CS4+ to spot-check a story w/visual markup for local overrides
StyLighter.jsx for CS4+ lets you apply non-printing highlight colors to text based on the character or paragraph style
PerfectPrepText.jsx for InDesign CS5+ creates and applies named character styles only to text with local overrides. The
script requires PrepText.jsx (CS4+) at the same level.
• OR: PowerStyles plug-in from David Blatner and DTP Tools, $59
ApplyNestedStyles.jsx for InDesign CS4 & CS5 to “literally” apply character styles to Nested, GREP, & Line styles, other-
wise this formatting is ignored on export. (Not needed in ID CS5.5 or later.)
FindChangeByList (already installed in Scripts panel) to quickly clean up a manuscript for EPUB export
• OR: Multi-FindChange easy to use panel that strings together saved queries by Automatication, $49.95
ApplyALTfromXMP.jsx for CS5.5+ to automatically apply an ALT tag to images based on their metadata
TomaxxiLinkRename.jsx for CS4+ to rename linked images with problematic characters
8. S E N E C A D E S I G N . C O M
3 1 2 - 9 4 6 - 1 1 0 0
A N N E - M A R I E C O N C E P C I O N
A M A R I E @ S E N E C A D E S I G N . C O M • @ A M A R I E
Applescripts
EPUB Zip/Unzip a single drag-drop Applescript to extract or recompress EPUB component files on the Mac instead of us-
ing Terminal. Look for the file link at the bottom of the first post in this forum thread.
epubcheck_3.01 to validate EPUB2.01 and EPUB3.01 files on the desktop. Look for the file link at the bottom of the first
post in this forum thread
Utilities and Apps
ePub Manager new commercial extension for Dreamweaver that lets you create an ePUB or edit an existing EPUB without
unzipping it first. Its panel steps you through making an EPUB’s OEBPS folder a site root folder.
eCanCrusher free utility for Mac or Windows that extracts or recompresses EPUB files
Pagina ePubChecker drag-and-drop free app for PCs and Macs to validate EPUB 2.01 and EPUB 3 files
Readium open source EPUB 3 (including fixed layout) reader extension for Chrome
ePubReader free EPUB 2 reader add-on for Firefox
Book Proofer for iBooks live proofing on a connected iOS device, requires free or paid iTunesConnect account
Kindle Previewer for previewing MOBI files as they would be seen on any Kindle device or Kindle reader app
KindleGen, a command-line program for converting EPUB to MOBI files, or use Kindle Previewer to convert on the fly
Kindle Plug-in for InDesign beta (CS5 – CS6) for exporting INDD files directly to MOBI
9. S E N E C A D E S I G N . C O M
3 1 2 - 9 4 6 - 1 1 0 0
A N N E - M A R I E C O N C E P C I O N
A M A R I E @ S E N E C A D E S I G N . C O M • @ A M A R I E
Video Tutorials
Anne-Marie’s lynda.com titles I have over 20 courses, many of which are on InDesign and EPUB
Books
eBook Typography by Chris Jennings, a comprehensive EPUB with copious details and sample CSS and HTML for all sorts
of nice typographical effects, consistently updated
Online Resources
eBook Flight Deck is a free (because it’s still in beta) online validator and preflighter for any EPUB
ePubSecrets.com is a portal for the eBook design/development industry and a sister site to InDesignSecrets
MobileRead.com forums are busy support forums for EPUB utilities, devices, and authors/publishers
99Problems is a community-generated repository of eReader glitches and their fixes (if known)
Twitter #eprdctn hashtag to learn and ask EPUB-related questions 24/7. Twitter account is not necessary if you don’t want
to post. EPUB tweetchat “meeting” for #eprdctn is every Wednesday, 10:00a–11:00a CST.
Facebook group for #eprdctn is a forum dedicated to discussion of the development and production of ebooks (an off-Twit-
ter forum for the #eprdctn crowd)
StackOverflow (EPUB tag) to post questions about eBook production at a high-geek level
10. S E N E C A D E S I G N . C O M
3 1 2 - 9 4 6 - 1 1 0 0
A N N E - M A R I E C O N C E P C I O N
A M A R I E @ S E N E C A D E S I G N . C O M • @ A M A R I E
Thank you!
Anne-Marie Concepción
amarie@senecadesign.com | Twitter: @amarie
3