e-publishing concepts and technologies
TRANSCRIPT
Goals for the Day
1. Introduce you to the variety of content being published and read on electronic devices today
2. Remove the mystery surrounding creating and publishing eContent
3. …and replace that mystery with the confusing reality of creating and publishing eContent
4. Provide ePublishing solutions and advice
Agenda
User experience examples eReader formats Tools for organizing and
converting Authoring tools Distributing your eBooks
SOFTWARE
• Adobe InDesign and the DPS• Apple’s iBook authoring tools• iTunes• Calibre•Microsoft Word•WinZip• A Text Editor
There Just Wasn’t Time
Overview of eReadersOverview of all the eBook StoresPricing and author terms at the various e-
bookstoresDetailed use of any of the authoring toolsCSS and XHTML overview or detailHow to obtain an ISBN number for your bookeMagazines and eNewspapersNew skillsets for ePublishing (video,
scripting)
Why I Don’t Like PDFs
They are fixed layout and don’t change
Frustrating eReader support (it usually works and it usually doesn’t fit)
Easy to create, so we get lazy The software is too cumbersome and
requires updates too often
Why You Should Use PDFs Most people have READER on their
computers If your visitors want to print and keep Forms that HAVE to be on paper
Otherwise, make a web form That’s MOBILE friendly
When your content absolutely benefits from proper formatting and font selection
Archive documents – we’ll probably always be able to read old PDFs
Safari’s “Reader” Function Formats the “most important” stuff
on your webpage for reading Allows quick reading of your content
on iPhone Web authors take note:
• Use a “wrapper” other than <body> (could be <div> or <article> - mostly doesn’t matter – NOT <p>)
• Probably 100 characters of content
Consider…Amazon Kindle books play on every device
but other eReaders
Google Play Books play on every device but Kindles
The iPad, Nook color and Kindle Fire can all play multimedia files, but only the iBooks format can include interactive material (so far…)
*Kindle Formats
*AZW is Amazon’s official name for the older format used primarily by the E-Ink devices
*AZW is based on the MobiPocket standard with some minor differences and Amazon’s DRM
*KF8 is a new format based on HTML5 and CSS3 with some other non-standard features
*KF8 files support a MOBI container for backward compatibility
*Kindle Formats
*.mobi and KF8
*KF8 support is only found in Kindle Fire
*Specific comic book format
*No audio or video (yet)
*Image down sampling for different Kindles
*Use color images everywhere – you don’t need to use B&W
*ePub Format
*Apple’s iBooks (proprietary version)
*Nook
*Kobo Reader
*Sony Reader
*Adobe Digital Edition (with ADEPT DRM)
*DSLibris (for your Nintendo DS…)
*ePub Format
*Version 2.01 is most compatible
*Free and Open
*Version 3.0 is the latest
*XHTML, SVG and CSS profiles
*Defines media overlay for text and audio
*Defines the file format and container format
*What’s in an ePub?
*A collection of files used in the book
*Change extension from .epub to .zip to view
*What’s in an ePub?
*Change extension from .epub to .zip
*CSS
*DRM defined by the author, not the standard
*Apple’s ePub format (.ibooks)
*Based on (but isn’t) the free standard
*Supports audio and video
*In iBooks, you can make notes and bookmarks
*Create with Pages (part of Apple’s iWorks) or iBooks Author
*You can create questions that can be answered and submitted
*Apple DRM
*Fixed Layout ePub vs. PDF
*Popular for cookbooks, children’s books and comic books
*No standard for FLePub – just device specific arbitrary code*Nook Kids, Nook Comics, Nook Page Perfect
*KF8 and iBooks
*There are differences with rich media (iBooks format supports HTML5 media but you can’t “play” enhanced PDFs on an iPad)
*Can’t sell PDF in the iBookstore
*All ePub formats allow selectable text – some PDF doesn’t
*KF8 FL works in Fire, Touch, Kindle 4 and the Kindle reader apps on iPad, iPhone, Mac and PC
*ePub Summary
*2.01 standard is the safest
*Direct support at Apple, Google and Nook
*Easy conversion for Amazon
*3.0 (and media support) is coming
*Understand HTML5 and CSS3 (KF8)
*Apple supports 3.0 media tags
*“Export as ePub” is showing up in software
HTML Tag Description<!--...--> Specifies a comment<!DOCTYPE>
Specifies the document type
<?xml?>This tag identifies a document as an XML document
<a> Specifies a hyperlink<address> Specifies an address element<article> Specifies an article
<aside>Specifies content aside from the page content
<b> Specifies bold text<blockquote>
Specifies a long quotation
<body> Specifies the body element<br> Inserts a single line break<caption> Specifies a table caption<center> Centers text horizontally<cite> Specifies a citation<code> Specifies computer code text<col> Specifies attributes for table columns <dd> Specifies a definition description<del> Specifies deleted text<dfn> Defines a definition term<div> Specifies a section in a document<dl> Specifies a definition list<dt> Specifies a definition term<em> Specifies emphasized text <figcaption> Specifies caption for the figure element.
<figure>Specifies a group of media content, and their caption
<footer> Specifies a footer for a section or page<h1> Specifies a heading level 1<h2> Specifies a heading level 2<h3> Specifies a heading level 3<h4> Specifies a heading level 4<h5> Specifies a heading level 5<h6> Specifies a heading level 6<head> Specifies information about the document
<header>Specifies a group of introductory or navigational aids, including hgroup elements
<hgroup> Specifies a header for a section or page<hr> Specifies a horizontal rule<html> Specifies an html document<i> Specifies italic text<img> Specifies an image<ins> Specifies inserted text<kbd> Specifies keyboard text<li> Specifies a list item<link> Specifies a resource reference<mark> Specifies marked text<map> Specifies an image map <menu> Specifies a menu list<ol> Specifies an ordered list<output> Specifies some types of output<p> Specifies a paragraph<pre> Specifies preformatted text<q> Specifies a short quotation
<rp>Used for the benefit of browsers that don't support ruby annotations
<rt>Specifies the ruby text component of a ruby annotation.
<samp> Specifies sample computer code<section> Specifies a section<small> Specifies small text<source> Specifies media resources<span> Specifies a section in a document<strong> Specifies strong text<style> Specifies a style definition<strike> Create a strikethrough text<sub> Specifies subscripted text<sup> Specifies superscripted text<table> Specifies a table<tbody> Specifies a table body<td> Specifies a table cell<tfoot> Specifies a table footer<th> Specifies a table header<thead> Specifies a table header<time> Specifies a date/time<title> Specifies the document title<tr> Specifies a table row<u> Underlines any text it encloses<ul> Specifies an unordered list<var> Specifies a variable
<wbr>Specifies a line break opportunity for very long words and strings of text with no spaces.
<nav> Specifies navigation links
<summary>Specifies a summary/caption for the <details> element
CSS Attribute Description/*Comment*/ CSS Comment@import Import external style sheets@charset Declares Character encoding
@mediaDeclares different styles for different media. Will support either "All" or "Screen" and ignore others
@namespace Enables usage of namespaces@font-face Allows for linking to fonts* Selects all elementsE Matches any E element (div, span, p)E.class Class selectorE#id ID selectorE:link Link selector (not yet visited)E:visited Link selector (visited)E:active Matches E when active by user actionE:hover Matches E when hover by user actionE:focus Matches E when focus by user actionmargin Sets margin propertiespadding Sets padding propertieswidth Sets width of an elementheight Sets height of an elementfloat Specifies if a box should float on the side
clearSpecifies which side of an element where other floating elements are not allowed
displaySpecifies the type of box an element should generate
min-width Sets minimum width of an elementmax-width Sets maximum width of an elementmin-height Sets minimum height of an elementmax-height Sets maximum height of an elementclip Clips an absolutely positioned element
overflowSpecifies what happens if content overflows an element box
visibilitySpecifies whether or not an element is visible
overflow-x Forces horizontal scroll bars on overflowoverflow-y Forces vertical scroll bars on overflow
border-radiusSets the radius for rounded corner in borders
borderSets all the border properties in one declaration
border-bottomSets all the bottom border properties in one declaration
border-bottom-color
Sets the color of the bottom border
border-bottom-style
Sets the style of the bottom border
border-bottom-width
Sets the width of the bottom border
border-color Sets the color of the four borders
border-leftSets all the left border properties in one declaration
border-left-color Sets the color of the left borderborder-left-style Sets the style of the left borderborder-left-width Sets the width of the left border
border-rightSets all the right border properties in one declaration
border-right-color
Sets the color of the right border
border-right-style
Sets the style of the right border
border-right-width
Sets the width of the right border
border-style Sets the style of the four borders
border-topSets all the top border properties in one declaration
border-top-color Sets the color of the top borderborder-top-style Sets the style of the top borderborder-top-width Sets the width of the top borderborder-width Sets the width of the four borders
background-clipSpecifies whether an element's background, either the color or image, extends underneath its border
background-origin
Determines the background positioning area
background-size Specifies the size of the background imagesfont Sets all font properties
font-familyAllows for a prioritized list of font family names and/or generic family names to be specified for the selected element
font-size Specifies the size of the font
font-styleAllows font style (italic or oblique) to be selected within a font-family
font-variantSelects a normal, or small-caps face from a font family
font-weight Specifies the weight or boldness of the fonttext-align Specifices the horizontal alignment of text
text-decorationSpecifies the decoration to be added to the text
text-indentSpecifies the indentation of the first line in a text block
text-transform Controls the capitalization of the text
letter-spacingIncreases or decreases the space between characters in a text
word-spacingIncreases or decreases the space between words in a text
white-spaceSpecifies how white space inside an element is handled
text-shadow Specifies the shadow effect added to text
text-overflowSpecifies whether an ellipsis displays when text content has overflowed its given layout area
word-wrap
Specifies whether or not the browser is allowed to break lines within words in order to prevent overflow when an otherwise unbreakable string is too long to fit
directionSets the base text direction and block-level elements and the direction that cells flow within a table row
border-collapse Selects the border model
border-spacingSpecifies the distance between the borders of adjacent cells
caption-sidePositions the the content of table-caption at the specified side
empty-cellsSpecifies how to render borders and backgrounds around cells that have no visible content.
table-layoutDefines the algorithm to be used to layout the table cells, rows and columns
outline Sets the outline propertiesoutline-color Sets the color of an outlineoutline-style Sets the style of an outlineoutline-width Sets the width of an outline
outline-offsetSets the space between an outline and the edge or border of an element
widthSpecifies the width of the content area of an element
heightSpecifies the height of the content area of an element
device-widthThe width of the screen in CSS pixels at zoom factor 1.0
device-heightThe height of the screen in CSS pixels at zoom factor 1.0
device-aspect-ratio
Describes the aspect ratio of the output device
color Sets the color of text
color-indexDescribes the number of entries in the color lookup table of the output device
monochromeDescribes the number of bits per pixel in a monochrome frame buffer
borderSets all the border properties in one declaration
border-bottomSets all the bottom border properties in one declaration
border-bottom-color
Sets the color of the bottom border
border-bottom-style
Sets the style of the bottom border
border-bottom-width
Sets the width of the bottom border
border-color Sets the color of the four borders
border-leftSets all the left border properties in one declaration
border-left-color Sets the color of the left borderborder-left-style Sets the style of the left borderborder-left-width Sets the width of the left border
border-rightSets all the right border properties in one declaration
border-right-color
Sets the color of the right border
border-right-style
Sets the style of the right border
border-right-width
Sets the width of the right border
border-style Sets the style of the four borders
border-topSets all the top border properties in one declaration
border-top-color Sets the color of the top borderborder-top-style Sets the style of the top borderborder-top-width Sets the width of the top borderborder-width Sets the width of the four borders
calibre-ebook.com
Input Formats: CBZ, CBR, CBC, CHM, DJVU, EPUB, FB2, HTML, HTMLZ, LIT, LRF, MOBI, ODT, PDF, PRC, PDB, PML, RB, RTF, SNB, TCR, TXT, TXTZ
Output Formats: AZW3, EPUB, FB2, OEB, LIT, LRF, MOBI, HTMLZ, PDB, PML, RB, PDF, RTF, SNB, TCR, TXT, TXTZ
• Get the ePub file • Open Calibre and ADD the “book” (the ePub file)
• Choose the book and click on CONVERT BOOKS• Connect your Kindle with the USB cord• Copy the .mobi file to your Kindle’s DOCUMENTS • Disconnect your Kindle• Read the book on your Kindle!
Converting an ePubto read on a Kindle
Converting Google Play Books for Nook
Install Adobe’s Digital Editions DRM Create an (or use your) account at
Adobe When you purchase from the Google
eBook store, look for Nook/Sony just to make sure there is an ePub version.
Converting Google Play Books for Nook
Install Adobe’s Digital Editions DRM Create an (or use your) account at Adobe When you purchase from the Google
eBook store, look for Nook/Sony just to make sure there is an ePub version.
Download the ePub files for your purchased book
Open the file in Digital Editions and transfer it to your Nook (or Sony reader)
• Formatting in WORD• Printing to a printer• Saving or converting
to PDF• Web pages are
different than paper pages
WHAT YOU’RE USED TO
• Pages don’t really exist (at least not in the same place and size)
• You’re not formatting for a single output device (PDF page size or printer paper)
• Fonts don’t matter any more
• Active content on the book’s pages
WHAT YOU AREN’T USED TO
iBooks Author Runs on a “OS X 10.7.4 or later” Mac Template-driven Import from Word or Pages Supports movies, audio, Keynote, 3D objects, interactive
images, jQuery objects! Preview on iPad Geared for Landscape – not as good as InDesign Publish to Apple’s iBookstore
Notes iBooks Author also exports to PDF If you’re going to charge $, you have to publish to the
iBookstore (and has to be .ibooks file) Apple has no rights to your book or it’s content Apply for an iTunes U site if you want your book there
Adobe’s InDesign Full-featured desktop publishing software Control over pretty much everything on the page Multiple layouts and export versions of the same document
content Creates eBooks in the ePub format Color and grayscale previews Creates PDFs and other doc types (web pages)
InDesign eBook notes Image attributes translate (rotation, shadow, etc.)
Sidebars do not – just the text (page geometry doesn’t transfer)
HyperLinks to navigate around the book
Consistently apply paragraph and text styles using FIND-CHANGE
Anchor images to specific paragraphs so they flow with the text
Separate InDesign documents for content that needs to begin at top of page (cover, TOC, chapters) TOC created from hyperlinks to chapters
Multiple CRs or TABs are ignored
No embeddable fonts – accept the eReader’s default font
Footnotes and Hyperlinks transfer
Tables transfer, but are usually formatted wrong
Create a “navigation” TOC using Paragraph styles
Adobe’s InDesign Insert an .mp4 video file in your text Use the Media Panel to pick a proper frame to appear
on the page Export as ePub Utilizes InDesign’s HTML5 support for the video and
audio tags.
• Upload WORD or ePub• Use their WORD template to format• Can create ePub and .Mobi files• Use the Premium Catalog to sell from Apple,
B&N and Amazon• Take their converted file directly to stores and
get an additional 10% in royalties• No DRM if you sell at Smashwords
Pricing Your Book
• Books priced at $2.99 sell 6.2 x more copies than books priced over $10.00
• A longer book deserves a higher price than a short book
• Just as over-pricing can be bad, so too can under-pricing
• Experiment with pricing and use coupons for discounts
Sharing Your ePubO Import into your iTunes and then
sync to your deviceO E-mail the ePub (if it will fit) and
open it on your deviceO Use your favorite CLOUD storage
serviceO Dropbox opens on iPad
O Place the files behind a link on your website
Selling Your BooksO Google PlayO Amazon Kindle StoreO Barnes and Noble Nook StoreO Apple iBookstore
O You’ll need an ISBN #O You’ll need an Taxpayer Identification #O Bank routing and account numbers O Credit card (for when your returns are
too high)
Google PlayO ePub, PDF or send them a paper book
to scanO You can set the price or they canO You can profit from the ads that run O The contents of your book is
searchableO While they sell a tablet, they really
have no reader deviceO No exclusivity – sell with other retailers
ePub to KindleO “Get started” at kdp.amazon.comO Review “Building Your Book for Kindle”
(under “Help topics” on the left)O Make sure you follow Amazon’s
requirements and create a clean, valid ePub file
O Or give your WORD, RTF, HTML or txt to Amazon
ePub to KindleO Google “Kindle Publishing Programs”O Download the conversion and viewing software
O KindleGenO KindlePreviewer
O Convert your ePub using (command line-driven) KindleGen and/or
O View your file in the KindlePreviewerO kdp.amazon.com is where you upload and sell
Kindle Plug-in for InDesign is also here
ePub to BN Nook StoreO www.nookpress.com/O Download the ePub formatting guideO Get the Nook reader for your computer
O Check your ePub file hereO Also can use the Nook Simulator after upload
O Click on the My Titles tab and upload your book (ePub or WORD, HTML, RTF and TXT)
O Pubit can apply DRM to your title
ePub to iBookstoreO Complete Apple’s applicationO Decide whether or not to work with
an aggregatorO Go buy your Macintosh (required for
publishing on iBookstore)O Recommend an ISBN O Epubcheck pass
(link on Nook page)
For your employees and customers, you can distribute eBooks from your website or other digital methods
If you use an aggregator, they can get your ebook to all the major distributors for a small fee
Remember
Rich Media Support
iBooks reader on iPad and iPhone Nook Color and Nook Tablet Kobo Reader and Tablet
Your Web Site!
Formats for your reader’s choicesRead on any device
Easy navigation for readersEasy download to devices
Tricks and fancy stuff only when it helps
SO WHAT DO YOU WANT?
Use an on-line document service like SmashwordsCreate templates that work in WORD and convert
using CalibreGet comfortable with CSS and HTML5 and use Sigil to
editCreate an ePub document in iBooks Author or
InDesignBe careful with media – it uses space on devicesUse an aggregator partner to publish your eBook
Put multiple download links (iBooks, Kindle and Nook) and instructions for getting it to their eReader
SOLUTIONS/TIPS