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.
Clique com o botão direito no arquivo Section0001.xhtml e crie um arquivo novo.
Renomeie o arquivo para CAPA.xhtml
Por último, arraste o arquivo CAPA.xhtml de modo que ele fique acima do arquivo Section0001.xhtml.
Agora no nosso arquivo epub, clique neste botão:
Selecione a imagem clicando no botão em destaque:
Você deverá ver isto:
Agora vamos entrar no 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:
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:
Na próxima parte iremos criar a tabela de conteúdo. Não perca!
Veja também: