manual cosac

7/26/2019 Manual Cosac

1/17

Verso 1.3ltima edio 24/06/15

Antonio Hermida

Manual de estilo e especificaes paracolaboradores

Ncleo Digital


2/17


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.


3/17


Antonio Hermida

I. Base1. capa.css2. post.css

II. Sumrio

III. Miolo@pagebodypasupsmallimgTags

IV. Alteraes, remoes e acrscimos de textoRemovidosAlteradosAcrescentadosndices remissivos, onomsticos e crditos de imagensNotas de rodapOrdenao de notas

V. FontesVI. ImagensVII. Casos especficos

Livros de poesiaEpgrafes e citaes

VIII. ValidaoIX. Observaes gerais


4/17


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. capa.css2. capa.html3. logo.html4. post.css5. creditos.html6. inst.html7. ficha.html8. midias.html9. colofao.html10. cover.jpg, logo.png, blog.gif youtube.gif, twitter.gif, fb.gif11. exemplo.epub

1. capa.cssOs arquivos capa.html , logo.html , cover.jpg e logo.png esto linkados ao capa.css .Na maioria dos casos, usaremos uma pgina com o logo da editora ( logo.html ) imediatamente aps a capa ( capa.html ) , antes da folha de rosto . Esta imagem 1(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.cssO arquivo supracitado refere-se ao conjunto ps-miolo do livro englobando: a folha de 2crditos (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 Lembrar sempre de verificar se capa.html e cover.jpg esto declarados semanticamente)2 Em caso do ttulo integrar uma coleo, ser disponibilizado ao fornecedor um css e um html referentes amesma. Trataremos por pgina de coleo no apenas as pginas relacionadas a uma determinadacoleo de livros, mas qualquer pgina que atue no sentido de cruzar informaes a ttulos relacionados.Ex.: Outros livros do autor; Outros ttulos de design; Leia tambm; etc.
http://colofao.com.br/wp-content/uploads/2016/05/post.zip


5/17


Antonio Hermida

Em post.css o espao destinado fonte (@font e body)encontra-se incompleto, pois deve possuir a mesma entrada defonte do miolo utilizada no css principal, criado pelofornecedor.

Observao 2

A pgina creditos.html deve ser preenchida de acordo com asinformaes do impresso. Encontra-se vazia exceto por linhasque sempre faro parte da mesma (ver IV. Alteraes,remoes e acrscimos de texto ). Mesmo nessas linhas, atentarsempre para a maneira como ela se apresenta ( small , strong ou em geralmente so usados para diferenciar trabalhodesempenhado de profissional que o desempenhou).


6/17


Antonio Hermida

II. SumrioO sumrio interno (html) deve conter asmesmasentradas 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. Capa2. Sumrio33. Prefcio*44. Captulo (nmero* e nome)

a. Entrettulo*5. Notas**56. Ps-textual (Bibliografia, Agradecimentos, ndices)*7. Pgina de coleo*8. Crditos9. Redes sociais10. Colofo

3 Deve conter as mesmas entradas do TOC e a opo de pular o Sumrio quando contiver mais de 10 itens. A opo de avano deve jogar para o item seguinte ao toc (ver aviso toc_ex em post.zip)4 (* Quando houver)5 (** Quando houver e quando as notas forem de finais)


7/17


Antonio Hermida

III. MioloNo miolo teremos algumas configuraes fixas devem serpadronizadascomseguintes valores:

@page@page {margin: 5pt 8pt;}

bodybody {font-family: " fonte de miolo ", serif; padding: 0.75em 2%; display:block; text-align: left; -epub-hyphens: none; adobe-hyphenate: none;-webkit-hyphens: none; -moz-hyphens: none; hyphens: none;}

Observao 3O 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.

pp {widows: 0; orphans: 0; margin: 0em; line-height: 1.3em;}

Observao 4A indentao de pargrafos deve seguir a altura da entrelinha,exceto em casos especficos. Estes devem ser reportados e discutidos.

aa {text-decoration: underline; color: inherit;}

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

existncia.

supsup {font-size: 70%; vertical-align: 0.3em;}

smallsmall {font-size: 80%;}

imgimg {max-width: 100%; max-height: 100%;}

TagsPara capitulares, recomendamos que, em vez de span , seja usado big , o mesmo para versais, que em vez de span devem ser declarados por small .


8/17


Antonio Hermida

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

PPLE E S R IV

O Lev abre entrelinha para perodos em it ou bld, para evitar, acrescentar aos CSSs:

em {line-heigth: inherit;}

strong {line-heigth: inherit;}

No iBooks, algumas fontes podem no aparecer corretamente, para prevenir esse tipoproblema acrescentar o arquivo com.apple.ibooks.display-options.xml (includo aopost.zip) via descompactador (winrar, por exemplo) pasta METAINF.

HTMLsOs captulos e entrettulos devem, preferencialmente, ser dividos em mltiplos

arquivos html e suas entradas devem constar no TOC.

ProporesExcetuando 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 emtelas menores (ver VIII. Validao ).

Valores relativos ao texto, seu tamanho e sua distribuio, nunca devem ser declaradas em medidas fixas ( pt ou px ).

Observao 5Evitar o uso de pargrafos em branco para abrir espaos.Preferencialmente, crie uma nova classe.

Observao 6As classes devem conter apenas os parmetros necessrios para seufuncionamento correto e, se possvel, o css deve ser documentadoatravs de comentrios.

Ex.:/*fontes*/@font-face { font-family: ""; font-style: normal; font-weight: normal; src:url("../Fonts/"); }/*geral*/@page { margin: 5pt 8pt; }


9/17


Antonio Hermida

body { font-family: ""; padding: 0.75em 2%; display: block; text-align:left; -epub-hyphens: none; adobe-hyphenate: none; -webkit-hyphens: none;-moz-hyphens: none; hyphens: none;}small { font-size: 80%; }a { color: inherit; text-decoration: underline; }

table td { font-size: 80%; padding: 0 0.2em; }hr {width: 100%; margin: 1.3em 0 1.3em 0; border: solid black 1px; }.top {width: 100%; margin:2.6em 0 1.3em 0;border: solid black 2px; }.bottom {width: 100%; margin:1.3em 0 2.6em 0;border: solid black 2px;}/*redes sociais*/.midias { margin-top: 3em; margin-right: 3em; text-align: right; }.livros { display: inline-table; text-align: right; }


10/17


Antonio Hermida

IV. Alteraes, remoes e acrscimos de textoRemovidos

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

crditos]

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 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 imagensPara 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 [+][+]

e, no fim do html, a nota (seguindo o modelo de notas do livro) com o textoA numerao dos links , neste ndice, corresponde paginao da edioimpressa do mesmo ttulo.Optamos por mant-la apenas como referncia, j que ela na verdade variaconforme a plataforma digital de leitura que se utilize.

+ Anumerao dos links, neste ndice, corresponde paginao daedio impressa do mesmo ttulo.
Optamos por mant-la apenas como referncia, j que ela na verdade variaconforme a plataforma digital de leitura que se utilize.

Notas de rodapQuando o texto possuir notas de rodap, essas devem contar com o acrscimo de [] em torno da numerao. Por exemplo: 1 [1] .


11/17


Antonio Hermida

Uma maneira simples de fazer acrscimo usando busca e substituio por regex.Buscar por: ()()(.*?)()()ou()()(.*?)()()

e substituir por:\1\2\3\4[\5]\6\7

Observao 7Antes 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 8Casos extraordinrios, como livros que j possuem notas indicadas

por nmeros, letras e smbolos, devem ser reportados para definio

de um outro padro.


12/17


Antonio Hermida

V. FontesA 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.:@font-face { font-family: "More"; font-style: normal; font-weight: normal;src: url("../Fonts/more.otf"); }

@font-face { font-family: "Knokout"; font-style: normal; font-weight:normal; src: url("../Fonts/Knockout.ttf"); }

@page { margin: .5em .8em .5em .8em; }

body { font-family: "More", serif; padding: 0.75em 2%; display: block;text-align: left; }

h1 {margin: 1em 0 3em 0; text-indent: 0em; text-align: left; font-size:2.00em; line-height: 130%; font-family: "Knokout", sans-serif; }


13/17


Antonio Hermida

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


14/17


Antonio Hermida

VII. Casos especficosLivros de poesiaLivros 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

[tentculostentando agarrar as nuvens, ao contrrio

Se a indentao desses pargrafos estiver declarado como .noindent e, em suas especificaes, contiver text-indent: -3.9em , ele vai correr para a direita 6 automaticamente a cada quebra de linha ajustada pelo zoom x tamanho da tela.

Epgrafes e citaesPara 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:

6 Esse valor meramente ilustrativo. Os valores reais devem ser calculados de acordo com as margensdefinidas no projeto. Como base, utilizei o valor padro de 1.3em (ver III. Miolo )


15/17


Antonio Hermida

Cdigo:.epigrafes {margin-left: 20%; text-align: right; margin-top: 20%;}.epigrafes1 {margin-left: 20%; text-align: right; margin-top: 20%;font-size:1.1em;}

Observao 10No 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 .


16/17


Antonio Hermida

VIII. ValidaoRecomendamos que os arquivos sejam validados em duas plataformas: epubcheck e flightcrew (sigil).Mesmo aps a validao, alguns testes de visualizao devem ser realizados em 7determinados 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 11Os grifos na lista indicam prioridade.

7 Atentar principalmente para fontes e caraceteres especiais que podem no aparecer em e-readers.Nesses casos, reportar para envio de novo arquivo de fonte.


17/17


Antonio Hermida

IX. Observaes geraisEm 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=14113http://editora.cosacnaify.com.br/blog/?p=14524http://editora.cosacnaify.com.br/blog/?p=14714http://editora.cosacnaify.com.br/blog/?p=15075
http://editora.cosacnaify.com.br/blog/?p=15075http://editora.cosacnaify.com.br/blog/?p=15075http://editora.cosacnaify.com.br/blog/?p=15075http://editora.cosacnaify.com.br/blog/?p=15075http://editora.cosacnaify.com.br/blog/?p=15075http://editora.cosacnaify.com.br/blog/?p=15075http://editora.cosacnaify.com.br/blog/?p=15075http://editora.cosacnaify.com.br/blog/?p=15075http://editora.cosacnaify.com.br/blog/?p=15075http://editora.cosacnaify.com.br/blog/?p=15075http://editora.cosacnaify.com.br/blog/?p=15075http://editora.cosacnaify.com.br/blog/?p=15075http://editora.cosacnaify.com.br/blog/?p=15075http://editora.cosacnaify.com.br/blog/?p=15075http://editora.cosacnaify.com.br/blog/?p=15075http://editora.cosacnaify.com.br/blog/?p=15075http://editora.cosacnaify.com.br/blog/?p=15075http://editora.cosacnaify.com.br/blog/?p=15075http://editora.cosacnaify.com.br/blog/?p=15075http://editora.cosacnaify.com.br/blog/?p=15075http://editora.cosacnaify.com.br/blog/?p=15075http://editora.cosacnaify.com.br/blog/?p=15075http://editora.cosacnaify.com.br/blog/?p=15075http://editora.cosacnaify.com.br/blog/?p=15075http://editora.cosacnaify.com.br/blog/?p=14714http://editora.cosacnaify.com.br/blog/?p=14524http://editora.cosacnaify.com.br/blog/?p=14113

manual cosac

Documents