Manual Cosac

 

Versão 1.3 Última edição 24/06/15 Antonio Hermida

Manual de estilo e especificações para colaboradores Núcleo Digital

 

Versão 1.3 Última edição 24/06/15 Antonio Hermida

 Prezado colaborador,  devido as mudanças tecnológicas constantes, optamos por por manter esse esse manual online para    para sua frequente atualização. Sugestões, correções  e apontamentos devem ser feitos através dos comentários e  através destes   feedbacks  poderemos acrescentar dados rele re leva vant ntes es e  re reor orga gani niza zarr as in info forma rmaçõ ções es aq aqui ui co cont ntid idas as,, de ma mane neir ira a a ob obte ter  r  mais clareza.

 

Versão 1.3 Última edição 24/06/15 Antonio Hermida

I. Base 1. capa.css 2. post.css II. Sumário III. Miolo @page body p a sup small img Tags IV. Alterações, remoções e acréscimos de texto Removidos Alterados Acrescentados Índices remissivos, onomásticos e créditos de imagens Notas de rodapé Ordenação de notas V. Fontes VI. Imagens VII. Casos específicos Livros de poesia Epígrafes e citações VIII. Validação IX. Observações gerais

 

Versão 1.3 Última edição 24/06/15 Antonio Hermida

I. Base Ao sol oliici cita tarm rmoos  a col colab abor oraação ção de um pa parc rceeir iroo ex exte tern rnoo pa para ra co con nvers versão ão de um epu pub b, di disp spon onib ibil iliz izam amos os o  pa paco cote te   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.png  estão linkados ao capa.css. Na maioria  dos casos, usaremos uma página com o logo da editora (logo.html) imediatamente após  a capa (capa.html)1 , antes da   folha  folha de rosto. Esta imagem (logo.png ) pode variar de cor, dependendo do projeto original. De todo modo, esse tipo de edição é realizada após a produção do arquivo. {width: h: 100%;} )diz O arqu arquiv ivoo po poss ssui ui ai aind nda, a, um pa parâ râme metr troo pa para ra   .lateral   cu ) diz cuja ja fu funç nção ão ({widt respeito a  possíveis imagens que se estendem de uma lateral à outra em um   html destacado do miolo (para mais detalhes, ver VI. Imagens) 

2. post.css O ar arqu quiv ivoo su supr prac acit itad adoo refe refere re-s -see ao conj conjun unto to pó póss-mi miol oloo2 do livr livroo en engl glob oban ando do:: a fo folh lhaa de tittucionais créditos (creditos.html)  a ficha catalográfica (ficha.html ), dados insti colofao.html ). Essas páginas (inst.html ), redes  sociais (midias.html) e o colofão ( colofao.html entram ent ram imedia imediatam tament entee apó apóss a últ última ima “seção “seção”” do livro livro (ín (índic dice, e, bib biblio liogra grafia fia,, epílog epílogo, o, etc etc)) e devem respeitar essa ordem. Observação 1 1

 Lembrar sempre de verificar se capa.html e cover.jpg estão declarados semanticamente)  Em caso do título integrar uma coleção, será disponibilizado ao fornecedor um css e um html referentes a mesma. Trataremos por página de coleção não apenas as páginas relacionadas a uma determinada coleção de livros, mas qualquer página que atue no sentido de cruzar informações a títulos relacionados. Ex.: Outros livros do autor; Outros títulos de design; Leia também; etc.

2

 

Versão 1.3 Última edição 24/06/15 Antonio Hermida

Em post.css  o espaço destinado à fonte (@font e body) Em post.css encontra-se incompleto, pois deve possuir a mesma entrada de fonte do miolo utilizada no css principal, criado pelo fornecedor. Observação 2 A página creditos.html  deve ser preenchida de acordo com as informações do impresso. Encontra-se vazia exceto por linhas que sempre farão parte da mesma (ver IV. (ver IV. Alterações, )  . Mesmo nessas linhas, atentar remoções e acréscimos de texto). sempre para a maneira como ela se apresenta (small (small,  strong   ou em  geralmente são usados para diferenciar trabalho em geralmente desempenhado de profissional que o desempenhou).

 

Versão 1.3 Última edição 24/06/15 Antonio Hermida

II. Sumário O su sumá mári rioo inte intern rnoo (htm (html) l) deve deve cont conter er as me mesm smas as en entra trada dass ex exce cetu tuan ando do Capa Capa e Su Sumá mári rioo e deve  seguir o mesmo estilo (fontes e título) do miolo (quando não houver um Sumário no impresso). A ordem para o ToC deve ser a seguinte: 1. Capa 3 2. Sum Su mário ário 3. Pref Prefác ácio io**4 4. Capítulo (número* e nome) a. Entretítulo* 5. Nota No tas* s***5 6. Pós-textual (Bibliografia, Agradecimentos, Índices)* 7. Página de coleção* 8. Créditos 9. Redes sociais 10. Colofão

3

 Deve conter as mesmas entradas do TOC e a opção de pular o Sumário quando contiver mais de 10 itens.  A opção de avanço 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)

 

Versão 1.3 Última edição 24/06/15 Antonio Hermida

III. Miolo No mio miolo lo ter teremo emoss alguma algumass con config figura uraçõe çõess fix fixas as dev devem em ser pad padron roniza izadas das com seguin seguintes tes valores:

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

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

Observação 3 O miolo, a exceção de títulos centralizados ou alinhados à direita, deve sempre estar à esquerda. Configurações de text-align: justify; & text-align: left;  devem ser removidas do css.

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

Observação 4 A indentação de parágrafos deve seguir a altura da entrelinha, exceto em casos específicos. Estes devem ser reportados e discutidos.

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

Observação 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 existência.

sup

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

small small {font-size: 80%;}

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

Tags seja ja usa sado do   big ,  o mesmo para Para capi Para capitu tula lare res, s,  re reco come mend ndam amos os qu que, e, em vez vez de   span,  se versais, que em vez de span  devem ser declarados por small. 

 

Versão 1.3 Última edição 24/06/15 Antonio Hermida

Negritos de deve vem m  ser ser de decl clar arad ados os po porr   strong , nu nunc ncaa por por   b ou   span.  Ide dem m pa para ra   itálicos , que devem ser marcados por em. PPLE E S R IV

O Lev abre entrelinha para períodos em it ou bld, para evitar, acrescentar aos CSSs: em {line-heigth: inherit;} strong {line-heigth: inherit;}

No iBooks, algumas fontes podem não aparecer corretamente, para prevenir esse tipo problema acrescentar o arquivo “com.apple.ibooks.display-options.xml” “com.apple.ibooks.display-options.xml” (incluído ao post.zip) via descompactador (winrar, por exemplo) à pasta “METAINF”.

HTMLs Os capítulos e entretítulos devem, preferencialmente, ser dividos em múltiplos arquivos html e suas entradas devem constar no TOC.

Proporções Excetu Exce tuan ando do caso casoss  espe especí cífi fico coss o text textoo corr corrid idoo não não de deve ve te terr se seu u ta tama manh nhoo es espe peci cifi fica cado do.. Semp Se mpre re que que  font-size   font-size for de   100% (1em ), o mesmo deve ser deixado em branco (ver varia riaçõ ções es de tama tamanh nhos os de tí títu tulo loss , via Obse Ob serv rvaç ação ão 9 ). As   va via de reg regra, ra, de deve vem m est star ar ent ntre re 1.1em e  2em    2em. Isso não é uma norma fixa e deve ser avaliada caso a caso, todavia, deve de ve-s -se, e, se semp mpre re que que po poss ssív ível el,, le leva varr em cont contaa a visu visual aliz izaç ação ão em te tela lass me meno nore ress (ver (ver  VIII. VIII. Validação). Valores relativos  ao texto, seu tamanho e sua distribuição,   nunca   devem ser declaradas em medidas fixas ( pt   pt   ou px )).. Observação 5 Evitar o uso de parágrafos emnova branco para abrir espaços. Preferencialmente, crie uma classe.

Observação 6 As classes devem conter apenas os parâmetros necessários para seu funcionamento correto e, se possível, o css deve ser documentado através de comentários. Ex.: /*fontes*/ @font-face { font-family: ""; font-style: normal; font-weight: normal; src: url("../Fonts/"); } /*geral*/ @page { margin: 5pt 8pt; }

 

Versão 1.3 Última edição 24/06/15 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; }

 

Versão 1.3 Última edição 24/06/15 Antonio Hermida

IV. Alterações, remoções e acréscimos de texto Removidos ● ●

Colofão original [pág ágin ina a de Dado Da doss rela relaci cion onad ados os  à im impr pres essã sãoo (C (Com ompo posi siçã ção, o, Prod Produç ução ão gráf gráfic ica) a)   [p créditos]

Alterados ● ● ● ●

Projeto gráfico → Projeto gráfico original [página de créditos] © Cosac Naify, 2005 →  © Cosac N Naify, aify, 2005 2005,, e-book, 22013 013 [página de créditos] 2ª reimpressão, 2013* → 1ª edição eletrônica, 2013 [página de créditos] São Paulo:  Cosac Naify, ano da ed. impressa   → São Paulo: Cosac Naify, ano corrente. [Ficha catalográfica]

Acrescentados ●

●

Adapta Adap taçã çãoo e  coor coorde dena naçã çãoo di digi gita tall An Anto toni nioo He Herm rmid idaa / Prod Produç ução ão de eP ePub ub “N “Nom omee do fornecedor” [página de créditos] 1ª edição eletrônica, ano corrente [página de créditos]

Índices remissivos, onomásticos e créditos de imagens Para esses  tipos de referência, nos quais os links estão nos números de páginas (r (ref efer eren ente tess ao impr impres esso so), ), um no nota ta de roda rodapé pé de deve ve se serr ac acre resc scen enta tada da se segu guin indo do o mode modelo lo abaixo. Após o título “Índice” entra o link “[+]” [+]

e, no fim do html, a nota (seguindo o modelo de notas do livro) com o texto “A numeração dos links , neste índice, corresponde à paginação da edição impressa do mesmo título. Optamos por mantê-la apenas como referência, já que ela na verdade varia conforme a plataforma digital de leitura que se utilize.” + A numeração dos links, neste índice, corresponde à paginação da edição impressa do mesmo título. Optamos por mantê-la apenas como referência, já que ela na verdade varia conforme a plataforma digital de leitura que se utilize.

Notas de rodapé em Quan Qu ando do o text textoo po poss ssui uirr no nota tass de ro roda dapé pé,, essa essass de deve vem m co cont ntar ar co com m o ac acré résc scim imoo de  [[]]  em torno da numeração. Por exemplo: 1

[1].

 

Versão 1.3 Última edição 24/06/15 Antonio Hermida

Uma maneira simples de fazer acréscimo é usando busca e substituição por regex. Buscar  por: ()()(.*?)()() ou ()()(.*?)()()

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

Observação 7 Antes de substituir, convém contar quantos resultados foram encontrados e conferir com o número de notas daquele capítulo. Caso essa operação seja realizada dentro do Sigil, atentar para fazer 1 arquivo por vez. Não é necessário o acréscimo de colchetes na numeração das notas em si, somente nas chamadas.

Ordenação de notas

A ordenação  das notas deve seguir a mesma do impresso. Caso sejam de final de capítulo, devem  vir ao fim do   html   re reffere erent ntee ao mes esm mo. Em ca casso de vire virem m ao fi fim m 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 não se repe repeti tire rem m acim acimaa  de “* “*** **”. ”. Se de dete term rmin inad adoo títu título lo co cont ntiv iver er ma mais is qu quee 3 no nota tass dess dessee ti tipo po,, os asterísticos devem ser substituídos por letras. Ex.: No impresso, um capítulo possui 4 notas indicadas dessa forma: *, *, *, *. No di digi gita tal, l, uma ve vezz qu quee esta estarã rãoo agl glu utin tinadas adas ao fim do ca capí pítu tulo lo e não não em ca cada da pá pággina, ina, deve de ve--se usar: sar:  [a], [a], [b], b], [c], [c], [d [d]] (e (em m   sup, e de dent ntro ro de co colc lche hete tess, segui guind ndoo o padr padrão ão para para notas numéricas).

Observação 8

Casos extraordinários, como livros que já possuem notas indicadas por números, letras e símbolos, devem ser reportados para definição de um outro padrão.

 

Versão 1.3 Última edição 24/06/15 Antonio Hermida

V. Fontes A declaração de fontes deve ser feita da forma mais clara e simples possível.    III. como mo ex expl plic icad adoo ac acim ima( a(ve verr  III. A fonte  de miolo, entra com a declaração no   body   co  Miolo), nã nãoo de deve ve en entr trar ar fo forç rçad adaa na nass clas classe ses. s. Fo Font ntes es de tí títu tulo loss e ca capi pitu tula lare res, s, deve devem m se serr declaradas apenas nas classes em que serão de fato utilizadas.   span Se . Ex.:possível, evitar uso de @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; }

 

Versão 1.3 Última edição 24/06/15 Antonio Hermida

VI. Imagens Nas imagens  cujo conteúdo é detalhado (fotos tos, mapas, etc) deve-se sempre buscar alternativas para otimização da visualização (com integridade) desse conteúdo. Imagens de  aberturas de capítul tulo ou fotografias que utilizam a totalidade de uma página devem,  vir em um html separado utilizando a mesma configuração de capa (html e css). A resolução para imagens de em tela cheia, devem manter a proporção de 1000x750px. Li Livr vros os qu quee  po posssuem uem ima mage gens ns,, gera geralm lmeent ntee, sã sãoo en envi viaado doss aos forne ornece cedo dore ress co com m um umaa explicação sobre como elas devem ser dispostas. Observação 9 Para ima imagen gens  com mais det eta alhes, es, como fotogra raffias, imagens ens com texto ou com transparência: PNG. Para ilustrações comuns: JPG; Para adornos  simple ples, PB e com trans ranspa parê rên ncia, gi giff (ex. nas míd ídia iass sociais)

 

Versão 1.3 Última edição 24/06/15 Antonio Hermida

VII. Casos específicos Livros de poesia Livros de  poesia geralmente possuem quebra de linha forçada indicada por “ [“. O sím ímbo bolo lo ind ndiica  (ju (junt ntoo ao aum umen ento to da in inde dent ntaç ação ão)) que que é uma co con nti tin nua uaçã çãoo da mes esm ma frase que não coube na linha na qual se inicia. Nesses casos deve-se proceder da seguinte maneira: Remover o  [ e aumentar a indentação ((neg negat ativ ivaa) de man aneeira ira qu quee, não ca cabe ben ndo na linha original, se destaque na linha seguinte. Ex.: HÁ AQUILO QUE FICA FIRME (UM POSTE) e não comove e há o que se mexe (uma árvore) e faz barulho e chega a parecer um polvo com [tentáculos tentando agarrar as nuvens, ao contrário Se a  indentação desses  parágrafos   parágrafos   esti estive verr de decl clar arad adoo co como mo   .noindent   e, em suas 6  espe especi cifi fica caçõ ções es,, cont contiv iver er    text-indent:   -3.9em   , ele vai correr para a direita automaticamente a cada quebra de linha ajustada pelo zoom x tamanho da tela.

Epígrafes e citações Para ep Para epíg ígra rafe fess e cita citaçõ ções es,, não não reco recome mend ndam amos os a qu queb ebra ra fo forç rçad adaa de linh linhaa a me meno noss qu quee a mesma tenha pontuação indicativa para isso. O co cola labo bora rado dorr deve deve,, pa para ra esse esse ti tipo po de text texto, o, util utiliz izar ar ma marg rgen enss la late tera rais is que que ma mant nten enha ham m as proporções  de distribuição de conteúdo na tela, como no impresso (ou algo próximo), de  maneira que o texto flua dentro desse espaço e se ajuste automaticamente às telas. Ex.: Imagem:

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

 

Versão 1.3 Última edição 24/06/15 Antonio Hermida

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

Observação 10

No caso do texto ter quebras claras, como no caso de letras de música ou poesias, deve-se observar a regra de indentação citada acima, em Livros em Livros de poesia .

 

Versão 1.3 Última edição 24/06/15 Antonio Hermida

VIII. Validação Recome Reco mend ndam amos os qu quee  os ar arqu quiv ivos os seja sejam m va vali lida dado doss em du duas as plat plataf afor orma mas: s: ep epub ubch chec eckk e flightcrew (sigil). Mesmo após  a validação, alguns testes de visualização7 devem ser realizados em dete de term rmin inad ados os ap apps ps  e pr prog ogra rama mas. s. Se ho houv uver er a poss possib ibil ilid idad ade, e, te test star ar no maio maiorr nú núme mero ro possível de plataformas. ➔ Adobe Digital Editions (versões 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) Observação 11 Os grifos na lista indicam prioridade.

7

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

 

Versão 1.3 Última edição 24/06/15 Antonio Hermida

IX. Observações gerais Em caso  da necessidade de adaptações de imagens, distribuição de conteúdo e al alte tera raçõ ções es vi visu suai aiss  do pr proj ojet eto, o, as suge sugest stõe õess de deve vem m se serr repo report rtad adas as an ante tess de ap apli lica cada das. s. Cada decisão deve ser verificada caso a caso.

Algu Alguns ns lin inks ks  de text textos os pu publ bliicado cadoss no blo logg qu quee exp xpli lica cam m um po pouc ucoo dess dessas as alt lter eraaçõ çõees podem ser verificados nos links abaixo: http://editora.cosacn http://editora.cosacnaify.com.br/blog/?p= aify.com.br/blog/?p=14113 14113 http://editora.cosacnaify.com.br/blog/?p= http://editora.cosacn aify.com.br/blog/?p=14524 14524 http://editora.cosacnaify.com.br/blog/?p= http://editora.cosacn aify.com.br/blog/?p=14714 14714 http://editora.cosacnaify.com.br/blog/?p= http://editora.cosacn aify.com.br/blog/?p=15075 15075