Você está na página 1de 17

Verso 1.

3
ltima edio 24/06/15
Antonio Hermida

Manual de estilo e especificaes para


colaboradores

Ncleo Digital

Verso 1.3
ltima edio 24/06/15
Antonio Hermida

Prezado colaborador,

devido as mudanas tecnolgicas constantes,


optamos por manter esse manual
online
para sua frequente atualizao.

Sugestes, correes e apontamentos devem ser feitos atravs dos

comentrios e atravs destes


feedbacks poderemos acrescentar dados
relevantes e reorganizar as informaes aqui contidas, de maneira a obter
mais clareza.

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;}

Observao sobre links


Para links de notas (ida e volta): text-decoration: none;
Underline
deve ser utilizado apenas para links externos a fim de destacar sua
existncia.

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

Negritos devem ser declarados por


strong
, nunca por
b ou
span
. Idem para
itlicos
,
que devem ser marcados por
em
.

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

IV. Alteraes, remoes e acrscimos de texto


Removidos

Alterados

Projeto grfico Projeto grfico original


[pgina de crditos]
Cosac Naify, 2005 Cosac Naify, 2005, e-book, 2013
[pgina de crditos]
2 reimpresso, 2013* 1 edio eletrnica, 2013
[pgina de crditos]
So Paulo: Cosac Naify, ano da ed. impressa
So Paulo: Cosac Naify, ano
corrente.
[Ficha catalogrfica]

Acrescentados

Colofo original
Dados relacionados impresso (Composio, Produo grfica)
[pgina de
crditos]

Adaptao e coordenao digital Antonio Hermida / Produo de ePub Nome


do fornecedor
[pgina de crditos]
1 edio eletrnica, ano corrente
[pgina de crditos]

ndices remissivos, onomsticos e crditos de imagens


Para esses tipos de referncia, nos quais os links esto nos nmeros de pginas
(referentes ao impresso), um nota de rodap deve ser acrescentada seguindo o modelo
abaixo.
Aps o ttulo ndice entra o link [+]
<ahref="../Text/indice.html#sobre"id="indice"><sup>[+]</sup></a>

e, no fim do html, a nota (seguindo o modelo de notas do livro) com o texto


A numerao dos
links
, neste ndice, corresponde paginao da edio
impressa do mesmo ttulo.
Optamos por mant-la apenas como referncia, j que ela na verdade varia
conforme a plataforma digital de leitura que se utilize.
<pclass="noter"><ahref="../Text/indice.html#indice"id="sobre">+</a>A
numeraodos<em>links</em>,nestendice,correspondepaginaoda
edioimpressadomesmottulo.<br/>
Optamospormantlaapenascomoreferncia,jqueelanaverdadevaria
conformeaplataformadigitaldeleituraqueseutilize.</p>

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
).

Em caso de notas sinalizadas por * estes s devem ser mantidos no caso de no se


repetirem acima de ***. Se determinado ttulo contiver mais que 3 notas desse tipo,
os astersticos devem ser substitudos por letras.
Ex.: No impresso, um captulo possui 4 notas indicadas dessa forma: *, *, *, *.
No digital, uma vez que estaro aglutinadas ao fim do captulo e no em cada pgina,
deve-se usar: [a], [b], [c], [d] (em
sup
, e dentro de colchetes, seguindo o padro para
notas numricas).

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

VII. Casos especficos


Livros de poesia
Livros de poesia geralmente possuem quebra de linha forada indicada por
[
. O
smbolo indica (junto ao aumento da indentao) que uma continuao da mesma
frase que no coube na linha na qual se inicia.
Nesses casos deve-se proceder da seguinte maneira:
Remover o [ e aumentar a indentao
(negativa) de maneira que, no cabendo na
linha original, se destaque na linha seguinte.
Ex.:
H AQUILO QUE FICA FIRME (UM POSTE)
e no comove e h o que se mexe (uma rvore)
e faz barulho e chega a parecer um polvo com
[tentculos
tentando agarrar as nuvens, ao contrrio
Se a indentao desses
pargrafos
estiver declarado como
.noindent
e, em suas
6
especificaes, contiver
text-indent:
-3.9em
, ele vai correr para a direita
automaticamente a cada quebra de linha ajustada pelo zoom x tamanho da tela.

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

IX. Observaes gerais


Em caso da necessidade de adaptaes de imagens, distribuio de contedo e
alteraes visuais do projeto, as sugestes devem ser reportadas antes de aplicadas.
Cada deciso deve ser verificada caso a caso.

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