DTP1. (příprava textu pomocí počítače) Kapitola 12 / Elektronické publikování

Podobné dokumenty
APLIKACE XML PRO INTERNET

Prezentace XML. XML popisuje strukturu dat, neřeší vzhled definice vzhledu:

Kaskádové styly (CSS)

Tvorba WWW stránek. Mojmír Volf

DocBook a jeho využití Tomáš Pitner, Jan Pavlovič, FI MU

HTML Hypertext Markup Language

Mgr. Vlastislav Kučera Struktura stránky, hlavička,

Mgr. Vlastislav Kučera přednáška č. 2

Mgr. Vlastislav Kučera lekce č. 2

NSWI096 - INTERNET. CSS kaskádové styly. Mgr. Petr Lasák

Základy HTML (2. přednáška)

NSWI096 - INTERNET. Úvod do HTML

24. XML. Aby se dokument XML vůbec zobrazil musí být well-formed (správně strukturovaný). To znamená, že splňuje formální požadavky specifikace XML.

Jazyky pro popis dat

Vývoj Internetových Aplikací

Elektronické publikování. doc. RNDr. Petr Šaloun, Ph.D. katedra informatiky FEI VŠB TU Ostrava

Základy CSS (3. přednáška)

Tvorba www-stránek. Příkazy jazyka HTML. Budeme pracovat následovně: Základní struktura webové stránky. Příkazy sekce HEAD

12. Základy HTML a formuláře v HTML

(X)HTML, CSS a jquery

Uspořádání klient-server. Standardy pro Web

Jazyk XSL XPath XPath XML. Jazyk XSL - rychlá transformace dokumentů. PhDr. Milan Novák, Ph.D. KIN PF JU České Budějovice. 9.

Základy informatiky. HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela

CSS Selektory tříd a ID, dědičnost, další vlastnosti. Formátování HTML dokumentu, které je více či méně oddělené od obsahu Způsoby implementace

HTML. HyperText Markup Language Josef Steinberger

13. Vytváření webových stránek

HTML - Úvod. Zpracoval: Petr Lasák

XML versus TEX jemné porovnání. Martin Tůma 31. srpna 2004

BIBLIOGRAFICKÉ CITACE V DOCBOOKU A JEJICH TRANSFORMACE POMOCÍ DOCBOOK XSL

E-learning a DocBook

WWW a HTML. Základní pojmy. Ivo Peterka

Obsah prezentace. Co je to XML? Vlastnosti. Validita

Tvorba WWW stránek. přehled technologií používaných na webu principy jednotlivých technologií a možnosti jejich vzájemného kombinování

HTML. PIA 2012/2013 Téma 1. P. Brada, O. Rohlík, J. Tichava, Západočeská univerzita

Inovace výuky prostřednictvím šablon pro SŠ

Předmluva k druhému vydání 13. Úvod 17. ČÁST 2 Vytváření dokumentů XML 65

Elektronické publikování. Základní pojmy. B žné systémy. Publika ní nástroje. doc. RNDr. Petr Šaloun, Ph.D. FEI VŠB TU Ostrava

Jak psát bakalářskou práci v DocBooku

Dnešní téma. Oblasti standardizace v ICT. Oblasti standardizace v ICT. Oblasti standardizace v ICT

Úvod do jazyka HTML (Hypertext Markup Language)

XML a XSLT. Kapitola seznamuje s šablonami XSLT a jejich použití při transformaci z XML do HTML

Základy informatiky. 03, HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela

CSS Paged Media aneb Gutenberg v prohlížeči Jirka Kosek

<html> - párový tag, uzavírá celý dokument <head> - párový, určuje hlavičku dokumentu <body> - párový, uzavírá tělo dokumentu Př. Základní struktura

<link> - definuje vztah k jiným XHTML dokumentům, typicky

1. Struktura stránky, zásady při psaní kódu, MVC pattern. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008)

Čtvrtek 11. dubna. Základy HTML. Obecná syntaxe HTML. Struktura HTML

CSS Kaskádové styly. formátování webových stránek

Inovace bakalářského studijního oboru Aplikovaná chemie

Další XML technologie

Obsah. Stručná historie World Wide Webu 7

DocBook. Stručný úvod do tvorby a zpracování dokumentů. Jiří Kosek

Základy informatiky. 03 HTML, tvorba webových stránek. Kačmařík/Szturcová/Děrgel/Rapant

Hlavička dokumentu. mezi <head> a </head> obsahuje informace vztažené k dokumentu metadata <title> - název stránky, povinná párová značka

XML snadno a rychle Martin Kuba, ÚVT MU

Vladimír Pistorius / Pavel Kočička. Jak se dělá. e-kniha. Příprava elektronických publikací ve formátech EPUB a MOBI

Z n a č k o v a c í j a z y k y. XSL (extensible Stylesheet Language) XSLT (extensible Stylesheet Language Transformation) XPath

Dynamické stránky v praxi. Bedřich Košata

OBSAH. Kontrola aktualizací... 18

Dokument XHTML. Prohlížeč. styl CSS. Výstupní dokument. Soubor DTD

Michal Krátký. Tvorba informačních systémů, 2008/2009. Katedra informatiky VŠB Technická univerzita Ostrava. Tvorba informačních systémů

Tvorba informačních systémů

Formáty WWW zdrojů. Mgr. Filip Vojtášek.

XML Š ABLONY A JEJICH INTEGRACE V LCMS XML TEMPLATES AND THEIN INTEGRATION IN LCMS

Čtečky a tablety v knihovně Jana Palacha FF UK

TNPW1 Cvičení

Internet 1 vývoj, html, css

Tvorba webových stránek

. Seznámení se systémem TEX. Zpracování textů na počítači. Ing. Pavel Haluza, Ph.D. ústav informatiky PEF MENDELU v Brně haluza@mendelu.

tvorba elektronických knih systémem tex4ebook

Dotazování nad XML daty a jazyk XPath

Bottle -- příklad. Databáze. Testovací data. id Jedinečný identifikátor řádku: Bude typu INT s AUTO_INCREMENT a nastavíme ho jako primární klíč

DocBook. Stručný úvod do tvorby a zpracování dokumentů. Jiří Kosek

Oracle XML DB. Tomáš Nykodým

Úvod do databázových systémů B

(X)HTML-TAGY. VOŠ a SŠT Česká Třebová

Inovace bakalářského studijního oboru Aplikovaná chemie

HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy

Digitalizace Tvorba e-knih v knihovně

Tvorba webových stránek

Tvorba stránek v HTML ve Wordu

tvoříme web HTML/CSS

XHTML 1. Značkovací jazyky (mark-up): Součastí prostředků je systém m značek

XML a DTD. <!DOCTYPE kořenový_element [deklarace definující vlastnosti jednotlivých elementů a atributů]> externí deklarace:

XSL. Jirka Kosek. Poslední modifikace: $Date: 2005/12/01 09:35:37 $ Copyright Jiří Kosek. XML teorie a praxe značkovacích jazyků (IZI238)

Tvorba webu. Úvod a základní principy. Martin Urza

Internetové publikování. Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)

HTML stránka odkaz, zvýraznění textu

TNPW1 Cvičení aneta.bartuskova@uhk.cz

HTML - pokračování. Co už víme?

Ing. Přemysl Brada, MSc., Ph.D. Ing. Martin Dostal. Katedra informatiky a výpočetní techniky, FAV, ZČU v Plzni

Kaskadové styly (CSS) VOŠG Hellichova Praha 2010 Jirka Jahoda

Tvorba jednoduchých WWW stránek. VŠB - Technická univerzita Ostrava Katedra informatiky

Podpora nových webových technologií HTML5 a CSS3 v aktuálních verzích prohlížečů

CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek.

Kaskádové styly 4IZ228 tvorba webových stránek a aplikací

Název DUM: VY_32_INOVACE_2B_14_ Programovací_jazyk_HTML

XSLT a jmenné prostory

CSS Stylování stránek. Zpracoval: Petr Lasák

Programování v jazyce JavaScript

Transkript:

DTP1 (příprava textu pomocí počítače) Kapitola 12 / Elektronické publikování Petr Lobaz, 9. 5. 2013

DocBook definice XML struktury pro popis dokumentu cca 500 kb velmi rozšířená aplikace XML/SGML vznik HaL Computers, O Reilly & Associates, Inc později Novell, Digital, HP, SCO, od r. 1999 spravuje OASIS v současnosti verze 5.0, v přípravě 5.1 není kompatibilní s verzemi 4.x větší rozšiřitelnost oproti 4.x (stále používané verze) přechod od DTD k Relax NG podpora integrace s MathML a SVG v 5.1 podpora modulárních dokumentů DTP1, přednáška č. 12 Elektronické publikování 2 / 28

DocBook Vhodné použití nutnost generovat několik různých výstupních formátů HTML, soubory nápovědy, tištěná podoba, epub minimální nároky na typografii vysoce strukturovaný text, velké množství odkazů rozsáhlé dokumenty časté aktualizace Nevhodné použití potřeba jednoho hlavního výstupního formátu jednorázové dokumenty práce se vzhledem stránky DTP1, přednáška č. 12 Elektronické publikování 3 / 28

DocBook Zdroje DocBook: The Definitive Guide (N. Walsh, L. Muellner) www.oasis-open.org/docbook/ www.docbook.org docbook.sourceforge.net www.kosek.cz DTP1, přednáška č. 12 Elektronické publikování 4 / 28

Příklad <?xml version= 1.0 encoding= utf-8?> <!DOCTYPE book PUBLIC -//OASIS//DTD DocBook XML V4.3//EN http://www.oasis-open.org/ docbook/xml/4.3/docbookx.dtd > <book lang= cs > <bookinfo> <title>dokument v Docbooku</title> <author> <firstname>maxipes</firstname> <surname>fík</surname> </author> </bookinfo> <preface> <title>úvod</title> <para>je to jednoduché.</para> </preface> <chapter> <title>kapitola 1</title> <para>docbook je ukecaný.</para> <para>velmi </para> </chapter> <chapter> <title>kapitola 2</title> <para>pokračujeme ve výkladu </para> </chapter> <appendix> <title>příloha A</title> <para>příkládáme </para> </appendix> </book> DTP1, přednáška č. 12 Elektronické publikování 5 / 28

Formátování pomocí stylových jazyků volba stylového jazyka podle výstupního formátu CSS pro HTML XSL, XQuery pro HTML, PDF/Postscript, nápověda, epub dokument lze i převést do TEXu DTP1, přednáška č. 12 Elektronické publikování 6 / 28

Struktura set obsahuje dvě nebo více knih book nejčastější kořenový element věnování dedication obsahy/rejstříky ToC, LoT, Index části part, reference komponenty preface, chapter, appendix, glossary, bibliograpgy, article DTP1, přednáška č. 12 Elektronické publikování 7 / 28

Struktura další členění sect1 sect5, section, simplesect, elementy blokové odstavec, seznam, inline uvnitř odstavce; neobsahuje blokový element odstavce běžný odstavec para odstavec neobsahující další členění simpara odstavec s nadpisem formalpara DTP1, přednáška č. 12 Elektronické publikování 8 / 28

Struktura seznamy itemizedlist, orderedlist, variablelist, <itemizedlist mark= opencircle > <listitem><para>mrkev</para></listitem> <listitem override= bullet ><para>zelí</para></listitem> <listitem><para>kedluben</para></listitem> </itemizedlist> DTP1, přednáška č. 12 Elektronické publikování 9 / 28

Struktura prostředí s určenými konci řádek address, programlisting, screenshot, <programlisting> <![CDATA[ 10 PRINT HELLO WORLD! 20 END ]]> </programlisting> DTP1, přednáška č. 12 Elektronické publikování 10 / 28

Struktura obrázky, tabulky s popiskem figure, table samotné vložení grafiky graphic, inlinegraphic, mediaobject, inlinemediaobject <figure> <title>jára Cimrman</title> <graphic srccredit= Josef Padevět, 1914 fileref= obrazky/cimrman.png /> </figure> DTP1, přednáška č. 12 Elektronické publikování 11 / 28

Struktura <table frame= all > <title>sample Table</title> <tgroup cols= 3 align= left colsep= 1 rowsep= 1 > <colspec colname= c1 /> <colspec colname= c2 /> <colspec colname= c3 /> <thead> <row> <entry>f1</entry> <entry>f2</entry> <entry>f3</entry> </row> </thead> <tbody> <row> <entry>b1</entry> <entry>b2</entry> <entry>b3</entry> </row> </tbody> </tgroup></table> DTP1, přednáška č. 12 Elektronické publikování 12 / 28

Struktura matematika prostředí, které označuje výraz DocBook od verze 5.0 podporuje MathML pro jednoduché účely subscript, superscript <equation> <mml:math> <mml:msqrt> <mml:mi>a</mml:mi> </mml:msqrt> </mml:math> </equation> DTP1, přednáška č. 12 Elektronické publikování 13 / 28

Struktura inline elementy označují slova, věty, výběr podmnožiny použivaných elementů na autorovi mohou se projevit jiným typem sazby quote, footnote, phrase, anchor, firstterm, link, guibutton, guimenu, keycode, DTP1, přednáška č. 12 Elektronické publikování 14 / 28

Formátování <para> Pokusný odstavec se <emphasis>zvýrazněním </emphasis>. </para> <?xml version= 1.0?> <xsl:stylesheet xmlns:xsl= http://www.w3.org/xsl/ Transform/1.0 xmlns:fo= http: //www.w3.org/xsl/format/1.0 > <xsl:template match= para > <fo:block> <xsl:apply-templates/> </fo:block> </xsl:template> <xsl:template match= emphasis > <fo:sequence font-style= italic > <xsl:apply-templates/> </fo:sequence> </xsl:template> <xsl:template match= emphasis/emphasis > <fo:sequence font-style= upright > <xsl:apply-templates/> </fo:sequence> </xsl:template> </xsl:stylesheet> DTP1, přednáška č. 12 Elektronické publikování 15 / 28

Formátování <?xml version= 1.0 encoding= utf-8?> <xsl:stylesheet xmlns:xsl= http://www.w3.org/1999/xsl/transform version= 1.0 > <xsl:import href= http://docbook.sourceforge.net/release/xsl/current/ fo/docbook.xsl /> <xsl:param name= paper.type select= A4 /> <xsl:param name= draft.watermark.image select= /> <xsl:attribute-set name= section.title.level1.properties > <xsl:attribute name= text-align >center</xsl:attribute> <xsl:attribute name= color >blue</xsl:attribute> </xsl:stylesheet> DTP1, přednáška č. 12 Elektronické publikování 16 / 28

Formátování použití saxon -o dokument.html dokument.xml /docbook/xsl/html/docbook.html saxon -o dokument.fo dokument.xml vzhled.xsl fop -fo dokument.fo -pdf dokument.pdf pdfxmllatex dokument.fo DTP1, přednáška č. 12 Elektronické publikování 17 / 28

Čtečky reflexní (eink) nebo podsvícený displej (LCD) typické rozlišení 150 200 ppi, u tabletů až 360 ppi typicky 16 odstínů šedi (eink), barva (LCD) typicky podpora epub otevřený standard pro e-knihy mobi proprietární formát e-knih čteček Kindle DjVu skeny (historických) knih pdf obecné dokumenty, podpora e-knih (reflow) html souvisí s podporou webu txt prostý text + mediální formáty (jpg, gif, mp3, ) DTP1, přednáška č. 12 Elektronické publikování 18 / 28

epub založen na XHTML + CSS verze 2.0.1 stabilní verze 3.0 hotová, zatím nevalná podpora texty, obrázky, písma, navigační prvky, v zip archivu (přípona.epub) tvorba ručně nebo exportem (InDesign, DocBook, ) DTP1, přednáška č. 12 Elektronické publikování 19 / 28

epub Příklad struktury book.epub + META-INF container.xml odkaz na content.opf + OEBPS + Fonts vložená písma + Images použité obrázky + Styles CSS styly + Text text knihy content.opf seznam souborů, pořadí čtení toc.opf obsah knihy mimetype popis formátu (application/epub+zip) DTP1, přednáška č. 12 Elektronické publikování 20 / 28

epub content.opf <?xml version= 1.0 encoding= utf-8 standalone= yes?> <package xmlns= http://www.idpf.org/2007/opf unique-identifier= BookId version= 2.0 > <metadata xmlns:dc= http://purl.org/dc/elements/1.1/ xmlns:opf= http://www.idpf.org/2007/opf > <dc:identifier id= BookId opf:scheme= UUID > urn:uuid:525542de-...6e8591</dc:identifier> <dc:title>nokturna</dc:title> <dc:creator opf:role= aut >Otmar Chvalina</dc:creator> <dc:date opf:event= creation >2012-05-07</dc:date> <dc:language>cs</dc:language> <meta content= 0.5.3 name= Sigil version /> </metadata> DTP1, přednáška č. 12 Elektronické publikování 21 / 28

epub <manifest> <item href= toc.ncx id= ncx media-type= application/x-dtbncx+xml /> <item href= Text/titul.xhtml id= titul.xhtml media-type= application/xhtml+xml /> <item href= Text/01img.xhtml id= x01img.xhtml /> <item href= Text/01text.xhtml id= x01text.xhtml /> <item href= Styles/styl.css id= styl.css media-type= text/css /> <item href= Images/01.jpg id= x01.jpg media-type= image/jpeg /> <item href= Fonts/DejaVuSerif.ttf id= DejaVuSerif.ttf media-type= application/x-font-ttf /> </manifest> DTP1, přednáška č. 12 Elektronické publikování 22 / 28

epub <spine toc= ncx > <itemref idref= titul.xhtml /> <itemref idref= mottoimg.xhtml /> <itemref idref= motto.xhtml /> <itemref idref= x01img.xhtml /> <itemref idref= x01text.xhtml /> </spine> </package> DTP1, přednáška č. 12 Elektronické publikování 23 / 28

epub Toc.ncx <?xml version="1.0" encoding="utf-8" standalone="no"?> <!DOCTYPE ncx PUBLIC "-//NISO//DTD ncx 2005-1//EN" > <ncx xmlns="http://www.daisy.org/z3986/2005/ncx/" > <head> <meta content="urn:uuid:525542de- 6e8591" name="dtb:uid"/> <meta content="1" name="dtb:depth"/> <meta content="0" name="dtb:totalpagecount"/> <meta content="0" name="dtb:maxpagenumber"/> </head> <doctitle> <text>unknown</text> </doctitle> DTP1, přednáška č. 12 Elektronické publikování 24 / 28

epub <navmap> <navpoint id="navpoint-1" playorder="1"> <navlabel><text>titul</text></navlabel> <content src="text/titul.xhtml"/> </navpoint> <navpoint id="navpoint-2" playorder="2"> <navlabel><text>motto</text></navlabel> <content src="text/motto.xhtml"/> </navpoint> </navmap> </ncx> DTP1, přednáška č. 12 Elektronické publikování 25 / 28

epub Textový obsah <?xml version="1.0" encoding="utf-8" standalone="no"?> <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//EN" > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>nokturna</title> <link href="../styles/styl.css" rel="stylesheet" type="text/css" /> </head> <body> <p class="autor">otmar Chvalina</p> <p class="titul">nokturna</p> <p class="poznamka">poetické pásmo veršů<br /> </p> </body> </html> DTP1, přednáška č. 12 Elektronické publikování 26 / 28

epub Styl @font-face { font-family: MyFont; font-weight: normal; font-style: normal; src: url(../fonts/dejavuserif.ttf); } body { font-family: "MyFont", serif; } p { text-align: left; margin-left: 1em; } p.autor { font-style: normal; font-size: 120%; margin-left: 0.7em; text-align: center; } p.titul { font-weight: bold; margin-top: 0.4em; margin-left: 0.4em; font-size: 207%; letter-spacing: 0.5em; text-align: center; } DTP1, přednáška č. 12 Elektronické publikování 27 / 28

epub Praktické poznámky málo odstínů šedi obrázky kontrastní, minimální krytí 7 %, maximální krytí 93 % vkládání písem je nutné čtečka nezaručuje font s diakritikou chování CSS značně nejisté DTP1, přednáška č. 12 Elektronické publikování 28 / 28