Escolar Documentos
Profissional Documentos
Cultura Documentos
3
ltima edio 24/06/15
Antonio Hermida
Ncleo Digital
Verso 1.3
ltima edio 24/06/15
Antonio Hermida
Prezado colaborador,
Verso 1.3
ltima edio 24/06/15
Antonio Hermida
I. Base
1. capa.css
2. post.css
II. Sumrio
III. Miolo
@page
body
p
a
sup
small
img
Tags
IV. Alteraes, remoes e acrscimos de texto
Removidos
Alterados
Acrescentados
ndices remissivos, onomsticos e crditos de imagens
Notas de rodap
Ordenao de notas
V. Fontes
VI. Imagens
VII. Casos especficos
Livros de poesia
Epgrafes e citaes
VIII. Validao
IX. Observaes gerais
Verso 1.3
ltima edio 24/06/15
Antonio Hermida
I. Base
Ao solicitarmos a colaborao de um parceiro externo para converso de um epub,
disponibilizamos o pacote
post.zip
. Este, compostos pelos arquivos, que devem ser
adicionados ao epub:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
capa.css
capa.html
logo.html
post.css
creditos.html
inst.html
ficha.html
midias.html
colofao.html
cover.jpg, logo.png, blog.gif youtube.gif, twitter.gif, fb.gif
exemplo.epub
1. capa.css
Os arquivos
capa.html
,
logo.html
,
cover.jpg
e
logo.pngesto linkados ao
capa.css
.
Na maioria dos casos, usaremos uma pgina com o logo da editora (
logo.html
)
1
imediatamente aps a capa (
capa.html
) , antes da
folha de rosto
. Esta imagem
(
logo.png
) pode variar de cor, dependendo do projeto original.
De todo modo, esse tipo de edio realizada aps a produo do arquivo.
O arquivo possui ainda, um parmetro para
.lateral
cuja funo (
{width: 100%;}
) diz
respeito a possveis imagens que se estendem de uma lateral outra em um
html
destacado do miolo (para mais detalhes, ver
VI. Imagens
)
2. post.css
O arquivo supracitado refere-se ao conjunto ps-miolo2 do livro englobando: a folha de
crditos (
creditos.html
) a ficha catalogrfica (
ficha.html
), dados institucionais
(
inst.html
), redes sociais (
midias.html
) e o colofo (
colofao.html
). Essas pginas
entram imediatamente aps a ltima seo do livro (ndice, bibliografia, eplogo, etc)
e devem respeitar essa ordem.
Observao 1
1
Lembrarsempredeverificarsecapa.htmlecover.jpgestodeclaradossemanticamente)
Emcasodottulointegrarumacoleo,serdisponibilizadoaofornecedorumcsseumhtmlreferentesa
mesma.Trataremosporpginadecoleonoapenasaspginasrelacionadasaumadeterminada
coleodelivros,masqualquerpginaqueatuenosentidodecruzarinformaesattulosrelacionados.
Ex.:OutroslivrosdoautorOutrosttulosdedesignLeiatambmetc.
2
Verso 1.3
ltima edio 24/06/15
Antonio Hermida
Em
post.css
o espao destinado fonte (@font e body)
encontra-se incompleto, pois deve possuir a mesma entrada de
fonte do miolo utilizada no css principal, criado pelo
fornecedor.
Observao 2
A pgina
creditos.html
deve ser preenchida de acordo com as
informaes do impresso. Encontra-se vazia exceto por linhas
que sempre faro parte da mesma (ver
IV. Alteraes,
remoes e acrscimos de texto
). Mesmo nessas linhas, atentar
sempre para a maneira como ela se apresenta (
small
,
strong
ou
em
geralmente so usados para diferenciar trabalho
desempenhado de profissional que o desempenhou).
Verso 1.3
ltima edio 24/06/15
Antonio Hermida
II. Sumrio
O sumrio interno (html) deve conter as mesmas entradas excetuando Capa e Sumrio
e deve seguir o mesmo estilo (fontes e ttulo) do miolo (quando no houver um
Sumrio no impresso).
A ordem para o ToC deve ser a seguinte:
1. Capa
2. Sumrio3
3. Prefcio*4
4. Captulo (nmero* e nome)
a. Entrettulo*
5. Notas** 5
6. Ps-textual (Bibliografia, Agradecimentos, ndices)*
7. Pgina de coleo*
8. Crditos
9. Redes sociais
10. Colofo
DeveconterasmesmasentradasdoTOCeaopodepularoSumrioquandocontivermaisde10itens.
Aopodeavanodevejogarparaoitemseguinteaotoc(veravisotoc_exempost.zip)
4
(*Quandohouver)
5
(**Quandohouverequandoasnotasforemdefinais)
Verso 1.3
ltima edio 24/06/15
Antonio Hermida
III. Miolo
No miolo teremos algumas configuraes fixas devem ser padronizadas com seguintes
valores:
@page
@page{margin:5pt8pt;}
body
body{fontfamily:"
fontedemiolo
",serif;padding:0.75em2%;display:
block;textalign:left;epubhyphens:none;adobehyphenate:none;
webkithyphens:none;mozhyphens:none;hyphens:none;}
Observao 3
O miolo, a exceo de ttulos centralizados ou alinhados direita,
deve sempre estar esquerda. Configuraes de
text-align: justify;
&
text-align: left;
devem ser removidas do css.
p
p{widows:0;orphans:0;margin:0em;lineheight:1.3em;}
Observao 4
A indentao de pargrafos deve seguir a altura da entrelinha,
exceto em casos especficos. Estes devem ser reportados e discutidos.
a
a{textdecoration:underline;color:inherit;}
sup
sup{fontsize:70%;verticalalign:0.3em;}
small
small{fontsize:80%;}
img
img{maxwidth:100%;maxheight:100%;}
Tags
Para capitulares, recomendamos que, em vez de
span
, seja usado
big
, o mesmo para
versais, que em vez de
span
devem ser declarados por
small
.
Verso 1.3
ltima edio 24/06/15
Antonio Hermida
APPLE E SARAIVA
O Lev abre entrelinha para perodos em it ou bld, para evitar, acrescentar aos CSSs:
em{lineheigth:inherit}
strong{lineheigth:inherit}
No iBooks, algumas fontes podem no aparecer corretamente, para prevenir esse tipo
problema acrescentar o arquivo com.apple.ibooks.display-options.xml (includo ao
post.zip) via descompactador (winrar, por exemplo) pasta METAINF.
HTMLs
Os captulos e entrettulos devem, preferencialmente, ser dividos em mltiplos
arquivos html e suas entradas devem constar no TOC.
Propores
Excetuando casos especficos o texto corrido no deve ter seu tamanho especificado.
Sempre que
font-size for de
100% (
1em
), o mesmo deve ser deixado em branco (ver
Observao 9
). As
variaes de tamanhos de ttulos
, via de regra, devem estar entre
1.1em e
2em
. Isso no uma norma fixa e deve ser avaliada caso a caso, todavia,
deve-se, sempre que possvel, levar em conta a visualizao em telas menores (ver
VIII.
Validao
).
Valores relativos ao texto, seu tamanho e sua distribuio,
nunca
devem ser
declaradas em medidas fixas (
pt
ou
px
).
Observao 5
Evitar o uso de pargrafos em branco para abrir espaos.
Preferencialmente, crie uma nova classe.
Observao 6
As classes devem conter apenas os parmetros necessrios para seu
funcionamento correto e, se possvel, o css deve ser documentado
atravs de comentrios.
Ex.:
/*fontes*/
@fontface{fontfamily:"";fontstyle:normal;fontweight:normal;src:
url("../Fonts/");}
/*geral*/
@page{margin:5pt8pt;}
Verso 1.3
ltima edio 24/06/15
Antonio Hermida
body{fontfamily:"";padding:0.75em2%;display:block;textalign:
left;epubhyphens:none;adobehyphenate:none;webkithyphens:none;
mozhyphens:none;hyphens:none;}
small{fontsize:80%;}
a{color:inherit;textdecoration:underline;}
tabletd{fontsize:80%;padding:00.2em;}
hr{width:100%;margin:1.3em01.3em0;border:solidblack1px;}
.top{width:100%;margin:2.6em01.3em0;border:solidblack2px;}
.bottom{width:100%;margin:1.3em02.6em0;border:solidblack2px;}
/*redessociais*/
.midias{margintop:3em;marginright:3em;textalign:right;}
.livros{display:inlinetable;textalign:right;}
Verso 1.3
ltima edio 24/06/15
Antonio Hermida
Alterados
Acrescentados
Colofo original
Dados relacionados impresso (Composio, Produo grfica)
[pgina de
crditos]
Notas de rodap
Quando o texto possuir notas de rodap, essas devem contar com o acrscimo de
[]
em
torno da numerao. Por exemplo:
1 [1]
.
Verso 1.3
ltima edio 24/06/15
Antonio Hermida
Uma maneira simples de fazer acrscimo usando busca e substituio por regex.
Buscar
por:
(<sup>)(<ahref)(.*?)(>)(.*?)(</a>)(</sup>)
ou
(<ahref)(.*?)(>)(<sup>)(.*?)(</sup>)(</a>)
e
substituir
por:
\1\2\3\4[\5]\6\7
Observao 7
Antes de substituir, convm contar quantos resultados foram
encontrados e conferir com o nmero de notas daquele captulo.
Caso essa operao seja realizada dentro do Sigil, atentar para fazer
1 arquivo por vez.
No necessrio o acrscimo de colchetes na numerao das notas
em si, somente nas chamadas.
Ordenao de notas
A ordenao das notas deve seguir a mesma do impresso. Caso sejam de final de
captulo, devem vir ao fim do
html
referente ao mesmo. Em caso de virem ao fim do
livro, um
html
de notas deve ser anexado e acrescentado ao
ToC
(ver
III. Miolo
).
Observao 8
Casos extraordinrios, como livros que j possuem notas indicadas
por nmeros, letras e smbolos, devem ser reportados para definio
de um outro padro.
Verso 1.3
ltima edio 24/06/15
Antonio Hermida
V. Fontes
A declarao de fontes deve ser feita da forma mais clara e simples possvel.
A fonte de miolo, entra com a declarao no
body
como explicado acima(ver
III.
Miolo
), no deve entrar forada nas classes. Fontes de ttulos e capitulares, devem ser
declaradas apenas nas classes em que sero de fato utilizadas.
Se possvel, evitar uso de
span
.
Ex.:
@fontface{fontfamily:"More";fontstyle:normal;fontweight:normal;
src:url("../Fonts/more.otf");}
@fontface{fontfamily:"Knokout";fontstyle:normal;fontweight:
normal;src:url("../Fonts/Knockout.ttf");}
@page{margin:.5em.8em.5em.8em;}
body{fontfamily:"More",serif;padding:0.75em2%;display:block;
textalign:left;}
h1{margin:1em03em0;textindent:0em;textalign:left;fontsize:
2.00em;lineheight:130%;fontfamily:"Knokout",sansserif;}
Verso 1.3
ltima edio 24/06/15
Antonio Hermida
VI. Imagens
Nas imagens cujo contedo detalhado (fotos, mapas, etc) deve-se sempre buscar
alternativas para otimizao da visualizao (com integridade) desse contedo.
Imagens de aberturas de captulo ou fotografias que utilizam a totalidade de uma
pgina devem, vir em um html separado utilizando a mesma configurao de capa
(html e css).
A resoluo para imagens de em tela cheia, devem manter a proporo de 1000x750px.
Livros que possuem imagens, geralmente, so enviados aos fornecedores com uma
explicao sobre como elas devem ser dispostas.
Observao 9
Para imagens com mais detalhes, como fotografias, imagens com
texto ou com transparncia: PNG.
Para ilustraes comuns: JPG;
Para adornos simples, PB e com transparncia, gif (ex. nas mdias
sociais)
Verso 1.3
ltima edio 24/06/15
Antonio Hermida
Epgrafes e citaes
Para epgrafes e citaes, no recomendamos a quebra forada de linha a menos que a
mesma tenha pontuao indicativa para isso.
O colaborador deve, para esse tipo de texto, utilizar margens laterais que mantenham
as propores de distribuio de contedo na tela, como no impresso (ou algo
prximo), de maneira que o texto flua dentro desse espao e se ajuste
automaticamente s telas.
Ex.:
Imagem:
Essevalormeramenteilustrativo.Osvaloresreaisdevemsercalculadosdeacordocomasmargens
definidasnoprojeto.Comobase,utilizeiovalorpadrode1.3em(ver
III.Miolo
)
Verso 1.3
ltima edio 24/06/15
Antonio Hermida
Cdigo:
.epigrafes{marginleft:20%;textalign:right;margintop:20%;}
.epigrafes1{marginleft:20%;textalign:right;margintop:20%;
fontsize:1.1em;}
Observao 10
No caso do texto ter quebras claras, como no caso de letras de
msica ou poesias, deve-se observar a regra de indentao citada
acima, em
Livros de poesia
.
Verso 1.3
ltima edio 24/06/15
Antonio Hermida
VIII. Validao
Recomendamos que os arquivos sejam validados em duas plataformas: epubcheck e
flightcrew (sigil).
Mesmo aps a validao, alguns testes de visualizao7 devem ser realizados em
determinados apps e programas. Se houver a possibilidade, testar no maior nmero
possvel de plataformas.
Adobe Digital Editions (verses 1.7.x e 2.x) (Windows e Mac)
Readium (Chrome)
Saraiva (IOs e Android)
Kobo/Cultura (IOs e Android)
Aldiko (Android)
Bluefire (IOs)
Playbooks (IOs e Android)
Ibooks (IOs)
e-readers (kobo, nook, etc)
Observao 11
Os grifos na lista indicam prioridade.
Atentarprincipalmenteparafontesecaraceteresespeciaisquepodemnoapareceremereaders.
Nessescasos,reportarparaenviodenovoarquivodefonte.
Verso 1.3
ltima edio 24/06/15
Antonio Hermida
Alguns links de textos publicados no blog que explicam um pouco dessas alteraes
podem ser verificados nos links abaixo:
http://editora.cosacnaify.com.br/blog/?p=14113
http://editora.cosacnaify.com.br/blog/?p=14524
http://editora.cosacnaify.com.br/blog/?p=14714
http://editora.cosacnaify.com.br/blog/?p=15075