Tvorba eKnih – 10. díl: úpravy aPUB ve zdrojovém kódu

Na úpravu zdrojáku budeme potřebovat alespoň základy práce s jazykem html a trochu zkušeností s nějakým html editorem. Všeobecně se na úpravu html doporučuje  Pspad nebo Oxygen. Já pracuji s Pspadem. Je to český freeware, velmi rozšířený a velmi funkční. Oxygen z vlastní zkušenosti neznám, ale v diskuzích je chválený. No a kdo si nechce cpát kompa softem, může upravovat přímo v Poznámkovém bloku, ochudí se tak ale o několik funkcí, které práci s kódem zjednodušují, primárně asi hromadné úpravy jako nahrazování znaků, rozšířené volby vyhledávání, apod.

Připomeneme si pár tagů spolu s jejich atributy, o kterých si myslím, že by mohly být nejvíc potřeba.

  • Tag <a> tvorba linků (prolinkování obsahem i ven)
    zapisuje se spolu s atributem href, ten určuje směřování linku takto:
    <a href=”chapter23.xhtml”>Kapitola 23</a>
    takto se odkážeme například z obsahu do kapitoly 23
  • Tag <br />
    není párový, tzn. nemusí se vkládat na začátek a na konec
    oddělují se jím řádky, odstavce a vkládají prázdné řádky
  • Tag <p> s atributem class určují styl písma
    zapisuje se například <p class=”stylNadpisH1″>Nadpis H1</p>
    s tím, že “stylNadpisH1″ je název stylu, který jste si vytvořili už v indd
    někdy se stane, že se exportem na některých místech stylování ztratí

Tagů je potřeba znát víc, ale toto není obsahem našeho článku. Čili jsem uvedla ty nejzákladnější, zbytek přehledně na jakpsatweb.cz a hurá na základní html entity!

Html entita je pro nás v zásadě znak, který se nezachová exportem z indd, z toho důvodu je potřeba ho ještě před exportem nahradit atypickýma znakama, viz jedna z předešlých kapitol. Můžememe například nedělitelnou mezeru nahradit soustavou těchto znaků
slovo” +++ “slovo
, čili takto: SlovoMezeraPlusPlusPlusMezeraSlovo a pak ve hromadných úpravách zadat, že chcete nahradit ” +++ “ za “&nbsp;”, což je html entita nedělitelné mezery. Výsledek vypadá ve zdrojáku takto: slovo&nbsp;slovo, ale čtenář ho ve čtečce uvidí jako “slovo slovo“.

Entity, které můžete potřebovat nejvíc

Název entita znak
nedělitelná mezera &nbsp;
copyright &copy; ©
registrovaná značka &reg; ®
stupeň &deg; °
horní index &sup;
dolní index &sub;
krát &times; ×
odrážka &bull;
tři tečky &hellip;
obchodní značka &trade;
en pomlčka &ndash;
em pomlčka &mdash;
levé horní uvozovky &ldquo;
levé dolní uvozovky &bdquo;
et &amp; &

Všechny entity jsou tady.

Tímto končíme s naším destidílným seriálem o tvorbě eKnih. Doufám, že vám něco přinesl a pokud máte doplňující dotaz, popřípadě námět na rozšíření, ozvěte se!

Tvorba eKnih – 9. díl: struktura formátu ePUB

Po exportu koukněte do složky. Je tam jeden soubor
s příponou ePUB. Potřebujeme se dostat do jeho struktury a to provedem klasickým unzipem.
Když je hotovo, vidíme dvě složky a několik souborů. Složka META-INF není pro naši věc nedůležitá, budeme pracovat se složkou OEBPS (Open Ebook Forum Publication Structure), která má stejnou strukturu jako jednoduchá xhtml stránka.Obsahuje:

složku s fonty, složku s obrázky a pak jednotlivý obsah v souborech s příponou xhtml. Soubory nejsou nic jiného než kapitoly, které jste si určili v InDesignu. Pak je tam soubor content.opf, který nese výpis obsahu – jako právě členění do kapitol a základní metadata. Soubor template.css jsou znakové a odstavcové styly, které jste vytvořili v indd. Ty se přenesly sem, čili pokud budete chtít upravovat velikosti písem apod., nemusíte znovu exportovat z indd, ale stačí přepsat zde. Toc.ncx je tzv. Table Of Contents, čili obsah. Měl by to být funkční s odkazy, nicméně často nefunguje tak, jak by měl, proto doporučuji spolehnout se na vlastní, který se naučíme vytvářet v dalších kapitolách.

Mimo složku OEBPS je pak už jen jeden soubor a to mimetype. Ten náš nezajímá, je to pouze identifikátor.

Takže za týden hurá do úprav zdrojáku. Kdo je nedočkavý, doporučuji si procvičit základy html třeba na stránkách jakpsatweb.cz.

Tvorba eKnih – 8. díl: export do formátu ePUB

V minulých kapitolách se mi snad podařilo vylíčit základy přípravy eKnihy, ale kdo do toho už trošku zabředl, tak chápe, že teď nás čeká ta pravá libůstka :) a tou je export a následná úprava zdrojáku v html editoru.

V InDesignu najdeme volby exportu pře kontextovou nabídku Soubor / Export (Ctrl+E), rozšírené pak
v Objekt / Volby exportu objektu (což jsou hlavně
volby pro rasterizaci obrázků a podobně).

Teď si to vezmeme volbu po volbě:

  1. Všeobecné
    • Včetně metadat dokumentu zaškrtněte, pokud chcete, aby byl vidět název knihy a chcete vyplnit ISBNko, což je Jedinečný identifikátor.
    • Titulní stránka je jasná, zvolte dle toho, co obsahuje
    • Řazení asi většinou volíme stejné jako v panelu články
    • Okraje knihy nejspíš nula, pokud nemáte důvod to udělat jinak
    • Odrážky mapujte na neuspořádané seznamy
    • Čísla nejlépe převést na text
    • a PDF po exportu se při zaškrtnutí zobrazí v Adobe Digital Editions, což je freeware na čtení eKnih v kompu a lze stáhnout tady.
  2. Obraz
    • Zatrhněte zachovat vzhled a rozvržení
    • Rozlišení doporučuji 150 Dpi
    • Velikost obrazu nejlépe relativně ke stránce
    • Zarovnání obrazu určuje styl nebo to můžete vynutit přes tuto volbu
    • Obrázky převeďte na co chcete, já převádím na .PNG
    • A pokud chcete, aby se tyto volby uplatnily, tak nezatrhávejte dole Ignorovat nastavení exportu objektu
  3. Obsah
    • Formát do ePUB zvolte xhtml
    • Použití stylu obsahu aplikace InDesign nezaškrtávám, protože to
      nepoužívám – obsah dělám pak ručně ve zdrojáku, proto zašrtávejte jedině pokud jste ho předem aplikovali
    • Zalomit dokument na stylu odstavce – taktéž, neaplikuji. Pokud vy ano, zašktněte.
    • Poznámku pod čarou nevkládejte za odstavce, nebo vám budou ve čtečce lítat po stránkách podle toho, jak se zrovna zalomí odstavec
    • Zaškrtněte Odstranit vynucená zalomení řádků a to proto, že by tutově zmizeli po exportu sami – alespoň máte jistotu, že se tak stane všude
    • CSS generujte a Zahrňte definice stylů; Zachovejte lokální změny; Včetně volitelných písem.

Tak hotovo :) Pokud jste zaškrtli zobrazit ePUB po exportu, tak se můžete kochat novou eKnihou. Projeďte si jí, zjistěte, co nefunguje a v příští kapitole si řeknem něco struktuře formátu ePUB.

Tvorba eKnih – 7. díl: sazba v Adobe InDesign CS5 – Kniha

Knihu v InDesignu vytvoříme tak, že spustíme program a v roletkovém menu nahoře jdeme na Soubor/Nový/Kniha. Neotevře se nám žádný dokument, ale objeví se okno
s volbami pro Knihu. Abychom do ní mohli zahrnout nějaké dokumenty, musíme je nejdříve separé vytvořit, uložit a následně vložit přes ikonku „plus“ v paletce Kniha.

S Knihou lze pracovat velmi jednoduše, dokumenty jdou snadno vkládat a odstraňovat, není problém měnit jejich pořadí. Změna stylů napříč celou knihou někdy funguje,
někdy ne – určí se tzv. Master Document, který indikuje zdrojové styly. Pokud je upravíme v něm, měly by se změnit i ostatní dokumenty.

Tvorba eKnih – 6. díl: sazba v Adobe InDesign CS5 – práce s obrázky

Obrázky je nutné vkládat do toku textu, čili přímo do textového rámce mezi text. Jinak by se nám zobrazily až na konci dokumentu.

Co se týká grafických formátů, platí stejná pravidla jako pro web.
Nejlépe *.JPG; *.PNG; *.GIF.

Rozlišení je ideální kolem 150 Dpi. Webové je 72 Dpi, ale to je možná málo, vzhledem k tomu, že někoho obrázek zaujme a bude si chtít zazoomovat. Jinak je to samozřejmě čistě na vašem uvážení.

Barevnost je dána čtečkami, které jsou většinou černobílé. Proto se obrázky vyplatí převést do greyscale. Pokud chcete zachovat barvu, tak zvolte sRGB.

V další kapitole nalznete informace o nástroji Kniha.

Tvorba eKnih – 5. díl: sazba v Adobe InDesign CS5 – práce s textem, hyperlinky

Jak už bylo řečeno, exportem do ePub se nezachovávají některé znaky a formátování. Proto je potřebujeme v sazbě nahradit jinými. Abychom je pak snadno dávkově změnily ve zdrojovém kódu po exportu, měly by tyto znaky být snadno rozpoznatelné, ale hlavně jinde v textu nepoužité. Většinou uváděnou klasikou jsou:
tři spojovníky „—“
tři plus „+++“
nebo jakýkoli atypický počet jiných znaků, vkládaných samozřejmě bez mezer.

Znaky a formátování, které se exportem ztratí

• prázdné řádky
• tabulátory
• více mezer za sebou
• veškeré jiné mezery než klasické (vlasové, nedělitelné… apod.)
• dolní a horní index
• podtržení, přeškrtnutí

Proto je potřeba všechna tato místa v textu označit nebo nahradit atypickými znaky.

Hyperlinky

S vkládáním hypetextových odkazů je problém. Ne ani tak při jejich tvorbě, ale spíše v tom, že některé po exportu fungují a některé ne. Sám pan eBook na Adobe TV přiznává, že to je nedokonalost, kterou zatím neumí vyřešit. Proto je snazší si linky označit nějakým atypickým počtem znaků a pak si je ve zdrojáku vyhledat a dodat ručně přes tag <a>.
To se týká jak obsahu, tak jiných provázání mezi kapitolami knihy nebo i ven.

V další kapitole práce s obrázky.

Jak nastavit redirect (přesměrování stránek)

Redirect – kód 301 (moved permanently) – je funkce přesměrování z jedné domény na druhou. Máte-li například obsah stránek na adrese www.doména2.priklad.cz/priklad, co že složitě zapamatovatelná adresa, stačí uvést adresu www.priklad.cz a nastavit redirect.

Jak? Jednoduše:

Do rootu vložíme textový soubor s názvem index.php, jehož obsahem bude kód:

— — — — — —— — —— — —— — —— — —— — —
<?
Header( “HTTP/1.1 301 Moved Permanently” );
Header( “Location: http://www.new-url.com” );
?>
— — — — — —— — —— — —— — —— — —— — —

a změníme http://www.new-url.com na adresu, kam chceme přesměrovávat.

 

Tvorba eKnih – 4. díl: sazba v Adobe InDesign CS5 – styly, fonty, práce s objekty a řetězení

V této kapitole si osvětlíme, jaké styly je schopen export do ePub zachovat, jak pracovat
s řetězením textu a jak s objekty (obrázky).

Styly

Pokud máme knihu již nasázenou a z tiskové verze chceme udělat elektronickou, čeká nás několik úprav ve stylování. Export do ePub je schopen zachovat pouze odstavcové (Paragraph Styles) a znakové styly (Character Styles). Pokud máme v publikaci použité styly vnořené (Nested Styles), musíme si dát práci a převést je na znakové. Zde je návod, jak to provést. Nepoužívejte přímé formátování – vše převeďte do stylů.
Další věcí, kterou bychom se měli zabývat, jsou vzorové stránky (Master Pages). Vše, co se na nich nachází, se ve výsledném dokumentu nezobrazí. Důvod je jasný – stránky (ať je máme jakkoli rozvržené) se mění dle velikosti písma a rozlišení čtečky.  Stránkování tedy zcela ztrácí smysl – čtečka přiřadí čísla (nebo procenta) sama. To samé se týká textu
a grafických prvků, které se na vzorové stránce nacházejí – nic z toho není ve výsledné podobě zahrnuto.
Ve všech názvech stylů se zbavíme diakritiky. Mohlo by to později dělat problémy.

Fonty

Základem je použití fontů s kódováním UNICODE a nejlépe ve formátu .OTF.

Práce s objekty

Objekty (myšleno obrázky, grafické prvky), musí být pevně ukotveny v toku textu. Pokud objekt leží v samostatném rámci mezi dvěma textovými, zobrazí se ve výsledku až na konci řetězení prolinkovaných rámců s textem. Klikneme tedy na objekt, vyjmeme ho (Ctrl+X) a vložíme do textového rámce na příslušné místo. Můžeme mu také přiřadit odstavcový styl, pokud chceme, aby se zarovnával doleva, na střed, či doprava. Pokud je pod obrázkem popisek, jednoduše ho vložíme správně ostylovaný pod obrázek nebo tam, kde ho chceme mít.
Všechny objekty /obrázky musí být vytvořeny jiným grafickým editorem, než je InDesign. Čáry, geometrické tvary, apod. vytvořené přes nástroj pero nebo cokli jiného se nezachová.
Taktéž vše, co je vektorové.

Řetězení nástroj Kniha

Jak bylo řečeno, tak pro korektní zobrazení je nutné, aby vše bylo obsaženo v propojených textových rámcích (Text Threads – můžeme si to zobrazit pomocí klávesové zkratky Alt+Ctrl+Y). Jak ale docílíme, aby ve výsledném dokumentu začínal text na nové stránce? Jedinou možností je Kniha – což je forma InDesign dokumentu, která slučuje několik dokumentů (kapitol) do jednoho.  Více o Knize v kapitole 7 a v další
kapitole práce s textem.

Systémové fonty pro Window a Mac – přehled

Systémové fonty jsou ty, které jsou defaultně nainstalovány v operačních systémech od Microsoftu nebo v Mac OS. Je bezpečné je používat na webu, protože je záruka, že se zobrazí každému uživateli. Ale v dnešní době, kdy jsou náročné požadavky na design webu, bývají systémové fonty nahrazovány tzv. webovými fonty, které se vkládají do rootu webu nebo cucají ze stránek, které tyto fonty pronajímají.

 

Systémové fonty ve Windows Sytémové fonty Mac
Arial, Arial Black Arial, Arial Black, Helvetica
Comics Sans MS Comics sans MS
Courier New Courier New
Georgia Georgia
Impact Impact, Charcoal
Lucida Console, Lucida Sans Unicode Monaco, Lucida Grande
Palatino Linotype, Book Antiqua Palatino
Tahoma Geneva
Times New Roman Times New Roman
Trebuchet MS Trebuchet MS
Verdana Verdana, Geneva
Symbol Symbol
Webding, Windings Webdings, Zapf Dingbats
MS Sans Serif, MS Serif Geneva, New York