Mariusz Pisarski - Warsztat pisarza nowych mediów. Prezentacja

cz. 2

warsztat cyfrowy autora

LETNIE WARSZTATY HA!ARTU 6-­‐9.08.2013 Poznań -­‐ Wrocław -­‐ Łódź – Warszawa – Kraków Thursday, 15 August 13

(ważniejsze niż) self-publishing >

Virtualo

Amazon self - publishing Apple iBooks Kolporter

wydaje.pl

Thursday, 15 August 13

beezar.pl

(ważniejsze niż) self-publishing >

1. Model agencji 2. Model wydawnictwa

Thursday, 15 August 13

(ważniejsze niż) self-publishing

agencja e-book

autor

1

1 wydawca

Thursday, 15 August 13

(ważniejsze niż) self-publishing

agencja e-book

autor

1

1 wydawca

Thursday, 15 August 13

(ważniejsze niż) self-publishing

e-book

1

Thursday, 15 August 13

agencja

1

(ważniejsze niż) self-publishing

agencja to:

1

Amazon

azw mobi

Apple

ibooks

Adobe

ade

Stanza

lit

wirtualo

epub

Koloprter

Thursday, 15 August 13

mobi epub

DRM

agencja e-book

autor

1

1 wydawca

Thursday, 15 August 13

epub mobi prc ibooks azw

agencja

e-book

autor

1

1 wydawca

Thursday, 15 August 13

agencja e-book

autor

1

1 wydawca

Thursday, 15 August 13

agencja e-book

autor

1

1 wydawca

- kontrola nad tekstem

Thursday, 15 August 13

agencja e-book

autor

1

1 wydawca

- kontrola nad tekstem - możliwość ponownych negocjacji

Thursday, 15 August 13

(ważniejsze niż) self-publishing > html

Thursday, 15 August 13

(ważniejsze niż) self-publishing > html

Thursday, 15 August 13

(ważniejsze niż) self-publishing > html

Thursday, 15 August 13

(ważniejsze niż) self-publishing > html

Thursday, 15 August 13

(ważniejsze niż) self-publishing > wszystko oparte na html

Thursday, 15 August 13

budowa dokumentu epub >

• dokument.html • mimetype • toc • content.opf • container.xml • style.css

Thursday, 15 August 13

html >

zalety bez wad

• ponadplaZormowy (Kindle, epub, Mac, Win, desktop, smartphone) • Czytelny dla innych • Przyszłościowy • Matryca dla innych narzędzi

Thursday, 15 August 13

html > html 4

Konrad Polak -­‐ Schemat

Thursday, 15 August 13

html > html 5

Konrad Polak -­‐ Schemat

Thursday, 15 August 13

html >

html 5 + bibloteki skryptów

Konrad Polak -­‐ Schemat

Thursday, 15 August 13

html >

html 5 + bibloteki skryptów

jquery jquery mobile

http://jquery.com http://jquerymobile.com

Thursday, 15 August 13

html >

html 5 + bibloteki skryptów

Konrad Polak -­‐ Schemat

Thursday, 15 August 13

Narzędzia do konwersji >

.mobi

Mobi pocket creator

Calibre

Kindle gen

PDF to epub

Kindle Previewer Calibre

Thursday, 15 August 13

.epub

In Design Sigil

Narzędzia do konwersji >

.mobi

.epub

Mobi pocket creator

Calibre

Kindle gen

PDF to epub

Kindle Previewer Calibre

Thursday, 15 August 13

nasz wybór

In Design Sigil

Narzędzia do konwersji >

tak czy inaczej - html

In Design

.epub

Mobi pocket creator Kindle gen Kindle Previewer

html

Calibre PDF to epub Sigil

Thursday, 15 August 13

.mobi

przydatne tagi html > www + e-booki

<p></p> <em></em> (<i></i>) <br /> <h1></h1> (itd. do <h6> <ul></ul> <ol></ol> <li></li>  <samp></samp> <strong></strong>

Thursday, 15 August 13

– pragraf – kursywa – łamanie linii – nagłówki – lista nienumerowana – lista numerowana – element listy – oznaczenie przypisu – swobodny tag – pogrubienie

przydatne tagi html >

e-booki

1. <mbp:pagebreak/> 2. <mbp:pagebreak/> + CSS <div style="page-­‐break-­‐ amer:always;"></div>

Thursday, 15 August 13

przydatne tagi html > e-booki > oznaczanie przypisu

1. OZNACZENIE

<a class="EndNoteLink" href="#not_konc_1" id="przyp_1">^[1]</a>

2. NOTKA KOŃCOWA

<ul> <li>^[1] Przypis numer 1 [<samp><a id="not_konc_1" href="#przyp_1"> &uarr; powrót</a></ samp>]</li> <li>kolejna not. końc. </li> </ul>

Thursday, 15 August 13

struktura dokumentu >

e-booki > budowanie spisu treści

1. OZNACZENIE <h2 id="spis_tresci"><a id="TOC" name="TOC">Spis treści</a></ h2>

<ul> <li><a href="#r_pierwszy">Stopka</a></li> <li><a href="#r_drugi">Rozdział II</a></li> <li><a href="#r_trzeci">Rozdział III</a></li> </ul> 1. ZAKOTWICZENIE <h2 id="r_pierwszy">Rozdział I</h2> <h2 id="r_drugi">Rozdział II</h2> <h2 id="r_trzeci">Rozdział II</h2> Thursday, 15 August 13

wstawianie obrazków > www + e-booki

W TEKŚCIE <div> <img src="cube_128.png" width="dowolne" height="dowolne" alt="obrazek" /> </div>

Thursday, 15 August 13

wstawianie obrazków >

e-booki

OKŁADKA <div> <img src="cover" width="560" height="740" alt="cover" /> </div>

Thursday, 15 August 13

narzÄ&#x2122;dzia autorskie > na tym pracujemy w Ha!arcie

Thursday, 15 August 13

narzÄ&#x2122;dzia autorskie > na tym pracujemy w Ha!arcie

Tinderbox

Thursday, 15 August 13

narzÄ&#x2122;dzia autorskie > na tym pracujemy w Ha!arcie

Tinderbox

Thursday, 15 August 13

narzÄ&#x2122;dzia autorskie > na tym pracujemy w Ha!arcie

Tinderbox

Storyspace Thursday, 15 August 13

narzÄ&#x2122;dzia autorskie > na tym pracujemy w Ha!arcie

Tinderbox

Storyspace Thursday, 15 August 13

narzÄ&#x2122;dzia autorskie > na tym pracujemy w Ha!arcie

Tinderbox

Storyspace Thursday, 15 August 13

Flash

narzÄ&#x2122;dzia autorskie > na tym pracujemy w Ha!arcie

Tinderbox

Storyspace Thursday, 15 August 13

Flash

narzędzia autorskie > na tym pracujemy w Ha!arcie

Tinderbox

Storyspace Thursday, 15 August 13

Flash

Amer Effects

narzędzia autorskie > na tym pracujemy w Ha!arcie

Tinderbox

Storyspace Thursday, 15 August 13

Flash

Amer Effects

narzędzia autorskie > na tym pracujemy w Ha!arcie

Tinderbox

Flash

edytor html

Storyspace Thursday, 15 August 13

Amer Effects

narzędzia autorskie > na tym pracujemy w Ha!arcie

Tinderbox

Flash

edytor html

Storyspace Thursday, 15 August 13

Amer Effects

Thursday, 15 August 13

Thursday, 15 August 13

Marta Dzido -­‐ Matrioszka Thursday, 15 August 13

T. Czyżewski -­‐ Cyfrowe zielone oko Thursday, 15 August 13

centrum działań > html

J. Potocki -­‐ Rękopis znaleziony w Saragossie Thursday, 15 August 13

narzędzia zespołowe > na tym pracujemy w Ha!arcie

google docs Adobe Crea}ve Cloud dropbox sendspace

Thursday, 15 August 13

html >

ku aplikacjom sieciowym i mobilnym: wciąż html !

html 5

Thursday, 15 August 13

tablety

html >

ku aplikacjom sieciowym i mobilnym: wciąż html !

html 5

<h1>

<p>

Thursday, 15 August 13

tablety

mój tytuł

</h1>

mój paragraf </p>

html >

ku aplikacjom sieciowym i mobilnym: wciąż html !

html 5

<h1> <canvas> <p>

Thursday, 15 August 13

tablety

mój tytuł

</h1> </canvas>

mój paragraf </p>

html >

ku aplikacjom sieciowym i mobilnym: wciąż html !

html 5

<h1>

tablety

mój tytuł

</h1>

<canvas> koniec Flasha...</canvas> <p>

Thursday, 15 August 13

mój paragraf </p>