epub2

Como criar ePubs – Parte 2 (Criando uma capa)

Share Button

Veja: Parte 1 – Como criar notas de rodapé

Depois de aprender a criar um Epub com nota de rodapé, iremos aprender a criar uma capa para o nosso Epub. Importante: Siga o tutorial desde a parte 1, daí você poderá dar uma continuidade ao arquivo. Edite o arquivo que você criou na parte 1 para não se perder nesta parte.

Primeiramente, crie uma imagem de 600 de largura por 771 de altura.

Se quiser, apenas use a que eu criei.

Capa do Epub

Clique com o botão direito no arquivo Section0001.xhtml e crie um arquivo novo.

Criar arquivo

Renomeie o arquivo para CAPA.xhtml

Renomear arquivo

Por último, arraste o arquivo CAPA.xhtml de modo que ele fique acima do arquivo Section0001.xhtml.

000c

Agora no nosso arquivo epub, clique neste botão:

Inserir imagem

Selecione a imagem clicando no botão em destaque:

Escolher imagem

Você deverá ver isto:

A imagem foi selecionada.

Agora vamos entrar no modo código:

Modo código

Cole este código dentro da tag Head:

<style type="text/css">
img { max-width: 100%; text-align: center; }
</style>

Deverá ficar assim:

Style css

Esse código serve para que a imagem fique menor do que o tamanho da tela. Dessa maneira ela será completamente visível não importa o tamanho da tela.

Agora a capa está pronta!

O seu Epub será visto assim na estante:

Capa do Epub na estante

Na próxima parte iremos criar a tabela de conteúdo. Não perca!

Veja também:

Parte 3 – Tabela de conteúdo

Parte 4 – Metadados

Share Button

Warning: count(): Parameter must be an array or an object that implements Countable in /home/filipeteixeira/www/blog/wp-includes/class-wp-comment-query.php on line 399