Aprenda A Criar Um Livro Digital - Tableless

11/09/13
ePub: Aprenda a criar um livro digital - Tableless
Menu
Tableless
Para Iniciantes CSS3 HTML5 Javascript JQuery WordPress UX & Design SEO Acessibilidade Artigos Tradues
Verso do artigo impresso
1 de fevereiro de 2012 Artigos
ePub: Aprenda a criar um livro digital

Conhea as vantagens do formato, aprenda a criar um livro do zero, descubra as melhores prticas e porqu voc deve correr dos geradores automticos. Por Dani Guerrato
Introduo
Com a crescente popularizao de tablets e leitores digitais no h dvida de que os livros eletrnicos vieram para ficar. O formato ePub vem cada vez mais se consolidando como o padro definitivo para eBooks. As editoras procuram profissionais especializados, mas, aqui no Brasil no existem muitos que de fato possuem o know-how necessrio para desenvolver livros no padro. Na verdade o que acontece que as editoras esto alocando o tipo de profissional errado para a funo. Um diagramador padro, acostumado com editorao impressa via softwares visuais como Indesign vai ter problemas ao tentar lidar com linhas de cdigo. J um desenvolvedor front-end vai se sentir em casa j que criar e editar um livro digital basicamente lidar com XHTML e folhas de estilo em CSS. Neste artigo vou comentar sobre as vantagens (e desvantagens) deste padro e como com algumas poucas dicas voc poder editar um livro digital.
Por que no usar PDF?

O PDF tem muitas vantagens. At a sua tia que te liga toda semana para perguntar de novo como faz para ler o resultado da Megasena na internet sabe como abrir um PDF. E do ponto de vista do design timo. Hey, voc tem muito mais controle do layout! Voc pode colocar imagens e textos como quiser sem se preocupar com nada. Exceto Voc j tentou ler um PDF em um smartphone? simplesmente agonizante. necessrio dar zoom in e out a cada frase diferente. Ou tentar ler tudo em um tamanho de letra absurdamente pequeno Isto acontece por que o PDF baseado no suporte fsico de uma folha, o que simplesmente no faz sentido no mundo digital. Vou explicar: um artista que pretende pintar uma nova obra de arte precisa
tableless.com.br/wp-content/uploads/2012/01/meulivro.epub_.zip 1/20
11/09/13
saber o tamanho da tela. Da mesma maneira, ao editar um livro, ou qualquer outro tipo de documento para a impresso, necessrio saber o tamanho da folha para a ento fazermos toda a diagramao. O problema que em um ambiente digital no existe uma folha. Existe um viewport (ou seja, rea de visualizao) que pode ser, bem, do tamanho que o usurio quiser! Se ele for ler o seu livro no browser pode aumentar e diminuir o tamanho da janela at a resoluo mxima do monitor. Ou pode optar por ler em um tablet, smartphone, eReader Enfim, a questo que no temos como determinar a medida de altura e largura da mesma maneira que fazamos com o papel. E o PDF, como foi pensado para ser impresso, precisa desta medida fixa.
Sobre o ePub
ePub abreviao de Eletronic Publication, ou seja, Publicao Eletrnica. um formato de livro aberto e gratuito criado pelo IDPF, um frum internacional de publicao digital. Os livros deste formato so fluidos, o que permite que a experincia de leitura seja legal em qualquer tamanho da tela, sistema operacional ou dispositivo que voc escolher. Desde que voc tenha um app para isto, claro. Mas isto no muita preocupao. Existem leitores gratuitos para quase todos os aparelhos e sistemas operacionais (se voc no conhece nenhum d uma olhadinha no final do texto). Outro aspecto bacana do ePub o controle que ele d ao usurio. possvel realizar buscas, navegar atravs de links, aumentar e diminuir o tamanho da letra, trocar as fontes, a paleta de cores, etc. Sim, isto significa que se o cara quiser ler o livro inteiro em Comics Sans ele pode! Mas se isto deixar o usurio feliz quem somos ns para dizer no?
Como editar
Bem, agora que voc j sabe como ler e por que usar, vamos descobrir como um livro digital por dentro! Criei um livro de exemplo para utilizar neste tutorial. Voc pode baixa-lo aqui. Mas qualquer outro livro que voc tiver neste formato vai servir para o nosso experimento. A extenso ePub um formato de livros compactado. Faa um teste: renomeie o arquivo deste tutorial de meulivro.epub para meulivro.zip ou meulivro.rar que voc poder ver o contedo do pacote. No entanto, uma coisa importante de se ter em mente que no so todos os softwares editores que esto preparados para salvar neste formato. At d para ler os arquivos XHTML separados, mas voc teria que abrir manualmente, editar e recompactar a cada mudana de volta para ePub o que no seria nada prtico. Felizmente existem alguns softwares como Sigil que so especficos para a edio de cdigo de ePubs. Eles no tem um visual muito bonito mas cumprem com a funo direitinho. Bem, vamos explorar os arquivos Obs. Existem outras especificaes opcionais, mas vou me manter dentro do fundamental. Obs.2 Os nomes dos arquivos so case sensitive.
A Estrutura
Vamos voltar ao nosso ePub! Ao descompactar a pasta voc vai ter o seguinte: arquivo mimetype pasta META-INF container.xml pasta OEBPS content.opf toc.ncx
11/09/13
style.css titulo.html capitulo1.html capitulo2.html
Para que serve tudo isso e como eu crio sozinho?

Mimetype A funo do mimetype informar ao sistema operacional qual o tipo do arquivo. O mimetype um simples arquivo de texto ASCII. Para criar um mimetype basta abrir qualquer editor (ou at mesmo o bloco de notas) e escrever esta linha de cdigo: a p p l i c a t i o n / e p u b + z i p Salve como mimetype (sem nenhuma extenso) e pronto. Est feito! O mimetype igual para qualquer ePub. Ento copiar de um outro ePub da certo tambm. Container.xml Deve ficar dentro da pasta META-INF. A funo deste arquivo agregar todos os outros. Bora criar um! [cc escaped="true" lang="xml"] <?xml version=1.0 encoding=UTF-8?> <container xmlns=urn:oasis:names:tc:opendocument:xmlns:container version=1.0> <rootfiles> <rootfile full-path=OEBPS/content.opf media-type=application/oebps-package+xml/> </rootfiles> </container> [/cc] Content.opf Descreve o contedo de todos os arquivos. Apesar da extenso esquisita s criar um xml e depois salvar como .opf composto das seguintes partes: metadata, manifest e spine. O esqueleto dele assim: [cc escaped="true" lang="xml"] <?xml version=1.0 encoding=UTF-8?> <package xmlns=http://www.idpf.org/2007/opf unique-identifier=EPB-UUID version=2.0> <! insira os parmetros aqui > </package> [/cc] Metadata No tem muito segredo aqui. So as informaes do seu livro. Itens obrigatrios: title - O ttulo do seu livro.
11/09/13
language - A Lingua utilizada. Como o livro est em portugus eu escolhi pt-br. identifier - Um cdigo nico para o seu livro. Pode ser o ISBN, por exemplo. Itens opcionais: creator O criador. No caso, voc. contributor Contribuidor publisher - Editora subject - Assunto description Descrio do livro date - Data type - Tipo format Formato source Fonte relation Relao coverage Cobertura rights O tipo de licena. Creative Commons, por exemplo. Bem, vamos preencher nossas metadatas. Eu inseri o seguinte entre as tags package: [cc escaped="true" lang="xml"] <metadata xmlns:opf=http://www.idpf.org/2007/opf xmlns:dc=http://purl.org/dc/elements/1.1/> <dc:title>Saga do primeiro ePub</dc:title> <dc:creator opf:role=aut opf:file-as=Dani>Dani</dc:creator> <dc:date opf:event=original-publication>2012</dc:date> <dc:publisher>Tableless</dc:publisher> <dc:date opf:event=epub-publication>2012-01-30</dc:date> <dc:subject>Primeiro ePub</dc:subject> <dc:subject>Estudos</dc:subject> <dc:source>Tableless</dc:source> <dc:rights>Pode copiar galera!</dc:rights> <dc:identifier id=EPB-UUID>minhaid</dc:identifier> <dc:language>pt-br</dc:language> </metadata> [/cc] Manifest um manifesto mesmo. Deve conter (em qualquer ordem) a lista de todos os arquivos da sua publicao. Exceto mimetype, container.xml e content.opf necessrio especificar uma ID nica para cada arquivo. Voc pode nserir estas informaes antes ou depois da metadata. O importante que esteja tambm dentro da tag package. No caso do nosso livro-tutorial ficou assim: [cc escaped="true" lang="xml"] <manifest> <! Documentos > <item id=titulo href=titulo.html media-type=application/xhtml+xml /> <item id=capitulo1 href=capitulo1.html media-type=application/xhtml+xml /> <item id=capitulo2 href=capitulo2.html media-type=application/xhtml+xml />
11/09/13
<! CSS Style Sheets > <item id=main-css href=style.css media-type=text/css/> <! NCX > <item id=ncx href=toc.ncx media-type=application/x-dtbncx+xml/> </manifest> [/cc] Spine A espinha do livro, ou seja, a ordem de leitura. Aqui voc deve colocar apenas os arquivos tipo HTML na ordem que voc deseja que aparea no livro, chamando cada um pelo ID que voc definiu no manifesto. Tome cuidado para no duplicar nenhum arquivo ou ID. Como voc j adivinhou, deve ser inserido entre as tags package tambm. [cc escaped="true" lang="xml"] <spine toc=ncx> <itemref idref=titulo linear=yes/> <itemref idref=capitulo1 linear=yes/> <itemref idref=capitulo2 linear=yes/> </spine> [/cc] toc.ncx TOC uma sigla para Table of Contents, ou seja, o indice do livro. Tambm um arquivo xml salvo com a terminao .ncx Possui a seguinte estrutura: #head uid o identificador nico em content.opf depth nveis do sumrio >= 1 totalPageCount to 0 maxPageNumber to 0 #navMap O sumrio em si #navPoint id nico do arquivo playOrder ordem de navegao (iniciando em 1) O nosso ndice ficou assim ento: [cc escaped="true" lang="xml"] <?xml version=1.0 encoding=UTF-8?> <!DOCTYPE ncx
11/09/13
PUBLIC -//NISO//DTD ncx 2005-1//EN http://www.daisy.org/z3986/2005/ncx-2005-1.dtd> <ncx xmlns=http://www.daisy.org/z3986/2005/ncx/ version=2005-1> <head> <meta name=dtb:uid content=idtest/> <meta name=dtb:depth content=3/> <meta name=dtb:totalPageCount content=0/> <meta name=dtb:maxPageNumber content=0/> </head> <docTitle> <text>Saga do primeiro ePub</text> </docTitle> <docAuthor> <text>Dani</text> </docAuthor> <navMap> <navPoint id=titulo playOrder=1> <navLabel> <text>Titulo</text> </navLabel> <content src=titulo.html/> </navPoint> <navPoint id=capitulo1 playOrder=2> <navLabel> <text>Capitulo 1</text> </navLabel> <content src=capitulo1.html/> </navPoint> <navPoint id=capitulo2 playOrder=2> <navLabel> <text>Capitulo 2</text> </navLabel> <content src=capitulo2.html/> </navPoint> </navMap> </ncx> [/cc]
Os captulos aqui que entra o livro em si. Cada capitulo deve ficar em um HTML separado. Estes arquivos no so nada diferentes de HTMLs comuns:
[cc escaped="true" lang="xml"] <html xmlns=http://www.w3.org/1999/xhtml xml:lang=pt> <head> <meta http-equiv=Content-Type content=application/xhtml+xml; charset=utf-8 /> <title>Captulo 1</title>
11/09/13
<link href=style.css rel=stylesheet type=text/css /> </head> <body> <div> <h3>Captulo 1</h3> <p>Hello World! Este o primeiro captulo do nosso livro. Yey!</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p> </div> </body> </html> [/cc] Outros tipos de arquivos: CSS Uma folha de estilos normal. Pasta images Aqui devem ficar as imagens do livro. Formatos permitidos: jpeg, png, gif e svg+xml Pasta fonts Utilize esta pasta se voc quiser embedar algum arquivo de fonte no seu documento. Lembre-se de utilizar sempre o formato Open Type pois alguns aplicativos de leitura no suportam True Type. E agora basta compactar! Selecione todos os arquivos e crie um arquivo compactado (pode ser .zip ou .rar). Depois s renomear para .epub e ler no seu dispositivo favorito. Pronto! Voc tem um livro digital!
Dicas importantes para editar um ePub

Semntica sua amiga Bem, se voc leitor do Tableless provavelmente no preciso dizer isso, mas vou dizer mesmo assim! muito importante utilizar uma estrutura semntica aqui. Tags h1 a h6 para ttulos, p para pargrafos O que voc j est mais do que cansado de saber a esta altura. Evite usar br para quebrar a linhas por que sem ter o tamanho de um container difcil determinar quando de fato vai ser necessrio quebrar a linha. Evite seletores complexos Leitores digitais no so to sofisticados quanto browsers. Mantenha o seu CSS o mais simples possvel. Use tamanhos relativos Como as pginas do seu livro vo aumentar e diminuir de acordo com o tamanho da tela do dispositivo no utilize pixels como medida para nada. Lembre-se: EM para texto e margens, porcentagens para figura. Isto vai garantir que o seu livro continue proporcional e escalvel. E o seu leitor feliz!
tableless.com.br/wp-content/uploads/2012/01/meulivro.epub_.zip
7/20
11/09/13
Tamanho Documento No use apenas um documento XHTML para o livro todo. A recomendao que os captulos tenham menos de 300k cada. Mais do que isto pode deixar alguns leitores, como o iBooks por exemplo, muito lentos! A razo que estes apps consideram cada captulo como um bloco de texto diferente. Se voc colocar tudo em um documento s o aplicativo vai carregar tudo de uma vez a cada acesso. Outra dica tentar usar sempre imagens otimizadas para a web e com uma resoluo no maior do que 1200 x 1600px. No pire muito na escolha de fontes Evite usar fontes fora do padro websafe. Voc pode embedar fontes Open Type utilizando a propriedade @font-face mas isto no significa que voce deve. Para comear no so todos os leitores que aceitam isto e no final o seu arquivo pode ficar pesado demais e travar. E muitas vezes pode ser um trabalho extra intil j que o seu usurio pode muito facilmente trocar de fonte. Se mesmo assim voc quiser usar no escolha mais do que dois ou trs tipos.
Edio visual
Sim. Existem alguns softwares que podem gerar o livro para voc. O Adobe InDesign faz isto, o Pages do Mac Mas falando srio: no vale a pena. O cdigo vai ficar sujo e no final voc vai ter que corrigir vrios bugs. como se voc estivesse utilizando um editor What you see is what you get para fazer um site. Acho que vocs entendem o drama. Mas se voc for realmente caminhar por esta estrada escura tenha algumas coisas em mente: Se voc est acostumado com editorao nestes programas preciso mudar alguns paradigmas. Esquea pginas mestras, hifenizao, numerao, p de pgina voc no precisa se preocupar mais com estas coisas em um formato digital. Crie estilos especficos para o que ttulo, pargrafo, etc e no esquea de importa-los na hora de salvar o arquivo. Cuidado ao gerar o TOC (table of contents, ou seja, o ndice). Se voc colocar mais de dois subniveis pode dar problemas de compatibilidade com alguns programas e o seu livro simplesmente no abrir. Lembre-se que todas as imagens precisam estar ancoradas para que fluam juntamente com o texto. Determine quebras de captulos. No caso do InDesign, salve cada parte do livro em um arquivo diferente. Depois junte todos os arquivos em um formato book.
E quanto ao formato iBook da Apple?

A Apple lanou recentemente um software gratuito chamado iBooks Autor para a criao visual de livros digitais. Os livros no formato iBook so bem interativos, permitindo a implementao de elementos multimidia como videos (coisa que ainda est engatinhando no formato ePub). Com um pequeno porm. Sem muito alarde nos termos de servio a Apple colocou uma clausula de exclusividade para livros comerciais. Ou seja, se voc utilizar o software e vender o seu livro atravs da iBook Store no poder vender em mais nenhum lugar. Sem contar que o programa exclusivo para Mac.
Fique longe dos conversores automticos!

Existem alguns softwares ainda que prometem converter de PDF para ePub. Fique longe deles! Srio. Eles so ainda piores que os editores visuais. Um software no consegue interpretar um livro da
11/09/13
mesma maneira que um ser humano a menos que voc diga a ele o que fazer. Se voc no determinar ei, isto um ttulo ele no tem como fazer este tipo de deciso por voc. Os PDFs esto presos a um tamanho fixo, lembra? O que significa que as palavras precisam ser hifenizadas. Se voc converter automaticamente (alm do seu cdigo ser a coisa menos semntica desde os sites feitos em tabelas) os hfens vo continuar l, criando divises no me-io das pala-vras on-de no pre-cisava! Pense nos nmeros das pginas se o texto flui isso significa que um mesmo livro pode (e vai) ter uma numerao diferente de acordo com o aparelho utilizado. Mas no caso da converso automtica os nmeros no pdf vo continuar l. Os ttulos provavelmente vo estar errados tambm. Fora que muitos deixam marcas como convertido pelo programa XYZ em todas as pginas do livro.
Links teis
IDPF - A organizao responsvel pela criao do ePub. O site deles meio confuso, mas contm bastante informao a respeito do formato. ePub Chech Validao de ePub Epub Format Construction Guide Um meta-livro bem completo sobre o assunto.
Bibliotecas gratuitas
Google Books ePub Bud
Aplicativos para a Leitura

Mac & PC Adobe Digital Editions Nook Linux FB Reader iOS iBooks Stanza Android Aldiko Leitura no Browser Magic Scroll - Google Chrome ePub Read Firefox 0
9/20
11/09/13
Por Dani Guerrato

Uma geek de 26 anos apaixonada por cinema, literatura, tecnologia e, claro, internet! designer, desenvolvedora front-end e co-fundadora do estdio PopUp Design, localizado em So Paulo. Adora semntica e acha divertido ler o cdigo fonte do site dos outros. http://blog.popupdesign.com.br
PELA WEB
TAMBM EM TABLELESS
O que isso?
What the Bible Says About Money (Shocking) Moneynews Chemist Warns of Cancer with this Artificial The People's Chemist Why You Should Stop Using Shampoo When Mild Memory Loss is an Early Warning Sign of Newsmax Health
TopKit
Breadcrumb Navigation Facilite a vida do seu cliente e 6 comentrios O SEO moderno e o foco no usurio
2 comentrios
Tabela comparativa de Frameworks CSS

2 comentrios
EditorConfig
11 comentrios
49 comentrios Deixar uma mensagem...

Mais votados Comunidade
2 anos atrs
Compartilhar
17
elc io q. c out o
Muito bom artigo! Pra quem tem alguma intimidade com XHTML e CSS, rs. Como sou uma topeira e no entendo nada de edio de cdigos, continuo usando o Calibre (um conversor automtico), mas com converso nunca a partir de um PDF e sim do formato RTF, j devidamente editado com captulos. importantssimo criar os captulos j no arquivo de origem de formado RTF, antes da converso, pois isso vai reduzir a necessidade de interveno do Sigil, que nesse caso vai servir apenas para inserir imagens no corpo do texto (pois o Calibre no faz uma boa converso de imagens, sendo prefervel inserir imagens com o Sigil) e ativar a table of contents (tabela de captulos), caso vc tenha optado por deix-la oculta no corpo do texto no arquivo RTF. Ento isso: 1 edio com captulos no formato RTF; 2 converso para epub com o Calibre; 3 ltimos ajustes a partir j do epub com o Sigil, como ativao da tabela dos captulos e insero de imagens.
11/09/13
Obtenho timos resultados com esses procedimentos, sem precisar editar uma nica linha de cdigo XHTML. claro que no estou dizendo que melhor ou pior que qualquer outro procedimento. apenas uma alternativa pra quem, assim como eu, no entende de edio de cdigos. vai a tutorial que criei sobre o que eu falei acima -> http://migre.me/7SuBb
10
Responder
Compartilhar
Joo B emgiz Cordeiro
> elcio q. couto
6 meses atrs
oi dani, parabns pelo artigo .. vou comear a testar as dicas. Gostaria de saber se, depois de montado o arquivo .epub_ posso 'publicar' esse arquivo na loja da Apple, da Google e da Amazon para venda do livro. Nesse formato o livro fica aberto, no ? Baixando dessas lojas virtuais o pessoal pode "piratear" ? Obrigado pelas respostas ...
3
Responder
Compartilhar
2 anos atrs
gs c 03bh
> elcio q. couto
Parabns gente boa. Suas dicas tambm so timas. Demonstra que tem domnio sobre o assunto. Sem contar o vdeo dando uma baita colher de ch pra gente. (S o som que est baixo...). S no gostei, e no concordo, sobre algo que diz de si mesmo aqui acima. Voc bom cara, tem conhecimentos, tem atitude e ainda sente que deve compartilhar. Muito bom mesmo! Parabns e obrigado!
2
Responder
Compartilhar
elc io q. c out o
> gsc03bh
2 anos atrs

Claris s a
pow, valeu a fora ae. faz um tempo que venho testando esse procedimento pra conseguir bons resultados. sempre que surgir melhora, vamo compartilhando ae. muito obrigado
Responder Compartilhar
um ano atrs
Oi, Dani adorei o blog, principalmente, este artigo sobre epubs. Trabalho com produo editorial e estou interessada em aprender a criar epubs. Suas explicaes so muito claras, mas fiquei com dvida sobre uma etapa: se eu j tenho um livro em indd (ou at em word mesmo), um texto grande com vrios captulos, textos com recuo, itlico etc... Como fao para gerar os arquivos em html como o Capitulo1.html do seu exemplo? Terei que "programar" tudinho? Colocar cada tag de pargrafo, itlico, negrito, bullet etc? Agradeo muito se puder responder. Bjs, Clarissa.
8
Responder
Compartilhar
7 meses atrs
Luiz a
> Clarissa
Tambm compartilho da dvida da Clarissa. Algum pode nos ajudar?

Renan da Cos t a
2 anos atrs
11/20
11/09/13
Parabns! Muito bom artigo! Um diferencial com certeza...

4
Responder
Compartilhar
B runo de Jorge
2 anos atrs
Muito legal! No tinha ideia que um ePub era to diferente do PDF! Encontrei este artigo em um momento muito propcio pois estou diagramando um livro em PDF. Pensei que, aps finalizado, poderia aproveitar o embalo e faz-lo um e-book de verdade. Mas a me veio algumas dvidas. Sei que o tutorial bsico, mas como ficaria outros elementos de um livro, como ndice de ilustraes, notas de rodap, ndice remissivo, legendas?
2
Responder
Compartilhar
c arlos
9 meses atrs
Como eu posso fazer um efeito tipo esse http://esporte.uol.com.br/info... ja procurei em vrios lugares e nao encontrei nada.
1 Responder Compartilhar
6 meses atrs
Miriam Dias
> carlos
Meu querido, procure por jquery Parallax e ver as maravilhas que isso faz :)
Responder
Compartilhar
Guga A njos
10 meses atrs
Muito bom o artigo.. parabens.. estava procurando ja fazia tempo, algo assim que explicasse detalhadamente, parabens.. mto bom..
1
Responder
um ano atrs
Compartilhar
Rodrigo
Puxa, que artigo bom! Estava buscando informaes sobre o assunto e de costume fui direto em sites americanos, e para minha surpresa seu artigo t muito muito melhor! Parabns mesmo viu! Queria tambm compartilhar esse contedo sobre ePub3. Me pareceu um contedo mais tcnico com HTML5 e Java, etc. A informao de 06/Abr/2012 . Segue o link http://www.ibm.com/developerwo... espero ter contribudo. Pretendo seguir seus artigos sobre o assunto e contribuir tambm. valeu!
1
Responder
Compartilhar
liperuf
23 dias atrs
just what i needed! thanks

Cheidid
um ms atrs
Parabns pelo site. Muito didtica e competente. Uma dvida: no consigo fazer quadros de texto coloridos aparecerem. Eles ficam bonitinhos l no Sigil, mas quando vou ler num smartphone, por exemplo, o quadro e a cor desaparecem e fica somente o texto. Ttulos de matrias, tambm, escritas em vermelho por exemplo, aparecem em preto no smartphone. assim mesmo ou estou fazendo algo errado, falta algum controle ?
Jamais Des is t a
2 meses atrs
GRAAS A DEUS ENCONTREI ESTE SITE.... ufa...tava difcil trabalhar com softwares que prometem
12/20
11/09/13
GRAAS A DEUS ENCONTREI ESTE SITE.... ufa...tava difcil trabalhar com softwares que prometem uma boa converso de formatos... Obrigado! GBY!
2 meses atrs
J. Gomes (P ort ugal)
A criao de livros no formato ePUB realizada de forma mais simples do que a aqui citada, sem usar qualquer tipo de software. O mais relevante e mais trabalhoso tem a ver com a preparao dos contedos, nomeadamente na formatao do texto e seus pargrafos. Utilizando o MS Word, possvel colocar automaticamente as tags e , milhares que elas sejam, em breves segundos, bem como retirar os hifens de quebra de palavra, se os houver. conveniente que se tenha idealizado um arquivo padro ePUB com todos os contedos HTML ja em utf-8, um por captulo, e os restantes que os vo controlar. Uns e outros tero apenas as linhas de cdigo essenciais e inalterveis. Assim, ao abrir o arquivo padro ePUB com um software qualquer de descompactao, possvel editar os arquivos nele contidos, fazendo Copy/Paste (Copiar/Colar) do trabalho preparado com o MS Word para a rea em branco dos arquivos HTML, e alterando os restantes de controlo para o nosso caso, ttulo do livro, autor, autenticao, nomes dos captulo na pgina de ndice, etc. Em suma, fundamental o conhecimento bsico de HTML e CSS, no muito profundo, apenas aplicado formatao do texto, e em alguns casos, hiperligaes. Deixo um aviso: Deve-se visualizar o trabalho feito num dos leitores disponveis para download. Caso as tags HTML estejam em falta ou incorretamente inseridas no texto, nada mais se pode visualizar depois do local do erro, devendo-se corrigir de imediato antes de o dar por terminado.
Domc io V er os a
4 meses atrs

lais
Moa... pra comear... um grande, muito obrigado... nunca tinha visto um explicao to bem detalhada na net, assim como a sua... Voc deveria criar um curso de Publicao digital... em vdeo... ou ead... ou qualquer outro formato... garanto que seria o primeiro interessado... Parabns!
4 meses atrs

V aldo
Como eu fao pra colocar uma imagem da capa do livro desse modo, sem ter que colocar o epub em outro software?
Uendel Roc ha
7 meses atrs
Bem que podia deixar a gente imprimir o artigo ou salvar em pdf!!! (rss)
Responder
7 meses atrs
Compartilhar
Dani, Fiquei perdido a partir da estrutura. Baixei o "meulivro.epub_.zip" e o Sigil, mas no primeiro no tem os arquivos que voc mencionou. Valdo
Responder
8 meses atrs

Rafael
Compartilhar
Muito bacana seu artigo, gostaria de indicar outro programa pra leitura de e-books, que multi os, o Calibre, consegue ler a maioria dos formatos, ajuda na gesto dos livros digitais e ainda converte (mesmo sendo um tanto qnt complexo a converso)
11/09/13
Responder
Compartilhar
P aulo A ugus t o
8 meses atrs
timo artigo. Montei um e-book, que l ok em vrios readers, mas quando tento abrir no SARAIVA READER, para PC, ele da erro. A mensagem : No foi possvel abrir o arquivo "blablabla.epub" Est associado a outro Adobe ID!
:( Alguma possvel soluo?

S ergio Cabral
8 meses atrs
timas dicas. J estou comeando a treinar aqui. Eu sabia que as aulas de webdesigner ia servir para alguma coisa... pena que eu as abandonei... mas tudo bem..
V ic ent e
9 meses atrs
Oi Dani adorei o artigo. Produzi um epub manualmente mas no consigo abrir no iPad da minha namorada. Como fao para te enviar o arquivo para vc achar meus erros. Desde j agradeo sua ajuda. Abs Feliz Ano 2013
Xik owis k
10 meses atrs
Comecei a pegar alguns ePubs na iTunesSore. Fiquei curioso e resolvi criar os meus. Googlei at aqui e queria dizer: Obrigado.
Cleber Reis
11 meses atrs
Muito obrigado, excelente artigo, estou pesquisando sobre o assunto, e tenho que fazer os ebooks com interaes, algum tem dicas sobre essa assunto. Muito obrigado e sucesso a todos!
um ano atrs
Cndido S ales Gomes Responder
Fil demais! Estava precisando disto!

Compartilhar
um ano atrs
Cndido S ales Gomes Responder

um ano atrs
Fil demais! Estava precisando disto!

Compartilhar
Camila
Surpreendentemente claro! Tem um tempo que tenho curiosidades sobre livros digitalizados, e como criar um, pesquisei e encontrei seu artigo. No tenho muita noo de cdigo fonte, mais v que uma pessoa que tenha vontade de aprender consegue! Parabns pelo conhecimento, e por compartilhalos!
Responder
um ano atrs
Compartilhar
Fabphn
No entendo muito mas estou tentando aprender. Muito legal o artigo. Uma pergunta: Como fao para linkar subttulos dentro de um captulo de maneira que no ndice ao entrar no capitulo tenha as opes tableless.com.br/wp-content/uploads/2012/01/meulivro.epub_.zip 14/20
11/09/13
linkar subttulos dentro de um captulo de maneira que no ndice ao entrar no capitulo tenha as opes dos subttulos?
Telmobraz
um ano atrs
Ol todos! Prezados(as), hoje temos vrios dispositivos no mercado e cada um se comporta a seu modo a partir de sua plataforma. Gostaria de saber, se possvel, como vocs esto se saindo com isso. Vou dar um exemplo. Estou produzindo um epub que tem vrias tabelas no decorrer da obra, mas ao ler no Ipad as tabelas se comportam bem, elas fluem, no Galax tambm, no Cooler tambm, mas ao testar no Iphone a tabela no flui, como elas so grandes, elas no s no passam para a outra pgina como elas so cortadas. Como resolver e lidar com isto?
V irgilio S olano
um ano atrs
muito bom o artigo parabns

P aulo Ramon
um ano atrs
Parabns pelo timo material. Estou fazendo um tutorial de estudo com base nesse material para estudo futuro, e vi que no arquivo TOC.NCX temos um pequeno erro, pois a sequncia do playOrder se repete quando aplicada ao captulo 2. Alm do seu material estou me baseando em um outro material da IBM e, segundo esse material, vi que o arquivo TOC.NCX descontinuado na verso 3 do ePub, no seu lugar entra o ePub Navegational Dcument.
Novamente parabns pelo timo trabalho, um dos melhores em nossa linguagem.

Felipe Correia
um ano atrs
timo Artigo, eu estou estudando muito isso pois quero criar ePubs e tbm livros interativos, vcs tem algum material para livros interativos em html5?
Marc os jus t o
2 anos atrs
Dani. Voc no s tima. Voc extremamente competente. Parabns e continue a dar suas contribuies inestimveis. O mundo anda precisando de gente como voc.
ilma s ant os
2 anos atrs
Como eu fao para baixar o programa do adobeCS3?Eu preciso muito mais esta difcil de achar um site confivel ou lojas confiveis!
Responder gs c 03bh Compartilhar
2 anos atrs
> ilma santos

Responder
Tem que ser CS3? Se puder CS5 Pt-Br, mande mail pra mim que te passo os links. Isso a!
Compartilhar
Qual a Diferen a
2 anos atrs
15/20
11/09/13
Qual a Diferen a
2 anos atrs
Continua... excelente...
web des igner
2 anos atrs
Legal mesmo o artigo, li na revista wide desse ms uma coluna que falava que a rea de livros digitais vai bombar com o lanamento do kindle fire, ser mesmo? Att.
Igo Rodrigues
gs c 03bh
2 anos atrs
O melhor post que vi at o momento sobre como gerar um e-Pub! So tantos elogios e reconhecimentos deste exemplar e 'diferenciado' artigo, que mais um ningum notaria.Mas, temos que reconhecer e, se pudermos (podemos e devemos), incentivarmos mais ainda. Dani: como podemos "$incentiv-la"? (De repente voc nem t precisando de "mais"!...rs). Certamente temos estudar muito sobre o assunto, fazermos cursos, lermos bastante, testar e fazermos vrias vezes, claro. Est to bem explicado, que sanou as ltimas dvidas que eu tinha para gerar e-Pubs e abri-los em meu Kindle. Ento, isso, praticar, ver e ler as preciosidades no e-Reader....rs!
Abrao, obrigado e MUITO sucesso em todos os setores de tua existncia!

Ces imarXavier
2 anos atrs
Show de bola. Veio na hora certa.

Denis s on
2 anos atrs
Informao bem descrita...

2 anos atrs
Joo Ric ardo Magalhes Oliveir
timo artigo, mas ando fazendo ePubs no Adobe Indesign CS5, a vantagem que encontro que a mesma publicao que mando para Grfica, exporto ela em PDF e tambm em ePub, mas claro como voc mencionou separo tudo direito, Titulo, Subtitulo, Texto padro, Citao alm tambm de separar cada artigo por arquivo juntando no Book, e fica perfeito com a criao de Sumrio em ambas as mdas. Gostaria de saber, como j vi num Ipad e no Iphone uma publicao que possui leitura, sons e animaes, tem at um livro grtis para baixar dos Beatles Yellow Submarine se algum souber, deixe uma resposta! Parabns DANI GUERRATO timo artigo!
Responder Dani Guerrat o Compartilhar
> Joo Ricardo Magalhes Oliveir
2 anos atrs
O Indesign suja um pouco o cdigo, alm de acrecentar marcaes desnecessrias... mesmo mais prtico na hora de criar a estrutura bsica, mas na minha experincia pessoal
16/20
11/09/13
mesmo mais prtico na hora de criar a estrutura bsica, mas na minha experincia pessoal com editorao ele pode causar alguns problemas: em arquivos muito grandes ele simplesmente trava e pronto na hora de exportar. A Adobe diz que vai corrigir este problema na verso CS 6.0. Mas at l o melhor mtodo ainda saber desenvolver por conta prpria. Por que se der algum problema voc consegue concertar sem depender da boa vontade do programa. E o seu arquivo final fica muito mais leve. :) Quanto a arquivos especficos para iPad a Apple criou um tipo de ePub fixo, especial para ser lido no tablet. Tem tambm, como eu comentei no final artigo, o novo formato especfico para o aplicativo iBooks que voc cria a partir do programa iBooks Author.
Luiz P aulo P edros a
2 anos atrs
Muito bom artigo! Instalei o Aldiko e a leitura ficou perfeita! Vou fazer umas experincias com o formato!

Cc ero
Responder
2 anos atrs
Compartilhar
At que enfim um artigo bem escrito sobre o tema em terras tupiniquins. Parabns
Frank Gilber
2 anos atrs
Parabens pelo timo artigo Dani Gerrato, temos agora outro local tambm para ler artigos muito bons! ;)
Leandro Lima
2 anos atrs
Muito bom! Um baita guia pra quem quer comear a se aventurar no mundo dos ePubs! ;)
S ergio Leal
2 anos atrs
Valeu meeeesssmo!
Fe e d d e co m e n t ri o s
In s cre ve r-s e vi a e m a i l
17/20
11/09/13
Mais artigos
11 set Artigos
Reduo Progressiva
Entenda como criar interfaces que se adaptam automaticamente de acordo com o perfil de uso do usurio. Por Dani Guerrato 10 set Acessibilidade
Sobre organizar informao

Um pensamento sobre organizao de informao. Por Diego Eis 9 set Design
3 patinhos foram passear. Por que? Quem eram eles?

Usurios tomam decises a todo momento, voc precisa identificar os perfis de usurios, assim como seus objetivos e comportamentos antes de projetar sua interface, assim saber criar um verdadeiro Design centrado no usurio. Por Bernard De Luna 3 set Client-Side
11/09/13
Dicas de como fazer seu prprio framework CSS

Anotaes da minha palestra sobre como fazer seu prprio framework CSS. Por Diego Eis 2 set Artigos
Como escrever e-mails de apresentao

Saiba como evitar os principais erros na hora de redigir um e-mail, conhea dicas simples para ganhar a simpatia de quem est do outro lado do monitor e nunca mais esquea seu portflio. Por Dani Guerrato 30 ago HTML5
HTML 5 e SEO: mitos e verdades

Sabemos que o Google est cada vez mais buscando relevncia em contedo de alta qualidade e campo semntico que tenha significado. A cada atualizao do algortimo, percebemos que contedo de qualidade tambm precisa estar semntico, ou seja, que faa sentido Por Rodrigo Simoni 28 ago SEO
URLs Amigveis, Design Responsivo e o SEO

Conhea algumas prticas legais para voc no fazer feio nas buscas feitas por mobile. Por Douglas Faria 27 ago Artigos
O Designer Gladiador
Maximus era um grande guerreiro e demonstrava ser um excelente observador, desde pegar um punho de terra at reconhecer gladiadores nervosos e grandes parceiros de batalha. Antes de iniciar um projeto, voc precisa reconhecer a arena e todas as suas variveis. Por Bernard De Luna 26 ago Design
Design para Google Glass

Saiba tudo sobre o novo gadget da Google e como desenvolver contedo projetado especialmente para esta nova mdia. Por Dani Guerrato 22 ago Client-Side
Tridiv Dominando 3D com CSS

Brinque com 3D em um editor online baseado em CSS. Por Diego Eis
19/20
11/09/13
Tableless 2003 - 2013 / 10 anos, vi!

Arquitetura de Informao e UX: Diego Eis. Design: Luis Vilela. Ilustraes: Tilman Zitzmann.
Verso do artigo impresso
20/20

Aprenda A Criar Um Livro Digital - Tableless

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Aprenda A Criar Um Livro Digital - Tableless

Încărcat de

Drepturi de autor:

Formate disponibile

11/09/13

ePub: Aprenda a criar um livro digital - Tableless

Verso do artigo impresso

1 de fevereiro de 2012 Artigos

ePub: Aprenda a criar um livro digital

Por que no usar PDF?

ePub: Aprenda a criar um livro digital - Tableless

ePub: Aprenda a criar um livro digital - Tableless

style.css titulo.html capitulo1.html capitulo2.html

Para que serve tudo isso e como eu crio sozinho?

ePub: Aprenda a criar um livro digital - Tableless

ePub: Aprenda a criar um livro digital - Tableless

ePub: Aprenda a criar um livro digital - Tableless

ePub: Aprenda a criar um livro digital - Tableless

Dicas importantes para editar um ePub

ePub: Aprenda a criar um livro digital - Tableless

E quanto ao formato iBook da Apple?

Fique longe dos conversores automticos!

ePub: Aprenda a criar um livro digital - Tableless

Aplicativos para a Leitura

ePub: Aprenda a criar um livro digital - Tableless

Por Dani Guerrato

Tabela comparativa de Frameworks CSS

49 comentrios Deixar uma mensagem...

ePub: Aprenda a criar um livro digital - Tableless

Joo B emgiz Cordeiro

> elcio q. couto

> elcio q. couto

Tambm compartilho da dvida da Clarissa. Algum pode nos ajudar?

ePub: Aprenda a criar um livro digital - Tableless

Parabns! Muito bom artigo! Um diferencial com certeza...

just what i needed! thanks

ePub: Aprenda a criar um livro digital - Tableless

J. Gomes (P ort ugal)

ePub: Aprenda a criar um livro digital - Tableless

:( Alguma possvel soluo?

Cndido S ales Gomes Responder

Fil demais! Estava precisando disto!

Cndido S ales Gomes Responder

Fil demais! Estava precisando disto!

ePub: Aprenda a criar um livro digital - Tableless

muito bom o artigo parabns

Novamente parabns pelo timo trabalho, um dos melhores em nossa linguagem.

> ilma santos

ePub: Aprenda a criar um livro digital - Tableless

web des igner

Abrao, obrigado e MUITO sucesso em todos os setores de tua existncia!

Show de bola. Veio na hora certa.

Informao bem descrita...

Joo Ric ardo Magalhes Oliveir

> Joo Ricardo Magalhes Oliveir

ePub: Aprenda a criar um livro digital - Tableless

Luiz P aulo P edros a

ePub: Aprenda a criar um livro digital - Tableless

Sobre organizar informao

3 patinhos foram passear. Por que? Quem eram eles?

ePub: Aprenda a criar um livro digital - Tableless

Dicas de como fazer seu prprio framework CSS

Como escrever e-mails de apresentao

HTML 5 e SEO: mitos e verdades

URLs Amigveis, Design Responsivo e o SEO

Design para Google Glass

Tridiv Dominando 3D com CSS