epub by grafiker bo sørensen

1

I N DHOLD. Læs her:CONTENTS

Indhold. Læs her: 1

program. Weekend kursus 2

digital. Hvad digitale udgivelser 5

digtial. Hvad er en en ebook 6

digtital. Termologi 7

digital. Tablet PC 8

digital. Personal computer 9

digtial. Smartphones 10

digtial. Hvorfor udgive digtialt 11

digital. Er print død 12

Digitalt. Program 13

digital. Fordele ved epub 14

digtial. Hvad er epub 15

ditigital. Hvordan ser indholdet ud 16

digital. Udfordringer 17

epub. Wievers på Mac 19

epbup. Find dem 20

epub. Nede i maskinrummet 21

epub. workflow 22

epub. Den første export 24

epub. TOC - navigerbar TOC 26

epub. Chapterbreaks 28

epub. Export order 29

epub.”Lay-out order” 30

epub. Article order 31

epub. XML order 32

epub. Filenaming 33

epub. Forbudte bogstaver 34

epub. Brug altid styles - altid 35

epub. Mapping styles 36

epub. Tabeller 37

epub. Grafik 38

epub. Billeder 39

epub. Toc på den første side. 40

epub. Metadata 41

epub. Alt tags 42

2

PROGRAM. Weekend kursus

10:00 Velkommen Hent dagens materialer: bosoerensen.dk/epub

10:15 Præsentation af formaterne til digital produktion – nogle af dem

10:45 Epub. Hvad er det og hvordan kommer den fra InDesign til Epub.

[Prøv selv]

11:15 Hvordan styrer jeg rækkefølgen

[Prøv selv]

12:15 Frokost

13:00 Styr på tekst og billeder

[Prøv selv]

14:00 Export option

[Prøv selv - meget gerne et lidt større dokument]

10:00 Preview og validate

[Prøv selv]

11.00 Rens ud i koden

[Prøv selv]

12:00 Frokost

12:45 Og så videre - andre formater.

[Resten af dagen prøv at sætte tingene ind i sammenhæng - og spørg]

3

4

5

DIGITAL. Hvad digitale udgivelser

ebooks: Epub, Pdf

ebook Apps: Folio, Ibook Author m.m.

websites og blocks

[kapitel 1]

6

DIGTIAL. Hvad er en en ebook

7

DIGTITAL. Termologi

CSS (cascading style sheet): et kodesprog brugt til at beskrive ”lokk and feel” af html indhold

ebook: electronic book - en genere betegnelse for mange former for digitale udgivelser

eink: electronic ink - en teknologi der baserer sig på reflecteret lys istedet for baggrundbelyst.

epub: (electronic publication) en ebook kodet i html og css

ereader: transportabelen enhed til visning af digitale udgivelser

DPS: (adobe digital Publishing Suite)

html: Hypertext markup language - teknologien bag de fleste websider

iBook: Apples eget format eBook format exclusivt for Ipad

PDF: portable document format

tablet/tablet PC: - mobil computer med touchscreen og intet fysisk keyboard.

xml:-(extensible markup language) definerer et sæt regler/tags

8

DIGITAL. Tablet PC

Intet keyboard, toucscreen

Let at bruge

Lang batteritid

Koblet til internettet

Transportabel

Bruges i høj grad til læsning af ebøger/e-magasiner:

Kræver en Ebook app for at læse ebøger og magasiner

9

DIGITAL. Personal computer

Kan buges til at vise digitale dokumenter

Kræver også en ebook reader

Ikke så transportabel

Bliver typisk brugt til at læse elektroniske publikationer - fagligt stof, produkt blade m.m.

Fagligt indhold i højere grad end underholdning.

10

DIGTIAL. Smartphones

Mindre skærm størrelse

Kan være svært at læse mange elektroniske publikationer (enten lille tekst eller meget scroll.

Meget mobil

De fleste smartphones kan åbne de fleste digitale documenter

11

DIGTIAL. Hvorfor udgive digtialt

Bruger får konstant adgang til indhold

(eksemler på digtitalt indhold: itunes, Spotify, Amazon, Youtube, Netflix)

Let at abonnere (får det lige så snart det udkommer - og lige der hvor jeg er)

Flere funktioner end analoge udgaver (interaktive elemeter)

Integrere og interagere med sociale medier

Billeder står bedre

Fylder fysisk intet - alle bøger (musik/film) altid til stede.

12

DIGITAL. Er print død

Det har ihvertfald været erklæret død mange gange (TV/radio)

1990’erne: PDF - erstatter i dag trykte:

tekniske manualer, produktkataloger m.m.

supplerer den trykte udgave - tilgængeligt online

Idag er der næstne altid mulgihed for en elektronisk udgave af ethvert magsin.

med tablets nye muligheder

Flytter fra arbejdsbord til sofa og åbner mulighed for andet indhold.

Giver mulighed for flere udgivelser (det er billigt at udgive)

13

DIGITALT. Program

Vi skal kigge på

Folieformatet til magasiner (app bliver lavet af adobe)

epub til bøger (app findes i mange versioner vi bruger Ibooks)

Pdf til både bøger og magasiner (typisk trykt udgave som forlæg) mange readers

”Ibook”formatet (proporitært format til Ibooks - og kun til Ibooks)

90 % af al indhold på tabletpc’ere bliver

downloadet til Ipad

14

DIGITAL. Fordele ved epub

platform uafhængigt (der er en reader til alle

reflowable content

relativt lille filstørrelse

enchanced EPUB - Epub 3 standard

rich media video og audio

text to speech

basic scripting med javascript

movies og audio

embedded scripts basis

control of objects positioning

15

DIGTIAL. Hvad er epub

Det er en e-bog

Har endelsen epub

Det er en komprimeret mappe med forskellige filer.

(skift endelsen ud med .zip og pak ud (gælder på en pc)

Kan blive læst på næsten alle enheder med passende software

Bliver altid læst liniært

Men har intaraktiv TOC

Indhold skal tilpasses den begrænsede teknik

En smule intaraktivitet (hyperlink)

Epub3: Rich media support ( javascript video lyd)

Passer bedst til teksttunge dokumenter

Det ligner måske et website - og det er det sådan set også

Kan redigeres i for eksempel Dreamweaver eller en simpel texteditor.

16

DITIGITAL. Hvordan ser indholdet ud

Dobbeltklik - så åbner bogen i passende software

For at kigge indeni - og redigere: dekompress

folder

mimitype - fortæller det er epub fil (lad den være)

META-INF/container.xml: beskriver indhold

OEBPS: indholdet (xhtml - css)

Images: Billeder i bogen

toc.ncx: den interaktive indholdsfortegnelse

content.opf: indhold i filerne

idpf.org

17

DIGITAL. Udfordringer

De enkelte enheder (phones tablets) viser forskelligt resultat

Nogle suporterer kun basisformaterne andre de seneste funktioner.

Lille eller ingen kontrol fra udgiver over læseoplevelsen

[Prøv at sammenligne ADE Adboe Digital Edition med Calibre]

Brug html og css to correct (kan være nødvendigt at rette i kode efter export fra IND)

Kompleks lay-out er svært at oversætte fra IND til EPUB

Ingen sidenumre (brug hyperlink i stedet.)

18

19

EPU B. Wievers på Mac

Calibri

ADE Adobe digitals edition

Kindle for Mac

Sony Reader

20

EPBU P. Find dem

www.epubbooks.com

www.amazon.com (mobi)

ebooksstore.sony.com

barnesandnobel.com/ebooks

books.google.com

ibooks

saxo.com

gopubli.sh

21

EPU B. Nede i maskinrummet

lille website - from epub to zip

22

EPU B. workflow

Indesign ->

Export for epub ->

View in ade ->

Validate ->

Edit the epub file ->

Preview in ipad ->

Validate/ret ->

Upload :-)

23

EPU B. Den første export

Hvad bliver eksporteret

Alt bliver eksporteret - stort set

Også fodnoter referencer m.m. hyperlinks – dog ikke grafik lavet i Indesign

Men rækkefølge og afstande holder ikke. Fokuser på rækkefølge ikke så meget andet

[Find SF_history i kapitel 2 og eksporter]

Brug standardinstillinger i export.

24

EPU B. TOC - navigerbar TOC

forskellig fra TOC i bogen

Vises på Ipad eller ADE

export - generel settings

create TOC style

”Use TOC style”

Nested TOC style

Det gør det lettere at finde rundt - og mange ereader systemer kræver det.

Lav en ”book”

25

EPU B. Chapterbreaks

selvom der er lavet en TOC hopper overskriften nødendigvis ikke op i top når man vælger.

Det gør den ved en book

Fordi der er flere dokumenter

Så man kan vælge at splitte dokumentet i flere dokumenter.

Eller gøre det i exporten.

26

EPU B. Export order

eksporter fra side 1, venstre til højre og derefter op-ned

Hele historier

Grupper hjælper ikke

Husk at textfelt attributer – imodsætning til image attributes som bliver eksporteret - skygger billeder på skrå osv.

27

EPU B.”Lay-out order”

Vi skal styre rækkefølgen i eksporten

Der er flere forskellige måder at styre dette på.

Lay-out order er standard

Det er standard som vi så i det forrige.

28

EPU B. Article order

Træk elementer ind og arranger

Bemærk at grafik også bliver oversat til elementer

29

EPU B. XML order

Tags - spring det over...................

30

EPU B. Filenaming

Navngiv dokumenterne med konservativt

Filenaming husk det er et website

Alfanumerisk a-z 0-9

Det indgår i linking

Ingen ordmellemrum, brug evt - eller _

Det samme gælder for book cover

(skal evt bruges til amazon eller andre steder der er

XHMTL for filenaming af alle billeder og styles short and sweet

31

EPU B. Forbudte bogstaver

Gå på jagt efter

dobbelte linieskift

flere mellemrum

soft return

nonbreaking space

diskrete bindestreger

”find and replace” - eller ryd op med script [vis hvordan det bliver oversat]

clear overrides - er måske en mulighed

FInd/change eller script

Prep Text

http://www.indesignsecrets.com/downloads/PerfectPrepText.zip

32

EPU B. Brug altid styles - altid

Local overrides skaber et fuldstændigt uoverskueligt dokument (css)

Så lav al tekst med paragraph og characterstyles

33

EPU B. Mapping styles

Map paragraph styles to CSS styles - eller lad være med det...........

Have you heard of classitis? Beginning CSS designers quickly master the ability to create dozens of classes in a CSS stylesheet and to apply them liberally to their HTML documents. Most of these classes are unnecessary and merely clutter up the code and add to the document size. A bigger document size translates to a slower download and increased bandwidth expenses. Cluttered code afflicted with classitis is not good for business; it’s not the best practice and it doesn’t help achieve the accessibility goal of separating content from presentation. Here is how to reduce classitis using CSS.

http://www.ehow.com/how_2284990_classitis-html-css-descendant-selectors.html

34

EPU B. Tabeller

tjæk hvor meget der kommer igennem.

I forskellige readere

Overvej om det skal være en tabel - en tabel tilpasser sig ikke mediet.

Tabeller bliver til tabel i html-koden

35

EPU B. Grafik

Diverse grafik lavet i InDesign bliver ikke oversat

Men man kan oversætte ved objct export option

De bliver først oversat til grafik ved export

36

EPU B. Billeder

Billeder bliver omdannet jpg png gif

Vælg opløsning

Er billeder ex 300 pixel bliver det også 300 pixel i Ipad

Har billeder lavere opløsning bliver de ikke upsamplet.

Diverse attributter kommer også med. (rotate, shadow)

Object export option ”overrider” default settings.

jpg er standard (gif og png forbliver disse formater)

Vælg diverse

Skaler i PS eller lade Indesign gøre det?

Lav et helsidesbillede 600 x 860 ( kommer altid på en side) halv 430 x 600

37

EPU B. Toc på den første side.

Internal TOC

Flere tocs - crossreference og links

38

EPU B. Metadata

Brug dem ved søgninger Amazon m.m. for at gøre bogen synlig

File -> file info

description

39

EPU B. Alt tags

For synshæmmede - bliver læst readere

Også bedre ved søgninger

Også hvis jeg ”rasterizer” tekst.

(ved tekst som jeg gerne vil have i en bestemt font, - det kan gve ballade)

Brug evt xmp data - se eksempel i Bridge,

40

EPU B. Export

41

EPU B. Validation

idpf.org – lad være med at læse det

epub 2.01 eller ipub 3

epub 2 er aktuelle standard

epub 3 kan indeholde javascript video og audio.

code.google.com/p/epubcheck - terminalbaseret (kodelinier)

eller epubvalidator fra

threpress.org/tools

tjæk den dirkete fra InDesign

validate early & validate often

42

EPU B. Tjæk den på computer

ADE - Adobe Digital Editions

Calibre

Sony

Ibisreader.com (upload egne bøger)

Firefox plug-in

Stanza (lexcycle.com) not desktop

43

EPU B. Tjæk den på Ipad

Ibooks skal være installeret på Ipad

Via Itunes på computer: Add

og derefer sync.

Gælder kun for IT-K ipads

------------------------------------------

ellers: Brug Dropbox

LAD VÆRE MED AT SYNCE

44

EPU B. Validate

idpf.org

epub 2 og epub3

code.google.com/epubcheck – måske – kører i Terminal mode (kodelinier)

så hellere http://validator.idpf.org

Upload og vent......

og ret

Gør det løbende, gør det på ”rene” InDesign filer.

45

EPU B. Rediger epub - pak ud pak ind

Pc. skift fra .epub .zip - og så er den pakket ud - rediger - og zip igen og skift til .epub

Mac er sværere (Mac skaber nogle usynlige filer)

Springy - (Husk i preferences: preserve Macintosh content) smårettelser

Textwrangler - lillebror til BBEdit

oXygen Author

extract - brug scripts vedlagt

46

EPU B. Pakket ud

mimetype: Fortæller hvilken slags fil det er - rør den aldrig.

metadata container.xml - det eneste den skal fortælle er hvor filen content.opf er - filen som fortæller om indholdet - rør den aldrig.

Der kan ligge en anden fil her, hvis man eksporterer fonte fra ID - gør det ikke. (pas på med at eksportere fonte - ID skaber en fil i META-INF, der kan give errors i validation)

OEBPS - indholdet er her.

html filer er indhold

images ligger i egen mappe

template.css - styles

toc.ncx - navigation indholdsfortegnelsen

content.opf - ”hjernen” 3 dele:

metadata + manifest (skal stemme overens med faktiske indhold) + manifest (swipe-order - hvor skal der swipes + guide sektion (kræves af nogle readers)

47

EPU B. Epub editor

PC:

KRAV: Det skal være en text-editor med god find and replace og med colorcode og evt grepsearch

notepad++ (opensource)

MAC:

Textwrangler - lillebror til BB-edit

god søgefunktion også i flere filer

Kan åbne epub filer - men ikke ændre - før den er extraktede (det kan BBEdit)

Oxygen Author - koster, behøves ikke at extracte. Indbygget Epub validator. (download en 30 dages fri demo)

Dreamweaver

Prewiev i Safari - det tætteste vi kommer på ibooks

Calibre - og en converter - måske

48

TEST. Redigere indeni

toc.ncx - rediger i den

Metadata: Vigitgt for at gøre bogen synlig ved søgninger. Der kan også være krav fra udgiver om at der skal være tilføjet metadata. Brug frøst og fremmest fileinfo og export. Der er 2 metadata-felter der skal være udfyldt for at validate: Unique Identifier og publication date.

dc = dublincore.org

http://dublincore.org/documents/usageguide/glossary.shtml

http://dublincore.org/documents/profile-guidelines/index.shtml

49

EPU B. Guide section

Ekstra sektion til content.opf

Krav til ibooks:

Guide til at fortælle hvor de forskellige sektioner og dele ligger i bogen.

(forord, titelblad, toc, hvor starter teksten osv.) Der er knapper i readere der har knapper til dem.

Ikke et krav i validering - kun krav fra udgiver (måske)

Hvor er teksten, hvor er cover, hvor er toc (Kindle kræver kun TOC)

http://epubsecrets.com/where-do-you-start-an-epub-and-what-is-the-guide-section-of-the-opf-file.php

http://old.idpf.org/2007/opf/OPF_2.0_final_spec.html#Section2.6

50

EPU B. Cleaning up - html

Ahhr gider vi det, men kig lige på html filerne.

Indesign lægger alt for mange styles på. Der kan sagtens ryddes op.

På den anden side skader det ikke alverden. Det mindsker kun overskueligheden

51

EPU B. Fra epub til mobi

Amazon kindle format

kdp.amazon.com - self publishing guide

http://www.amazon.com/gp/feature.html?ie=UTF8&docId=1000765271

cover image 600 x 800 px jpeg - nøjagtigt

navigation toc og indholds toc (uden sidenumre)

+ guide sektion

Title and creator (author) must be in metadata

All <P> tags get .25” first line indent and are fully justified, use css to override (inline css)

Brug ikke float

Brug ikke drop caps

Css @-tags not allowed (default i page margins)

husk at metadata i fileinfo

52

ISBN. Isbn number

enhver udgivelse skal have et isbn-nummer

isbn.dk

53

EPU B. Udgiv Amazon

Amazon:

http://www.amazon.com/gp/help/customer/display.html?nodeId=13685551

behov for Individual Taxpayer Identification Number

Upload EPUB - det bliver automatisk konverteret til mobi

ISBN - frivilligt - (Amazon tilføjer vistnok)

70% avance til Amazon for priser 2.99 til 9.99 ellers 35 %

Læs den pdf:

http://kindlegen.s3.amazonaws.com/AmazonKindlePublishingGuidelines.pdf

54

EPU B. Udgiv iBooks

læs FAQ

http://www.apple.com/itunes/content-providers/book-faq.html

You need a Mac to publish........... (program iTunes Producer)

ISBN

epub - kun epub

tax id

bøger til ibooks store kan indeholde video m.m.

https://itunesconnect.apple.com/WebObjects/iTunesConnect.woa/wa/apply

70% udebetalt - gratis bøger OK

US bank account (brug en mellemhandler)

55

EPU B. eller sælg den selv.

søg i selvudgivermiljø

se bla. på facebook

56