InDesign Publica iPadAndroid

InDesign Avanado - Tcnicas de Publicao (iPad e Android)

1- InDesign Avanado

Este material de apoio foi desenvolvido pelo DRC para auxiliar ao profissio-nal em InDesign a aumentar sua performance.

Nesta apostila voc encontrar informaes para torn-lo um diagramador Crossmedia. O InDesign CS6 permite que voc crie e publique em todos os tipos de mdias existentes, atravs de um fluxo de trabalho dinmico incor-porando todos os tipos de contedo da indstria criativa (Texto/ Imagem/ Audio/ Video).

O contedo desenvolvido no laboratrio deve ser extendido por voc para o estudo em casa sempre que possvel.

Mantenha este material ao seu lado em todos os Treinamentos e faa suas prprias anotaes para fixar o aprendizado.

Bons estudos,

Mauricio Brancalion.

Bem-vindo ao InDesign.

1. Planejamento 2. Aplicativo 3. Editar 4. Gerenciar

Servidores Externos5. Publicar para Tablet

5. Publicar para Print

5. Publicar para Web

5. Publicar para Mobile

5. Publicar para Reader

5. Publicar para Desktop

T

2- InDesign Avanado

ndice

IndceBem-vindo ao InDesign. ........................................................................................................ 1Asset Digital Management ..................................................................................................... 6Contedo na era digital. ......................................................................................................... 6Sistemas DAM. ........................................................................................................................ 7Sistemas Digital Publishing. ................................................................................................... 8Digital Publishing com HTML5. ........................................................................................... 9O Sistema Adobe CC ............................................................................................................ 10Creative Cloud. ..................................................................................................................... 10Servidor Acrobat e DPS. ....................................................................................................... 11Edge Tools & Services. .......................................................................................................... 12PhoneGap Builder. ................................................................................................................ 13Tcnicas de Tratamento de Contedo ................................................................................ 14Importao e Exportao. .................................................................................................... 14Data Merge. ............................................................................................................................ 151. Preparando a Planilha. ...................................................................................................... 152. Salvando para o Formato CSV. ........................................................................................ 163. Importando pelo painel Data Merge. ............................................................................. 174. Etapas do Comando Merged Documet. ......................................................................... 185. Aplicando Estilos em dados do DataMerge. .................................................................. 206. Finalizando o Arquivo em PDF. ...................................................................................... 21XML. ....................................................................................................................................... 221. Importando um Arquivo XML. ....................................................................................... 232. Painel Structure e Painel Tags. ......................................................................................... 243. Adicionando Estilos de Texto. ......................................................................................... 254. Exportando um Arquivo XML. ....................................................................................... 265. Find/Change para troca de Tags. ..................................................................................... 27Scripts. ..................................................................................................................................... 281. Instalando um Script Javascript. ...................................................................................... 292. Rodando um Script. .......................................................................................................... 303. Gerenciamento de Estilos e Finalizao. ........................................................................ 32Tcnicas de Automao de Contedo................................................................................. 34Grep Styles .............................................................................................................................. 341. GREP Styles Pelo Comando Finde/Change ................................................................... 352. Grep Styles Dentro de Estilos de Pargrafo. .................................................................. 36Text Variable ........................................................................................................................... 381. Aplicando Text Variable em nmero de captulos. ....................................................... 392. Usando Text Variable para insero de data de sida. .................................................. 403. Definido um Text Variable personalizado...................................................................... 41

3- InDesign Avanado

Cross-Reference ..................................................................................................................... 421. Aplicando Cross-Reference com Paragraph Style. ........................................................ 432. Aplicando Cross-Reference com Text Anchor. ............................................................. 44Ferramentas de Alternate Layout. ....................................................................................... 451. Page Tool. ........................................................................................................................... 462. Edit Page Size. .................................................................................................................... 473. Content Collector e Content Placer. ............................................................................... 484. Liquid Layout. .................................................................................................................... 495. Create Alternate Layout. ................................................................................................... 50Tipos de Exportao ............................................................................................................. 51Exportao PDF Print ........................................................................................................... 511. PDF/X-3, PDF/X-4 e PDF/X-5. ....................................................................................... 522. Web-To-Print. .................................................................................................................... 532. Print Fine Art. .................................................................................................................... 54Contedo + Interatividade. .................................................................................................. 55Ferramentas PDF Interactive. .............................................................................................. 561. Workspace PDF Interactive. ............................................................................................ 572. Painel Media. ...................................................................................................................... 583. Painel Buttons and Forms. ............................................................................................... 594. Painel Hiperlinks. .............................................................................................................. 605. Painel Bookmarks. ............................................................................................................ 616. Painel Page Transitions. .................................................................................................... 628. Importao SWF. ............................................................................................................... 63Worflow PDF Interactive. ..................................................................................................... 641. Determinando o Tipo e Formato. ................................................................................... 652. Layout Esttico. .................................................................................................................. 663. Inserido Interatividade. .................................................................................................... 674. Criando e Inserindo um arquivo SWF. .......................................................................... 685. Exportando como PDF Interactive. ................................................................................ 69Finalizao e Fechamento PDF Interactive. ....................................................................... 70Ferramentas SWF e FLA. ..................................................................................................... 721. Workspace Digital Publishing. ........................................................................................ 732. Painis PDF Interacative................................................................................................... 743. Painel Animation............................................................................................................... 754. Painel Timing. .................................................................................................................... 765. Painel Object States. .......................................................................................................... 776. Painel Page Transition - Page Turn. ................................................................................ 78Workflow SWF e FLA. .......................................................................................................... 791. Formato............................................................................................................................... 802. Layout Esttico. .................................................................................................................. 813. Inserindo Interatividade para arquivos SWF. ................................................................ 824. Exportando no formato SWF e FLA. .............................................................................. 835. Importando em um arquivo InDesign ou Flash. .......................................................... 84Finalizao e Fechamento SWF e FLA ............................................................................... 85Ferramentas HTML5. ........................................................................................................... 88

ndice

4- InDesign Avanado

1. Formato e Grid System . ................................................................................................... 892. Ancoragem de objetos pelo frame. ................................................................................. 903. Object Export Options. .................................................................................................... 914. Painel Articles. ................................................................................................................... 925. Export Tagging. ................................................................................................................. 93Workflow HTML5. ................................................................................................................ 941. Determinando o Tipo e Formato. ................................................................................... 952. Layout Esttico. .................................................................................................................. 963. Ancoragem e Exportao de Objetos. ............................................................................ 974. Definindo a ordem com Painel Articles. ........................................................................ 985. Exportando e utilizando o Dreamweaver para CSS e Javascript. ................................ 99Finalizao e Fechamento HTML5. .................................................................................. 100Ferramentas EPUB. ............................................................................................................. 1041. Formato............................................................................................................................. 1052. Ancoragem de objeto pelo frame. ................................................................................. 1063. Object Export Options. .................................................................................................. 1074. Painel Articles. ................................................................................................................. 1085. Export Tagging. ............................................................................................................... 1096. Table Of Contents para EPUB. ...................................................................................... 1107. Painel Media. .................................................................................................................... 1118. Painel Hiperlinks e comando Footnote. ....................................................................... 1129. Formato Book para EPUB. ............................................................................................. 11310. Comando File Info. ....................................................................................................... 114Workflow EPUB................................................................................................................... 115EPUB 2.0. .............................................................................................................................. 1161. Arquivo .indd ................................................................................................................... 1162. Estilos de Paragrafo e Character.................................................................................... 1173 Ancoragem ........................................................................................................................ 1184. Object Export Options ................................................................................................... 1195. Table Of Content - TOC ................................................................................................. 120EPUB 3.0. .............................................................................................................................. 123EPUB 3.0 with fixed layout. ............................................................................................... 123Finalizao e Fechamento EPUB. ...................................................................................... 124Visualizao em Dispoitivos. ............................................................................................. 125Ferramentas FOLIO. ........................................................................................................... 1261. Workspace Digital Publishing. ...................................................................................... 1272. Painis PDF Interactive e SWF. ..................................................................................... 1283. Painel Folio Overlays. ..................................................................................................... 1294. Comando Insert HTML. ................................................................................................ 1305. Painel Folio Builder e Folio Preview. ............................................................................ 1316. Ferramenta Page e Painel Liquid Layout. .................................................................... 1327. Ferramenta Page - Comando Create Alternate Layout. ............................................. 133

ndice

5- InDesign Avanado

8. Ferramenta Content Collector/Place. ........................................................................... 134Workflow FOLIO. ................................................................................................................ 1351. Determinando o Tipo e Formato. ................................................................................. 1371. Layout Esttico. ................................................................................................................ 1383. Inserindo Interatividade com Painel Folio Overlays. ................................................. 1394. Criando formatos variados com Liquid Layout. ......................................................... 1405. Preview no Desktop e em Dispositivo conectado. ...................................................... 1416. Atualizao de contedo e split view. ........................................................................... 142Converso de INDD para FOLIO. .................................................................................... 143Finalizao e Fechamento FOLIO. .................................................................................... 144Converso FOLIO para APP. ............................................................................................. 147Fluxo Crossmedia ................................................................................................................ 150Do Papel ao Tablet. .............................................................................................................. 150Workflow Crossmedia. ....................................................................................................... 150Preparando o Contedo. .................................................................................................... 151Inserindo o Contedo. ........................................................................................................ 151Tranposrtando o Contedo. ............................................................................................... 153Adaptando o Contedo. ..................................................................................................... 154Exportando Contedo Crossmedia. ................................................................................. 155Extras .................................................................................................................................... 156Livros. .................................................................................................................................... 156Revistas. ................................................................................................................................ 156Sites. ....................................................................................................................................... 156Sites Adobe. .......................................................................................................................... 156Empresas de DAM............................................................................................................... 157Plugins DPS. ......................................................................................................................... 157Stores. .................................................................................................................................... 157

ndice

6- InDesign Avanado

Contedo na era digital.Estamos atravessando um perodo de transformaes tecnlogicas signifi-cativas para indstria, as possibilidades de suportes e o impacto ambiental vem permitindo o surgimento de novos meios e mdias e com isso um fluxo maior de contedo. Se fossem apenas mudanas de quantidade de pro-duo, seria difcil mas possvel de se contornar com os conhecimentos que j adquirimos, mas a transformao atual envolve a evoluo eletrnica e com ela a evoluo de processamento de contedo. No caso do mundo profissional da diagramao quando se fala em contedo era evidente em que se fale de Texto e Imagem, formas de contedo imperantes nas pro-dues grficas, mas hoje, em meios eletrnicos, passamos a incluir o Audio e o Video em nossas sadas. Para que esta adequao aos novos tempos seja plena e profissionalmente bem feita, preciso incluir no planejamento Editorial, Comercial e Institucional, desde o nicio de uma produo, a pos-sibilidade de utilizao de todos os tipos de contedo para que um fluxo de produo possa ser estabelecido e entregar o maior nmero de pub-licaes em um maior nmero de suportes, sendo assim, nas palavras do mercado: Criar um fluxo Crossmedia de publicao on e offline. Portanto Gerenciamento Digital de Contedo, ou DAM (Digital Asset Management), a primeira parte do planejamento Crossmedia de publicao. O contedo continua sendo captado de maneira analgica e digital, porm com o uso de redes, servidores e banco de dados passa a pertencer ao ambiente digital de produo, onde possvel manipular qualquer manifestao e expresso humana convertida em Dados que alimentam um sistema in-formativo/criativo e assim planejar todos os possveis modos de interao entre a obra e o pblico.

Asset Digital Management 01T

T

TT

PDF

SWF

FOLIO

HTML5

EPUB

7- InDesign Avanado

Sistemas DAM. Existem diversos sistemas DAM no mercado atualmente. No Brasil temos a 24/7 id e a Epyx (Brao da WoodWing no Brasil) como exemplos de empresas deste mercado. O que diferencia uma empresa para que ela seja identificada neste segmento, ela possuir um aplicativo de gerenciamento de contedo e exportao crossmedia. Este tipo de aplicativo baseado em servidores externos e internos para criao de um ambiente de trabalho com pessoas locais e remotas permitindo que uma ou mais publicaes possam ser produzidas com integrao e agilidade. Devido ao custos de aquisio e manuteno este tipo de plataforma mais aconselhada para editoras e provedores de contedo de mdio a grande porte, pois o nmero de envolvidos e a distncia entre sua equipe sero os mais beneficiados. Para pequenas editoras e editores independentes uma soluo baseada em aplicativos como InCopy, InDesign, Quark e plugins tornam-se mais viveis economicamente e exigem manutenes e atualizaes mais sim-ples. Basicamente a ferramenta mais importante a criao de Espelhos de publicaes digitais que facilitam muito o acompanhamento pelo editor da produo de todas as sadas de uma publicao at seu fechamento para envio ao canal de distribuio fsico ou digital.

8- InDesign Avanado

Sistemas Digital Publishing. Dentro dos sistemas DAM possvel ter uma sistema Digital Publish-ing. O sistema Digital Publishing a parte destinada as publicaes digitais interativas, como o Folio da Adobe, o AVE da Aquafadas, o Zave da Quark e muitos outros. Todos estes formatos acima no so formatos finais de publicao e venda, so pr-formatos que necessitam de uma converso final para os formatos de aplicativos das grandes fabricantes de Tablets e Celulares, isso se deve ao fato de que catlogos, portfolios, revistas, jornais e livros-aplicativos, devem ser lanados como APP nas principais Stores atuais, apenas o formato EPUB que possui a caracterstica de formato uni-versal de publicao digital e tem sido utilizado muito mais para livros defini-do um mercado especfico. No caso dessas publicaes peridicas serem tratadas como APP possvel atribuir em sua definio o diferencial de pub-licao peridica e no um APP e desta forma dependendo do sistema do dispositivo este tipo de APP vai ser redirecionado a outro APP do tipo banca ou quiosque que permite ao usurio final identific-lo como um peridico tradicional. Todos estes sistemas de publicao digital acabam por utilizar a linguagem HTML5 para embarcar a interatividade, uma vez, que tal lin-guagem utiliza uma programao universal que facilita a visualizao em qualquer sistema ou dispositivo, o fato de estes fabricantes criarem pr-for-matos se deve ao fato de utilizar um meio que crie a dependncia de seu sistema para criao, produo e publicao dos peridicos em todas as Stores do mercado.

9- InDesign Avanado

Digital Publishing com HTML5. A base de toda interatividade das publicaes digitais est no uso da linguagem HTML5, portanto fato que publicar um peridico totalmente em HTML5 que no utilize um sistema DPS verdadeiro e de 2011 para c muitos designers e programadores vem desenvolvendo tcnicas para a criao, produo e publicao de peridicos isentos de sistemas e taxas de grandes empresas do mercado como a Adobe e Quark. A tarefa no das mais simples e as vezes podem parecer que esto Livres de custos mas na verdade podem at ter custos elevados principalmente se voc le-var em considerao o tempo gasto para aprendizado e implementao. Casos como o jornal Financioal Times, Revista Playboy, Aside Magazine, Jornal Folha de So Paulo, so alguns caso que ilustram empresas que partiram para o desenvolvimento de seus aplicativos peridicos sem a uti-lizao de sistemas DPS disponveis no mercado, podem ser considerados casos de sucesso em evoluo, pois a dependncia em partes de que o usurio tenha acesso wi-fi ou internet por banda, limita consideravelmente o nmero de usurios uma vez que nem todos Tablets e Smartphones, hoje, possuem acesso contsnte e ilimitado a internet. Quem vem trazendo um grande avano neste sentido a empresa Mozzilla Firefox que recente-mente desenvolveu seu sistema operacional para Tablets e Smartphones e criaram a primeira loja totalmente voltada para a distribuio e venda de aplicativos feitos totalmente com linguagem HTML5/CSS3/JS, isto evidencia que em um futuro prximo os aplicativos considerados nativos (que funcio-nam apenas no sistema operacional para que foram desenvolvidos) daro lugar ou tero a competio cada vez maior de aplicativos do tipo WebApp que tem uma caracterstica fundamental a seu favor: a universalidade.

10- InDesign Avanado

O Sistema Adobe CC 02Creative Cloud. Acesse AquiEm 2012 com a chegada do Creative Suite 6 a Adobe trouxe uma inovao, seu servio de Cloud Computing, denominado Creative Cloud. Com Creative Cloud a Adobe passa a permitir que voc assine seus aplicativos e servios por um valor mensal, facilitando o acesso para um designer autnomo e at mesmo pequenas empresas que necessitam de suas ferramentas criativas. A partir de uma conta de e-mail voc pode iniciar no sistema optando pela conta Free, que permite acesso ao Trial (30 dias de experimentao) e h al-guns servios de forma limitada. Existe a possibilidade de assinar o Servio na opo Single App, que d direito a usar um aplicativo Adobe (Exemplo: Photoshop) e tambm a alguns servios limitados, e ainda, possvel assi-nar com a conta Professional App, onde voc tem total acesso a aplicativos e servios Adobe. Com esta medida a Adobe se torna efetivamente um Sistema, onde cada vez fica mais intuitivo e rpido o acesso e o uso de vri-os aplicativos para criao de todo tipo de contedo (Texto, Imagem, Audio, Video e etc). Vale lembrar que desde que a Adobe adquiriu a Macromedia e seus aplicativos (Flash, Dreamweaver, Fireworks etc) ela tambm adquiriu seu SDK chamado Flex SDK, esta linguagem est por trs de toda estrutu-ra do Adobe Air e da linguagem ActionScript. Com a evoluo do HTML5 nos ltimos anos, e consequentemente do Javascript como linguagem de funo aberta, a Adobe perdeu seu grande mercado Web com sites e apli-caes em Flash (Sistemas Operacionais Mobile no aceitam Flash), porm a Adobe vem trabalhando em novas ferramentas baseadas em HTML5, CSS e Javascript, denominadas de Edge & Tools e vem trabalhando em melho-rias do Flash Builder, Adobe Air e Flash para obter melhores converses entre as linguagens. As ferramentas Edge & Tools fazem parte dos servios gratutos do Creative Cloud enquanto esto em sua fase Beta. Para mairores informaes clique aqui. Em 2013 o Sistema passa a se chamar CC.


Servidor Acrobat e DPS. Uma vez escolhido o sistema Adobe para criao e produo das publicaes digitais, inevitvel o conhecimento e uso dos portais Acrobat e Digital Publishing. atravs deste portais que voc vai gerenciar toda produo feita de PDF Interativos e Folios dentro dos servidores Adobe. Qualquer publicao gratuta ou paga que ser enviada para as Stores Ap-ple e Google ter primeiro que ser enviada aos servidores Acrobat e DPS da Adobe. No caso do servidor Acrobat h diversas tarefas e servios que po-dem ser realizadas com PDF Print e Interactive permitindo uma grande fun-cionalidade (inclusive a criao e envio de formulrios via PDF). No caso do servidor DPS todo arquivo .indd transformado em .folio fica armazenado e possvel gerenciar, compartilhar e incluir metadados para que futuramente sejam publicados. Uma vez feita estas etapas uma ferramenta chamada DPS AppBuilder permite que se converta os arquivos .folio em arquivos de aplicativos nativos como .ipa (iOs apple) e .apk (Os Android) entre outros formatos dependendo da assinatura que o usurio adquiriu com a Adobe. O portal DPS tambm permite que importe Articles criados totalmente em HTML eliminando o InDesign da etapa de criao, porm vale lembrar que voltamso ao mesmo problema (principalmente para os designers) que ne-cessitamos desta forma totalmente do ambiente de programao no tendo uma interface visual para a criao, como no caso do InDesign que facil-ita e agrega todo seu conhecimento de design para ser aplicado a uma publiao Digital. As publicaes no formato EPUB na possuem no caso da Adobe um servidor destinado a seu gerenciamento, uma vez que , as publicaes neste formato se tratam de publicaes finais e ao exportar do InDesign o EPUB j est pronto para incluso em um e-commerce ou Store para venda direta.


Edge Tools & Services. Como a base das publicaes digitais a linguagem HTML, a Adobe tratou de desenvolver nos ltimos anos (ainda em verses beta) novas fer-ramentas que utilizam o HTML5/CSS3/JS para desenvolver contedo pronto para publicao em qualquer dispositivo. Esta ferramentas levam o nome de Edge Tools, um pacote de ferramentas que permite o total desenvolvi-mento de contedo HTML5 responsivo e adaptvel as ferramentas Adobe e ferramentas de terceiros. A principal necessidade dessas novas ferramen-tas est no fato de que todo desenvolvimento da Adobe no primeira dcada do sculo XXI est associada a linguagem Flex, adquirida com a compra da Macromedia e a linguagem ActionScript juntamente adquirida e desen-volvida. Os esforos da Adobe neste sentido permitram odesenvolvimento do Adobe Air, do Falsh Builder e do Servidor Bussinnes Catalyst, todos vol-tados para a produo de RIAS (Aplicaes Ricas para Internet). Apesar de serem grandes ferramentas e atenderem aos seus propsitos, elas tem carter proprietrio, o que invianbiliza uma disseminao universal, pois a Internet no pode estar presa a uma propriedade de uma ou determindas empresas, seu crater inicial sempre foi a possibilidade de uma rede global e universal, portanto, a Adobe sabe destas condies e tratou de desen-volver as ferramentas Edges que permitem utilizar as linguagens universais para a criao e produo de contedo. Sua ltima aquisio foi a empresa Nitobi que desenvolveu o PhoneGap. Com o Phonegap a Adobe passa a integrar todoa sua Suite de aplicativos e servios com todos as sidas de aplicativos nativos do mercado, porm programados em HTML5/CSS3/JS.


PhoneGap Builder. O PhoneGap Builder a ferramenta que constri toda produo HTML5 utilizada para converso para os principais formatos de APP atuais do mercado, .ipa(iOs); .apk(Android); .ipk(HP); .xap(Microsoft); .wgz (Sim-byam). O PhoneGap cria estas converses atravs de um arquivo .zip que contenha uma aplicao HTML/CSS/JS. Uma aplicao HTML no contm apenas o cdigo que voc publicaria na Web, ela contm um arquivo de manifesto, cones para as Stores e o certificado digitais obrigatrios exigi-dos pelas Stores atuais. Com este pacote produzido possvel converter o arquivo e coloc-los a venda nas Stores, portanto a aquisio da Adobe do PhoneGap trouxe uma ferramenta poderosa para o usurio Adobe que pas-sa a contar com um ambiente de desenvolvimento completo. Vale ressaltar que a Adobe tornou o PhoneGap uma ferramenta universal e gratuita para a fundao Apache, ou seja, possvel utilizar o PhoneGap fora do sistema Adobe, porm preciso utiliza-lo a partir de um cadastro no GitHub, uma fer-ramenta de depsito de cdigos abertos na Web que permite que qualquer pessoa veja, use e modifique seu cdigo para criao de outros aplicativos , isso um fator muito importante pois o desenvolvimento se torna universal e ganha novos adeptos e novas funcionalidades a todo momento em diversas partes do mundo, uma vez que voc desenvolver um aplicativo que ache interessante, rentvel e voc no quer abr-lo a comunidade global voc lana ele pelo PhoneGap do Creatve Cloud Adobe e protege sua aplicao do repositrio pblico. Portanto muito desenvolvimento vir nos prximos anos por este caminho que agiliza e universaliza o conhecimento e a pro-duo de APP.


Tcnicas de Tratamento de Contedo

03Importao e Exportao.Atualmente a criao e o armazenamentos de dados cada vez mais encon-tram-se em Ambientes Digitais, esses ambientes, no caso do armazena-mento, podem ser desde HDs e Pendrives, at em Servidores e imensos Bancos de Dados, portanto a palavra Software, cada vez mais em desuso, d lugar palavra Aplicativo, que determina um programa independente de plataforma ou browser de acesso. claro que para um aplicativo se tornar totalmente disponvel em todos os sistemas demanda de uma srie de programaes com elementos nativos de cada sistema, porm cada vez mais vemos novas tecnologias que desenvolvem aplicativos universais. O InDesign um software e desde que foi criado o pacote Creative Suite ele passou a fazer parte de todas suas verses. Hoje podemos olhar para o InDesign como um aplicativo Desktop (funciona em PC Mac ou Win) e sua participao vem aumentando na indstria, podemos at compar-lo , com medidas propores, com um Framework, devido ao grande nmero de contedo que ele importa e o grande nmero de formatos que ele exporta. Das mdias atuais o InDesign cobre todas desde a impressa, passando pelo Desktops, Web, Mdias Digitais e Interativas, a nica mdia que o InDesign no gera um formato de exportao para a TV Interativa, porm ainda uma tecnologia muito nova no Brasil em fase de implementao. Impres-soras de todos so tipos e portes, navegadores web, PCs, Readers, Mobile e Tablets so suportes e dispositivos onde o InDesign exporta contedo, portanto conhecer as maneiras de importar contedo e os parmetros ex-atos de exportao para cada mdia essencial usando ou no um fluxo Crossmedia de publicao.

T T


Data Merge.O Painel Data Merge (Windows>Utilities>Data Merge) permite que voc im-porte dados (Texto e Imagen) armazenados na extenso .csv. O formato CSV (Comma Separeated Values) uma extenso utilizada nos principais aplicativos (editores de texto, planilhas e etc) e nos principais banco de dados (MySql, Access, FileMaker e etc), ao importar o arquivo o InDesign reconhece os campos de contedo, que podem ser arrastados para os frames que compe o layout. Veja abaixo a sequncia de construo e in-sero de um arquivo DataMerge e de um catlogo para impresso:

1. Preparando a Planilha. Ao receber o arquivo de planilha preciso prepar-lo para a con-verso em CSV. Ao abrir a planilha (Excel ou Open Office e etc) verifique se os campos de Categoria esto listados em uma linha ou em uma coluna. Selecione a linha ou a coluna completamente , clique com o boto direito e acesse o item Formatar Clulas, uma janela vai abrir e no campo Catego-ria escolha Texto isso permite que o programa exporta as categorias em CSV como texto e no frmulas matmticas. Se sua planilha possue cate-gorias de imagens preciso inserir um @ antes do nome da categoria de imagem veja o exemplo a seguir:


2. Salvando para o Formato CSV. Uma vez que voc tratou a planilha para a converso CSV preciso salvar no formato. V em File>Save As> escolha um nome para o arquivo e no tipo de formato escolha .csv. Pronto dessa forma voc criou o arquivo certo que pode ser importado para o InDesign pelo Painel Data Merge.


3. Importando pelo painel Data Merge. Com o arquivo .CSV salvo, v no InDesign em Window>Utilities>Data Merge, clique e o Painel surgir na rea de trabalho. O Painel Data merge possui um cone no topo de seu lado direito que leva a um menu suspenso. Neste Menu o primeiro comando chama-se>Select Data Source, clique no comando e surge uma janela que permite a insero de uma arquivo .csv no painel Data Merge. Feito deve surgir todos os campos de categoria da planilha inserida no Painel Data Merge. Para os campos que identificam texto tero uma letra T antes do campo e para os campos que identificam as imagens ter um cone de imagem antes do campo.


4. Etapas do Comando Merged Documet. Nesta etapa o Indesign j tem o contedo importado para o Painel Data Merge agora preciso criar um template usando a ferramenta Frames para conter na pgina um campo para cada categoria importada. Feito o Template basta selecionar o frame e clicar em cima da categoria no Painel Data Merge e assim o campo do layout fica atrelado a categoria importada. Aps fazer o procedimento para todos os campos basta clicar no cone no canto inferior direito do Painel Data Merge que a ferramenta Merged Docu-ment, ao clicar voc tem acesso a um painel de trs abas: Records; Multiple Layout Record; Options. no campo Records voc vai atribuir a quantidade de dados que sero importados e o modo que eles sero importados. O campo Multiple Record Layout s habilita se voc utilizar a insero de ml-tiplos dados no Painel Record. utilizando este modo voc pode definir as distncias do contedo das margens da pgina e a distncia entre um con-tedo e outro. Voc tambm pode definir se a ordem de insero de dados ser distrbuida em linhas ou colunas. Na Aba Options voc pode definir como as imagens que esto listadas ao arquivo .csv vo ser importadas para o layout.


5. Aplicando Estilos em dados do DataMerge. Outro item importante que pode ser atribuido ao Data Merge definir estilos de character, de pargrafos e de objetos aos campos de insero de contedo, dessa forma, voc permite que todo contedo processado pelo painel no comando Merged Dcoument seja criado com estilos, facilitando a troca posterior dos estilos e criando layouts com visuais distintos. Para isso basta abrir os Painis de Estilos e criar um estilo para cada campo de acordo com sua necessidade (texto, imagens, molduras etc). aps criado os estilos basta clicar na caixa e no estilo para vincular assim como feito nas categorias do Data Merge.


6. Finalizando o Arquivo em PDF. Voc pode fazer vrios teste de layout e insero de dados pelo Data Merge, uma vez que o o documento matriz nunca sobreposto pelo coman-do Merged Dcoument, pois este sempre cria uma verso nomedodumen-to-1.indd do documento de origem. Feitos os testes de layoput e escolhido o que melhor define o visual dos dados, basta ir File>Export> Tipo de formato PDF Print. Na janela PDF no campo Preset>Press Quality ou qualuqer outro formato que desejar, defina as marcas de sida e clique em> OK par expor-tar.


XML.XML a abreviao de eXtensible Markup Language, uma linguagem de marcao assim como , HTML e XHTML. Linguagens de marcao per-mitem adicionar uma Tag a um contedo e desta forma determinar um grupo de contedo varavel a um tipo ou classe. A diferena entre XML e o HTML, que o primeiro permite criar Tags com qualquer nome que utilize caracteres vlidos, j o segundo permite que se utilize um nme-ro determinado de Tags especificadas e padronizadas no mundo todo. Com XML posso utilizar como exemplo a tag para definir um grupo de imagens personalizadas da minha editora, j no HTML necessrio que toda foto que ser inserida em um documento utilize a Tag pois em qualquer parte do mundo e qualquer navegador (Browser) interpreta esta tag como um contedo de imagem.


1. Importando um Arquivo XML. Voc pode importar arquivos XML vindo de diversas fontes como por exemplo um servidor offline, um servirdor online, um aplicativo editor de texto ou de planilhas e etc. A grande vantagem que independente de sua origem uma vez estruturado ele pode alimentar qualquer layout de Texto e Imagem no InDesign. Com algumas mudanas e surgimentos de novos mercados como as publicaes digitais atualmente a importao XML melhor utiulizada no InDesign para originar a importao de dados dinmi-cos no arquivo-pai, ou seja, o arquivo que ser utilizado para ser o arquivo mestre de todas as publicaes que utilizarem o contedo. Tendo o arquivo em mo v em Window>Utilities>Tags, voc ir abrir o Painel Tags na rea de trabalho e clicar no cone no top direita e clicar no comando> New Tags, escolha o arquivo XML que ir ser importado e clique em Ok. Aps isso todas as Tags que fazem parte da estrutura do XML importado ficaro listadas em ordem alfabtica no Painle Tags. Crie seu layout normalmente como se fosse diagramar uma publicao, aps criada a estrutura visual nas pginas com os Frames do InDesign voc pode conectar as Tags im-portadas com os respectivos campos que formaram o contedo, aps esta etapa v em View>Structure>View Structure, esta opo permite que voc visualize em seu canto esquerdo da rea de trabalho um painel que mostra todos os campos conectados do layout com alguma Tag do Painel Tags. Neste ponto o arquivo est pronto para receber o arquivo XML via o coman-do de importao no menu File. (note que no painel View>Structure Temos o comando Show Tagged Frames que permite mostrar todos os campos onde uma Tag foi atrelada com sua respectiva cor) Ento v em File>Import XML e traga o arquivo XML que j havia sido introduzido no Painel Tags, escolhe no painel de importao (Show Import Options) a opo Merge Content e clique em OK, o InDesign vai se encarregar de importar para cada campo do layout atrelado a uma Tag o contedo que esta marcado no arquivo XML e assim preenchendo automaticamente o layout.


2. Painel Structure e Painel Tags. Todo processo de importao e exportao de XML utiliza os paineis Structure e Tags. No Painel Structurte possvel gerenciar todos atributos dos campos e contedos ligados com XML, possvel trocar contedo de lugar , adicionar, retirar, olhar detalhes de cada contedo e muitas outras coisas. muito importante que voc tenha total controle da estrutura de seu XML atravs do Painel Structure, pois a ordem das Tags devem estar ligadas com a ordem do documento XML, resumindo o XML nada mais do que um contedo que esta etiquetado em uma ordem , mas que no layout pode estar diagramado de maneira distinta permitindo que se tenha uma total separao de formato, contedo e estilo. O Painel Tags Organiza as etiquetas importadas ou criadas no InDesign em ordem alfabtica para que voc possa atrelar aos formatos do layout, repare que toda vez que voc inicia um arquivo o Painel Tags ele sempre exibe uma tag de cor azul chamada Root, isto apenas uma definio do InDesign que pode ou no ser utilizada dessa forma, ou seja, se a Tag raiz de seu XML for outra voc ter que clicar nesta Tag Root e troca seu nome para o nome da Tag raiz de seu XML e certificar-se que toda estrutura de seu arquivo XML seja criada dentro desta Tag.


3. Adicionando Estilos de Texto. Uma vez que todo contedo foi introduzido e preencheu o layout da maneira especificada pelo atrelamento das Tags e Frames possvel tam-bm criar um vnculo entre as Tags importadas com estilos de Characther e Paragraph do InDesign. Para isto v ao menu Structure e no cone do topo a direita clique para visualizar o menu suspenso, no menu selecione Map Tag to Styles, surge uma janela que permite que voc faa o vinclo manu-lamente estilo por estilo ou se suas Tags e seus estilos possuem os mesmos nomes voc pode utilizar o boto Map by Name e o InDesign automtica-mente vincla cada Tag com seu respectivo estilo.


4. Exportando um Arquivo XML. Outra forma de trabalhar com o XML no InDesign fazer o processo reverso, ou seja, Taggear um arquivo de InDesign campo a campo do Lay-out, definir uma ordem no Painel Structure e exportar um arquivo XML para que possa ser inserido a um banco de dados offline, um banco de dados online, um aplicativo editor de texto ou planilha e etc. Lembre-se que neste caso se voc taggear imagens ao longo de seu arquivo elas sero exporta-das em uma pasta separada e dentro do arquivo XML ter o link para cada imagem. Muitas pessoas precisam deste tipo de processo pois os bancos de dados ou qualquer outro documento pode ser alimentado por um con-tedo que originalmente foi criado no InDesign e pode muito bem ser usado para alimentar um site ou um sistema de informaes.


5. Find/Change para troca de Tags. Este um recurso poderoso do InDesign para diversas tarefas e o XML tambm pode aproveit-lo para otimizar sua produo. Imagine que voc tenha uma documento totalmente Taggeado e que est pronto para ser exportanto, e voc descobre que uma Tag est errada ou que preciso substituir uma Tag por outra de validade em um banco de dados externo, para isso a ferramenta Find/Change pode ser muito til. V em Edit>Find/Change no campo Change Style clique para acessar a janela de troca de estilos de character ou de paragraph, na aba lateral o ltimo item o XML, basta escolher entre as Tags listadas a que voc deseja alterar para um determinado elemento e o InDesign se encarreg da troca.


Scripts.Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent clari-tatem insitam; est usus dynamicus.Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.


1. Instalando um Script Javascript. Para inserir um script javascript basta copi-lo e col-lo dentro da pasta javascript do InDesign. Para acessar a pasta basta ir ao Painel Script, Window>Utilities>Samples>Javascript e clique em cima da psta javascript com o boto direito, no MAC ir aparecer Reveal in Finder e no WIN vai aparacer Show Explorer ao clicar surge a janela com a pasta javascript basta dar um colar e o script ser adicionado ao InDesign automaticamente.


2. Rodando um Script. Para rodar um Script basta dar um duplo clique em cima do mesmo. No caso do Script Calendar Wizard ao acionar com o duplo clique ele abre uma janela de configurao de todos os parmetros para a construo de um calendrio ms a ms ou de um intervalo ao longo do ano ou de uma ano inteiro.


3. Gerenciamento de Estilos e Finalizao. O calendrio gerado pelo Script Calendar Wizard cria um arquivo, ou insere um calandrio dentro de uma rea em um arquivo e cria todo sua funcionalidade com Layers, Tables, Estilos Swatches, sendo assim todo sua configurao automtica para todos os meses, basta editar um estilo e todos os meses contendo aquele estilo sero alterados.


Grep StylesSe voc j utilizou a linha de comando Find/Change no InDesign atravs da aba Texto, voc vai ampliar muito sua capacidade de busca/troca us-ando a aba Grep, isto ocorre pelo fato de a abra Grep permitir diversas expresses de busca que a aba Texto no consegue realizar. Para uma verificao imediata basta clicar no boto @ de ambas as abas e verifi-car como na aba Grep h algumas linhas a mais que levam a vrios itens novos. O aprendizado de busca/troca tem alguns nveis de alcance, em pri-meiro lugar como dito antes se voc j sabe utilizar o boto @ permite que voc utilize de modo primrio alguns expresses de busca/troca, se voc j visitou o Help (Help>Indesign Help) no tpico text>FindChange voc encontra uma tabela com todos os cdigos que permitem criar expresses na aba texto e na aba Grep. Com o auxilio desta tabela fica mais fcil compreender o que cada cdigo pode fazer e tambm interpretar cdigos de expresses adquiridas em tutoriais em livros ou internet, com o passar do tempo utilizando estas expresses e memorizando voc capaz de criar suas prprias expresses de acordo com sua necessidade, portanto no se aflije e respeite sua evoluo ao longo da necessidade de sua produo.

Tcnicas de Automao de Contedo

T T


1. GREP Styles Pelo Comando Finde/Change V em Edit>Find/Change e escola a segunda aba Grep para ter aces-so aos comandos. note que a primeira diferena com a aba Text pode ser notada clicando no boto @ e verificando um aumento no nmero de listas de comando que o Grep permite, e dessa forma permite criar busca/troca com mais detalhes que a aba Text. Outro fator interessante que a maioria dos comandos de Grep sempre se iniciam com ou com \ e que o uso de ( ) permite que se isole determinados trechos das buscas para que tenha a mudana em uma ou mais partes separadas ao longo do trecho buscado. No exemplo a seguir vamos fazer a busca/troca de um trecho de palavras entre parnteses e trocar o estilo aplicado ao grupo. Para isso no Campo Find: colocaremos a expresso \(.+\) que busca: Abrir paranteses segudo de qualquer dgito uma ou mais vezes repetidas fecha paranteses. Ao clicar no boto Find o InDesign ir selecionar qualquer campo de carac-teres que esto entre paranteses incluindo os parenteses. Depois no campo Change Format atribumos um novo Character Stye ou Paragraph Style e clicando no boto Change o Estilo dos caracteres selecionados mudaro sem afetar o contedo escrito no intervalo.


2. Grep Styles Dentro de Estilos de Pargrafo. A partir do CS4 foi introduzida a ferramenta Grep dentro do estilo de pargrafo permitindo atribuir automaes com uso de estilo. Ao criar um es-tilo e configur-lo na aba Grep interna temos um campo para a insero de um Character Style e de uma funo Grep. Voc pode colocar somatria de funes Grep dentro de um mesmo estilo para isso basta apenas clicar no boto inferior New Grep Style. Claro que desta forma no utilizamos o Grep como no comando Find/Change para busca e troca , mas sim para definir um determinada alterao quando aplicado o estilo em um bloco de texto. O exemplo que vemos aqui utiliza a varivel de condio or (Smbolo Grep | ) Imagine que temos um bloco de texto onde ser aplicado um determi-nado paragraph style mas que toda primeira palavra dos pargrafos deste bloco sero em negrito, podemos ento usar no campo character style do Grep um estilo para definir o negrito e no campo abaixo especificar com o comando| quais palavras sero afetadas por este character style dentro daquele pragraph style, portanto no campo da expresso podemos indicar as palavras separando-as com o smbolo |.


Text VariableText Variable um item inserido no documento que varia de acordo com o contexto. O InDesign j traz em seu painel uma srie de variveis que podem simplesmente serem utilizadas ou se voc preferir voc pode criar suas prprias variveis dependendo de sua necessidade. Muitas variveis permitem um bom trabalho quando inseridas nas pginas mestras permitin-do assim um bom controle do contedo. A mairoria das variveis permitem a incluso de texto antes e depois da varivel, desta forma muitas configu-raes so possveis. Os tipos pr-definidos de variveis so: Nmero de captulo, Data de criao, Data de modificao e Data de sada, Formato da data, Nome do arquivo, Incluir caminho de pasta completo, Incluir ex-tenso de arquivo, Nome da imagem, Nmero da ltima pgina, Cabea-lho corrido e Texto personalizado.


1. Aplicando Text Variable em nmero de captulos. A varivel de captulo (Chapter Number) pode ser aplicada em uma pgina-mestra de um nico arquivo ou pode ser aplicada a vrios arquivos usando o Book. Voc pode colocar mais de uma varivel de texto de um mesmo tipo dentro de um documento do InDesign, por exemplo, no caso da utilizao de um varivel de captulo voc pode utilizar uma varivel para definir Capitlo 1 e outra varivel de captulo para defnir Cap.1. Para inserir v em Type>Text Variable>Insert Variable. Ao clicar um nmero 1 adicionado a sua master page indicando a automao atribuida. Para que voc coloque um prefixo ou sufixo que acompanhe o nmero do captulo v em Type>Text Variable>Define e na janela que surge defina um texto no campo Text Before para um texto vir antes da numero de captulo e em Text After para adicionar um texto aps a numerao. Para a utilizao em um arquivo Book, aps a importao de todos arquivos .indd que faro parte e escolha um dos arquivos para ser o arquivo que contenha o Text Variable e mantenha o Indicador de Style and Source tikado neste arqui-vo. Ao utilizar o comando no menu do Book, Update Chapter & Numbers o InDesign ir aplicar a Text Variable Chapter Number em todos arquivos do Book.


2. Usando Text Variable para insero de data de sida. Outra forma de utilizao que permite variar a data do projeto no rodap ou em qualquer ponto de um PDF, desta forma voc permite que o InDesign atualize a data do projeto que sair na impresso. Para aplic-lo v em Type>Text Variable>Insert Variable>Creation Date. Para adicionar um texto antes da data e um texto aps a data clique primeiro em Type>Text Variable>Define escolha a varivel Creation Date e clique em Edit, preencha os campos Text Before e Text After.


3. Definido um Text Variable personalizado. Outra forma de utilizar o Text Variable criar verses das variveis pr-definidas e salvar como um Preset novo. V em Type>Text Variable>De-fine, clique no boto>New, na paleta escolha o nome de sua varivel e es-colha o tipo de varivel que ela se enquadra. Todo Text Variable que voc cria fica armazanado no arquivo .indd que voc salvou, voc pode reutilizar um Text Variable criado em um novo arquivo .indd, para isso basta entrar em Type>Text Variable>Define e clique no boto Load, escolha o arquivo .indd que contenha a varivel que voc quer reutilizar clique em OK e a varivel far parte do seu novo arquivo .indd.


Cross-ReferenceInserir Cross-Reference em um documento permite que se crie ncoras de uma parte de um documento a outra parte do mesmo documento, um exem-plo simples e prtico quando ao longo do texto voc coloca entre aspas o nmero da pgina onde se encontra a fotografia ou ilustrao referente aquele trecho do texto. Uma Cross Reference pode ter 2 destinos: um Para-graph Style ou um Anchor Text, que j entra no domnio dos Hiperlinks. Para criar uma Cross Reference, Menu Window > Text > Cross Reference. Para criar uma Cross Reference, coloca-se o cursor onde pretende introduzir o marcador (source cross-reference) clique no boto Create New Cross-Ref-erence. Se houver um texto selecionado, este substitudo pelo marcador.


1. Aplicando Cross-Reference com Paragraph Style. Para aplicar um Cross-Reference a partir de uma Paragraph Style preciso colocar o cursor de texto onde se deseja a incluso da referncia cruzada, aps isso clique no menu do Painel Hiperlinks/Cross-Reference> Insert Cross-Reference, surge uma janela onde voc pode configurar qual documento do InDesign a referncia estar associada e a qual estilo de pargrafo, ao selecionar o estilo de pargrafo uma lista ao lado exibida com todos os termos que esto associados aquele estilo, basta escolher para qual dos termos a referncia cruzada indica e clicar em Ok, desta forma surge no ponto que voc escolheu a referncia cruzada para aquele determinado trecho ou para outro arquivo .indd. A referncia cruzada criada a partir do Paragraph Style pode ser usada tanto para texto como para im-agens, quando voc quiser atribuir a uma imagem basta que esta imagem tenha uma legenda com Paragraph Style aplicado, cria-se a referncia cru-zada ligada a legenda que automticamente levar a imagem escolhida.


2. Aplicando Cross-Reference com Text Anchor. Outra forma de aplicar um Cross-Reference liga-lo a uma ncora de Texto, da mesma forma que na ligao com estilos, posicione o cursor em um ponto de texto e cliqeu no menu Hiperlinks/Cross-Reference> Insert Cross-Reference no campo Link To escolha> Text Anchor a aba abaixo vai mostrar o campo para escolha do arquivo .indd de origem e o campo Text Anchor, aqui ser listado os text anchor que voc crou anteriormente a apli-cao da referncia cruzada


Ferramentas de Alternate Layout.As ferramentas para construo de layout alternativo so: Ferramenta Page Size; Ferramenta Content Collector; Ferramenta Content Placer; Painel Liq-uid Layout; Comando Create Alternate Layout. Este conjunto de ferramentas permite que se tranporte contedo entre pginas e arquivos, e que se crie layouts variados com contedo linkado e estilos separados por pastas. Com estas ferramentas possvel criar verses de formatos para um mesmo con-tedo adaptado para diferentes formatos e diferentes mdias.

TT

T

T

T


1. Page Tool. A ferramenta Page Tool se encontra no primeiro mdulo da ferramen-ta tools. Ao pression-la surge uma moldura editvel em volta de toda a rea da pgina, esta moldura editvel que permite se atribuir mudanas de formato a pgina e com Liquid Layout aos objetos da pgina tambm. Ao selecionar uma das pontas editveis da ferramenta com o mouse podemos mover livremente pelo Pasteboard, se pressionarmos junto a tecla Alt/Option a pgina modificar para o novo tamanho que voc criou alterando o forma-to original da pgina.


2. Edit Page Size. Juntamente com a Ferramenta Page Tool ns podemos utilizar a Fer-ramenta Edit Page Size localizada no rodap do Painel Pages, ao lado da ferramenta de criao de pginas. A Ferramenta Edit Page Size permite que se modifique o formato de uma pgina para um formato especfico (como o A4 por exemplo) ou para um formato Custom que voc pode definir suas medidas e nome. Quando utilizado o formato custom uma janela secundria se abre permitindo que se insira o nome do novo formato criado e suas me-didas ao pressionar o boto Add o formato criado passa a fazer parte dos formatos pr-criados pelo InDesign.


3. Content Collector e Content Placer. Outra ferramenta que pode ser utilizada para alterao de formato a Conten Collector e a Content Placer , mas aqui o foco fica no contedo, diferente da ferramenta page tool. A Content Collector quando clicada abre um container posicionado na parte inferior da tela, onde possivel , tem-porariamente, armazenar contedos que esto em uma pgina para outra pgina do mesmo documento ou para pginas em outros documentos, ele permite que voc faa um Place dinmico e com Link fazendo com que o contedo sempre esteja linkado ao contedo inicial. Com a Content Collec-tor possvel copiar itens separados, grupos de itens, pginas completas e at mesmo itens do Pasteboard. possvel tambm copiar textos linkados (Tread Text) como um nico conjunto de textos usando o item Collect All Treadead Frames. J a Content Placer permite que voc cole o contedo armazenado em outras pginas ou outros arquivos, ao fazer a escolha de onde ser colado basta inserir com um clique para inserir com o mesmo tamanho do original ou voc pode arrastar o mouse e segurar o boto para fazer uma redimensionamento da rea. Ao incorporar o contedo em um novo espao voc pode pedir que o InDesign mantenha links de vncu-los como o objeto original, para que caso seu contedo seja modificado, a modificao ocorrer em todos os vinclos copiados e tambm permite que se mapeie e copie os estilos para que as cpias mantenha as caractersti-cas iniciais de estilo.


4. Liquid Layout. Esta ferramenta pode ser utilizada junto com a ferramenta Page Tool, a Liquid Layout permite que ao editar o formato de uma pgina voc possa atribuir condies para que o contedo tambm se redimensione ou au-to-ajuste para o novo formato. A ferramenta trabalha com 4 opes de red-imensionamento de contedo so elas: Scale; Re-Center; Guided Based e Object Based, cada uma destas funes permitem ajuste de parmetros que auxiliam no transporte do contedo para novos formatos. Sem dvida das quatro opes a mais completa a Object Based pois permite que se atribua parmetros objeto por objeto desta forma permitindo um controle muito maior das opes de autodimesinamento. Com o Painel Liquid Lay-out ou diretamente com a ferramente Page Tool ao selecionar o item Object Based,o InDesign habilita a possibilidade de Autofit para o objeto seleciona-do, Resize de Altura e Largura do Objeto e o Pin que so os parmetros de fixao dos pontos (Topo, Rodap, Direita e Esquerda) do objeto para que ao se modificar o tamanho da pgina o objecto no sai da posio fixada. O uso primrio dessa ferramenta se deve ao fato da necessidade, hoje, de se leiautar a verso Horizontal e Vertical para as pginas de publicaes digi-tais no formato Folio, mas possvle usar os benefcios do Liquid Layout pra qualquer tipo de sada do InDesign facilitando o reuso de uma diagramao em outra posio ou formato.


5. Create Alternate Layout. Aps a definio e testes com a ferramenta Liquid Layout o comando Create Alternate Layout se encarrega de fazer a confeco do novo layout sem que se perca o layout anterior em que foi baseado. Com o comando possvel manter em um mesmo arquivo de InDesign diversos layouts para sadas de mesma mdia, isso facilita a adaptao dos formatos para os dif-erentes dispositivos em uma mesma mdia. Para cada layout construido com o comando o Painel Pages vai criando uma nova Coluna de Layout com o nome que voc especificou, esta organizao no comeo pode ser um pou-co confusa pois no documento as pginas so mostradas uma embaixo das outras mesmo tendo tamanhos e orientaes diferentes, mas no Painel Pages eles sempres aparecero uma ao lado da outra, coluna por coluna, para cada nova pgina que voc cria ela fica armazenada na coluna de seu formato logo abaixo da pgina anterior. O comando tambm cria as pgi-nas mestras de cada formato que foi feito assim a qualquer momento voc pode utilizar todos recursos de Master Pages definidos para cada formato presente no arquivo.


Tipos de Exportao 04Exportao PDF Print Os avanos do InDesign em suas ltimas verses tm se concentrado principalmente nas sadas para produtos digitais, mas isso no quer dizer que o formato promissor e principal no seja mais o PDF para impresso. Os processos de impresso tambm vem evoluindo nos ltimos anos e permitin-do inovaes, impressoras digitais e nanogrficas esto surgindo e permitin-do que se alcance volumes de impresso siginificativos como do tradicional Off-Set com a vantagem de permitirem o uso de dados variveis entregando impresses de alta qualidade e customizao de contedo. As novas ferra-mentas como a Content Collector/Content Placer e Liquid Layout no devem ser olhadas como exclusivas das publicaes digitais, elas tambm permitem que se varie formatos para impressos e agilidade em produo de cam-panhas e produtos fsicos. A nova verso do Acrobat Pro (Hoje na XI) continua evoluindo e permitindo que automaes, importaes e exportaes de PDF se conectem com os mais diversos sistemas de impresso e processamen-tos de impressos. A sada de arquivo utilizando o formato Book (.inb) hoje uma realidade consolidada na indstria grfica, no apenas uma inovao, permite que equipes distantes alimentem uma publicao ou um trabalho de produo de mquinas e ambientes diferentes e no final resultando em um nico PDF Print at mesmo imposicionado (Usando o comando Print Booklet ou sistemas similares). H mais de 15 anos foi estabelecida a norma ISO 15930-1:2006, ou mais conhecida como PDF/X. Em constante evoluo a nor-ma j conta com as verses PDF/X-1, PDF/X1-A, PDF/X-2, PDF/X-3, PDF/X-4 e a PDF/X-5. Para cada numerao da norma as mudanas de possibilidades para transparncias, permisso de espectro de cores RGB e LAB permitem inovaes e qualidades dificilmente alcanadas em tempos anteriores.


1. PDF/X-3, PDF/X-4 e PDF/X-5. Aqui temos um infogrfico que demonstra as principais difrenas entre os formatos existentes de PDF/X. O PDF/X 1-A sem dvida o for-mato mais utilizado, mas novas fbricas e novos equipamentos vem imple-mentando os novos formatos devido as mudanas naturais de processos e workflows.


2. Web-To-Print. Um segmento que vem crescendo muito na indstria a possibili-dade de impresso sob demanda pelo processo Web-To-Print, trata-se de um processo automatizado que permite atender milhares de usurios espal-hados no mundo por um sistema on line via internet conectado a um pro-cesso de impresso, mais conhecido como On Demand. A Xerox criadora do Xmpie um produto que foi lanado para trabalhar em unio ao InDesign, hoje tem um processo web-to-print muito eficiente atravs de um aplicativo on line chamado UStore que permite a criao de todo um processo web-to-print para implementao em grficas como equipamentos de impresso digital. Abaixo temos a pgina do Xmpie na web.


2. Print Fine Art. O segmento de Fine Art foi inaugurado pelo mercado fotogrfico Dig-ital, na busca de melhores impresses foi desenvolvida uma tcnica de-nominada Gicle, que permite impresses da alta qualidade somando a eficincia dos softwares de tratamento, quantidade de cores de impresso e papis especiais que podem ser confeccionados at mesmo em puro algodo. Hoje o mercado de Fine Art j possui diversos adeptos e tambm atende a reproduo de obras de arte e pinturas digitais.


Contedo + Interatividade.Para cada tipo de exportao o InDesign possue ferramentas especficas que auxiliam no desnvolvimento e finalizao dos arquivos. Algumas ferramentas participam de uma ou mais exportaes pela necessidade do memso tipo de contedo. A seguir vemos um infogrfico dos tipos de exportao e suas ferramentas, nas pginas seguintes aprofundado o uso de cada uma delas e o passo-a-passo para chegar a sada de cada tipo de exportao.

PDF Interactive

Painel MediaPainel HiperlinksPainel ButtonsPainel TransitionsPainel BookmarksPainel PreviewToc

Painel MediaPainel HiperlinksPainel ButtonsPainel Object StateFolio OverlaysInsert HTMLLiquid LayoutFolio Builder

* O arquivo SWF pode ser reim-portado para um arquivo PDF Interactive

* Permite incor-porar CSS e Javas-cript externo

* Permite incor-porar CSS ex-terno. Javascript externo somente na verso 3.0

Painel MediaPainel HiperlinksPainel ButtonsPainel TransitionsPainel BookmarksPainel PreviewPainel AnimationPainel TimingPainel Object StateToc

Painel MediaPainel HiperlinksPainel ArticleAncoragemObjetc Export Export Tagging

Painel MediaPainel HiperlinksPainel ArticleAncoragemObjetc Export Export TaggingTocFootnote

SWF e FLA HTML5 EPUB FOLIO


Ferramentas PDF Interactive.Ao utilizar o InDesign para exportao PDF Interactive, v em Workspace>In-tercative for PDF, esta ao abre em seu InDesign todos os painis que podem inserir interatividade em um PDF. Os painis so: Page Transitions; Hyperlinks; Bookmarks; Buttons and Forms; Media; SWF Preview e Sample Buttons and Forms. possvel tambm inserir um arquivo SWF pelo coman-do File>Place ou pelo Painel Media. Voc pode utilizar o Flash ou o prprio InDesign para criar um arquivo SWF. Outro fator importante ao utilizar a ex-portao PDF Interactive que voc pode criar dois tipos de documento:1 - PDF com intent print com insero de interatividade - Esta formatao permite que o usurio final veja o PDF em sua tela do computador e que tambm imprima (escolhendo se inclui a interatividade ou no). 2 - PDF com intent web com insero de interatividade- Esta formatao leva em considerao as medidas de telas em pixel e usa os diversos atrib-utos interativos para que o usurio final visualize apenas em seu computa-dor sem a necessidade de imprimir.


1. Workspace PDF Interactive. O InDesign traz alguns Workspaces pr-definidos para organizao da rea de trabalho, desde o CS4 foi includo o Workspace Interactive fo PDF que exibe os painis bsicos mais os painis que permitem adicionar interatividade vlida em um exportao PDF.


2. Painel Media. O Painel Media permite que voc importe Audio e Video para um ar-quivo do InDesign, o nico processo que permite a introduo de Audios e Videos. Para insero basta clicar no cone no rodap do lado direito do Painel e uma janela de insero abre permitindo a busca de um arquivo lo-cal. A Adobe indica o formato MP3 para os Audios e MP4 (com compresso H264) para os Vdeos. Para insero de videos na Web o InDesign permite que se conecte uma URL de um video no formato .flv. A insero de Audio s aparece no Painel SWF Preview se voc estiver usando botes ou Auto play (para tocar automaticamente). A Insero de video permite que se uti-lize controles em cima do video ou que se crie botes para control-lo.


3. Painel Buttons and Forms. O Painel Buttons no CS6 passou a se chamar Buttons and Forms pois o InDesign a partir desta verso permite que voc crie, edite e exporte um formulrio dentro de um arquivo PDF Interativo, porm a distribuio deste formulrio depende do uso do Acrobat Pro para prepar-lo para o envio a uma lista de e-mails e contatos. O Painel Button permite que voc habilite aes a um boto e que voc planeje o layout dos trs principais estados de um boto: Normal; Rollover; Click, dessa forma voc pode alterar contorno, preenchimento e texto de cada estado de cada boto criado.


4. Painel Hiperlinks. O Painel Hiperlinks permite que voc crie diversos tipos de conexo de elementos interna e externamente, sendo que a ligao de Link para web atravs de URL e o link entre pginas de um mesmo arquivo como o comando Page so as mais utilizadas. Voc ainda pode configurar aes que utilizem a paleta Hiperlinks e comunho com a paleta Cross-Reference. Para a aplicao de um item basta selecion-lo na rea do arquivo e clicar no menu no topo direito do painel> New Hiperlink abre-se uma janela de configurao que permite que se escolha o tipo de vnculo e estilo do vncu-lo.


5. Painel Bookmarks. O Painel Bookmars permite que se crie um Sumrio interativo a partir de uma ligao de ncora (anchor) de um texto, objeto e imagem constante em uma pgina. As ncoras criadas com o Painel vo alimentar o coman-do Bookmarks no Adobe Acrobat Pro e Reader e permitir que se tenha um ndice na aba lateral do visualizador de PDF. Se voc utilizar a ferramenta TOC (Table Of Contents) para gerar um sumrio para o corpo do seu docu-mento voc pode deixar configurado para que o InDesign utilize o mesmo contedo para criar o Bookmarks automaticamente dispensando o uso do Painel.


6. Painel Page Transitions. O InDesign assim como o PowerPoint e o KeyNote possui uma ferra-menta para adicionar transio de pgina. Este Painel contm alguns Pre-sets j configurados para a utilizao. Todos podem ser utilizados menos o Page Transitions>Page Turn que s pode ser utilizado na exportao SWF. Voc pode aplicar o Page Transition individualmente nas pginas ou clican-do no cone no rodap direito voc aplica o mesmo Page Transition para todas as pginas do documento.


8. Importao SWF. O PDF Interativo nativamente no aceita os Painis destinados a an-imao e sobreposio de objetos, porm ele aceita a insero de arqui-vos SWF (Apenas para visualizadores Acrobat Desktop) primeiramente os profissionais passaram a criar animaes no prprio Flash e introduzir no InDesign, mas o prprio InDesign permite que voc use as ferramentas de animao e exporta um SWF para ser importado em um documento. Portan-to necessrio que voc crie um arquivo com a dimenso exata do espao que voc quer colocar no documento que vai se tornar o PDF Interativo. Para a insero use o Painel Media e importe o SWF como um arquivo de video escolha a funo Autoplay e na funo Poster> Select Actual Frame.


Worflow PDF Interactive.

1.FormatoDoc ou

Presentation

2.Template 3.Media eButtons

4.Forms 5.Bookmarks e Transitions

5. Preview


1. Determinando o Tipo e Formato. V em File> Newe Document escolha o Intent Print para criar um PDF Interativo que manter o formato de impresso ou escolha Intent Web para o PDF Interativo que ter o formato de uma apresentao para monitores ou Dispositivos Mveis. Para o PDF com Intent Print o uso de grid de colunas fica a critrio do seu tipo de documento, para o PDF com Intent Web o grid de coluna pode ser mudado para 12 colunas com 12 pixels de largura de gutter. As margens tambm diferem de um Intent para o outro pois no caso do Intent Web no h necessidade de margens Left e Right pois possvel colocar o Adobe Reader em modo Full Screen e aproveitar toda tela.


2. Layout Esttico. Como primeira tarefa mantenha a construo de seu arquivo como se fosse uma publicao impressa, ou seja, se preocupe com a disposio dos elementos para preencher a pgina a interatividade ser inserida depois. Lembre-se que para PDF Interativo do tipo Document voc deve manter o Intent Print e para o PDF Interativo do tipo Presentation voc pode utilizar o Intent Web. Quando utilizar o PDF Interativo para apresentaoes que sero vistas no Desktop voc pode utilizar um Grid System para auxiliar na criao do design. (Link no Capitulo Extras).


3. Inserido Interatividade. Aps definir as reas de contedo preciso inserir os espaos onde ocorreram interatividades, a principal caracterstica de layout interativos que eles permitem onde teria espao para uma determinado contedo em um impresso ampliar estas reas com sobreposies informaes externas com links, reas de Audio e Video. Anlise seu documento e veja os cam-pos que se tornaro hieprlinks, selecione-o v at o Painel Hiperlinks clique no menu e escolha> New hiperlink, na janela seguinte que abrir escolha no campo Link To: URL e no campo abaixo Destination escolha URL insira o endereo web que voc quer abrir com o link e mantenha o item Shared Hiperlink Destination.


4. Criando e Inserindo um arquivo SWF. Voc pode inserir um arquivo SWF em um arquivo que ser exporta-do como PDF Interativo e voc pode utilizar o prprio InDesign para cri-lo. Para isso voc deve criar um arquivo .indd separado de seu arquivo PDF, neste arquivo voc pode utilizar todos os painis que j utilizou no PDF Inter-ativo e usar os Painis Animation, Timing e Object States que permitem in-teratividades que s funcionam em um arquivo exportado como SWF. Aps a insero de Interatividade voc deve export-lo como SWF. Este arquivo SWF agora pode ser incorporado ao arquivo .indd que ser um PDF Intera-tivo, para isso utilize o Painel Media e importe o SWF como se fosse um ar-quivo de video, aplique o comando Play on Page Load e no Poster>Current Frame e basta exportar o arquivo como PDF Interativo e no Adobe Reader verificar o funcionamento de um arquivo SWF.


5. Exportando como PDF Interactive. V em File>Export escolha um nome para o projeto e no campo Tipo de Formato> PDF Interactive, uma janela de configurao surge, defina a quantidade pginas, se o arquivo ser visualizado automaticamente a exportao o modo de apresentao das pginas e a incluso de intera-tividades, page transitions e formulrios, h um campo destinado a com-presso das imagens e um boto>Security para insero de senha para abertura ou controle de edio, clique em OK e seu arquivo PDF Interactive ser exportado.


Finalizao e Fechamento PDF Interactive. Aps a construo do arquivo com a arte e a interatividade che-gado o momento de finalizar e exportar o arquivo PDF Interativo. Vamos em File> Export surge uma janela que permite a adio do nome que voc vai definir para o arquivo e na parte inferior no campo Tipo de Formato> Escol-ha PDF Interactive, ao trmino clique em OK e uma pequena janela surge na tela. a seguir os campos de configurao e suas opes:

File>Export Permitequevocdefi-na o nome do arquivo e o tipo de formatao de sida.

Janela> Export Page - Permite exporta todas as pginas ou escolher uma ou inter-valo. Pages/Spread - Para exportar uma pgina emabixo da outra ou es-pelhadas. View After Exporting - Quando selecionado abre o programa padro de visualizao automticamente. Embed Page Thumbnails - Quando selecionado permite incor-porar as miniaturas das pginas. Create Acrobat Layers - Quan-


do selecionado permite a visualizao de camadas do Acrobat. View - Permite a escolha do modo de visualizao no Acrobat. Layout - Permite a escolha do modo que as pginas vo aparecer no Acrobat. Presentation Open in Full Screen Mode - Quando escolhido permite abrir em tela cheia automtico no Acrobat. Flip Page Every - Quando escolhido permite indicar os segundos de intervalo para a virada de pgina automtica. Page Transition - Permite escolher um tipo de animao entre as vira-das de pgina (Page Flip apenas para SWF). Forms and Media - Permite habilitar ou no os formulrios, audios, videos do documento na exportao. Tagged PDF - Permite criar uma estrutura lgica para ser utilizada pelo Acrobat Pro. Image Handling - Permite a compresso e troca de resoluo de ima-gens JPG para otimizar a exportao. Security - Permite a incluso de senhas para bloqueio de acesso inicial eacessodeedioemodficiaodocontedododocumentoexportado.


Ferramentas SWF e FLA.Quando foi adicionada esta exportao na verso CS5 o SWF ainda tinha um peso grande como plugin para os browsers, porm com a chegada dos Tablets e Smartphones modernos e a negao do iOs para o formato (segui-do hoje pelo sistema Android e Windows Phone) tornou a exportao SWF algo interessante apenas para browsers desktops e consequentemente algo no interessante para o mercado atual, porm ainda h uma utilidade para a exportao SWF, a incluso de animaoes SWF dentro de um PDF Interac-tivo. Voc pode utilizar o prprio InDesign para criar um arquivo que utiliza as ferramentas de animao, utilizar a exportao para SWF e reimportar o arquivo, atravs do Painel Media, para o arquivo que ser exportado como PDF Interactive. Caso voc exporte este arquivo com a extenso FLA, per-mite que voc abra este arquivo no prprio Flash e produza uma animao com mais recursos e aes e tambm reimporta-la para um arquivo PDF Interactive. As ferramentas utilizada no InDesign para SWF e FLA so:Painel Animation - Permite utilizar Presets de animaes e animao a par-tir de um path desenhado. possvel estabelecer uma srie de configu-raes para melhor atender a ideia de seu projeto.Painel Timing - Permite ordenar e agrupar elementos animados de uma pgina, possvel estabelecer ordem de disparo das animaes e quais animaes vo ocorrer simultneamente e quais vo ocorrer em intervalos (Delay) determinados.Painel Object States - Permite criar reas interativas com camadas (States) muito utilizado para criar Slideshows mas pode ser muito interessante para aumentar o nmero de contedo em uma nica pgina empilhando fotos, textos, audio e videos. Painel Media - Permite importar o arquivo SWF como um contedo animado para outros arquivos .indd em especial para o PDF Interactive.


1. Workspace Digital Publishing. No workspace digital publishing so adicionado os painis que per-mitem animaes e sobreposies de contedo, estes painis permitem ampliar as possibilidades das exportaes de SWF e FOLIO principalmente. O painel Liquid Layout tambm faz parte deste workspace e aps a insta-lao do Plugin Folio Producer adicionado os painis Folio Overlays e Folio Builder.


2. Painis PDF Interacative. Todos os painis que j foram utilizados no workspace PDF Inter-active tambm faro parte do workspace digital publishing e todas suas funes tambm adicionam interatividades em SWF, HTML, EPUB e FOLI-OS.


3. Painel Animation. O painel Animation permite que voc use animaes baseadas em Actionscript dentro do InDesign. Voc pode utilizar modelos prontos de an-imaes acessando o item>Preset e pode tambm transformar qualquer Path vetorial selecionado junto a um objeto com a ferramenta>Convert Mo-tion Path localizada no rodap do painel a direita. No painel animation voc controla tempo, eventos, efeitos, rotaes, localizao e direo para um objeto animado.


4. Painel Timing. Aps voc ter criado uma ou mais animaes que possuem disparo automtico ao carregar a pgina voc pode utilizar o painel Timing para definir a ordem de disparo destas animaes bem como definir quais sero disparadas primeiro e quais sero disparadas juntas (utilizando a corrente no rodap do painel), voc ainda pode definir um tempo de Delay para au-mentar ou diminuir o tempo de disparo entre as animaes ou grupos de animaes.


5. Painel Object States. O Painel Object States permite a criao de contedo sobreposto em camadas, para isso voc deve selecionar dois ou mais objetos (Textos, vetores ou Bitmaps) e clicar no menu em> New Object State, feito isso o item Object Name permite colocar um nome ao objeto e logo abaixo surge a lista em camadas acessvel de cada item pertencente ao Object State. Para que voc possa acessar as camadas preciso a utilizao de botes com as aes que interagem com States (PDF e SWF) para ter a exibio au-tomtica como um slideshow de cada State voc pode utilizar o item Slide-show no Painel Folio Overlays (Somente para FOLIO).


6. Painel Page Transition - Page Turn. A exportao SWF permite que se aplique o item Page Turn do painel page transition que permite o efeito de transio de pgina imitando a vira-da de pgina como de um impresso. Quando aplicado e importado como SWF em um PDF Interativo seu funcionamento mantido.


Workflow SWF e FLA.

1.Formato 2.Template 3.Media 4.Animation 5.ObjectState

5. Preview


1. Formato. Para as produes destinadas a exportao SWF e FLA o formato varia de acordo com a rea de insero deste documento em um outro doc-umento como PDF , HTML e etc. Como o formato Flash est se dissociando do formato de publicao devido a falta de suporte ao formato nos novos sistemas de Tablets e Mobiles, seu melhor uso hoje fica para insero em PDF Interativos.


2. Layout Esttico. Assim como em qualquer outro formato interativo, defina o layout es-ttico do projeto de acordo com as regras bsicas do design grfico do projeto como um todo e aps inicie a colocao de reas interativas, no caso do SWF como j se utiliza o painel Object States lembre-se que a quantidade de contedo x a rea de contedo aumenta consideravelmente por pgina devido a possibilidade de empilhar em States vrios elementos.


3. Inserindo Interatividade para arquivos SWF. A insero de interatividade no SWF conta com todos os painis do workspace PDF Interactive e os Painis do workspace Digital Publishing (menos o painel Folio Overlays), mas lembre que ao importar Audio e Video em um arquivo que ser exportado como SWF criada uma pasta separada do arquivo contendo o Audio e Video, no ocorre aqui como no PDF Intera-tivo que empacota todo contedo dentro de um nico arquivo PDF. Como o formato Flash vem sendo substituido por HTML5 ele uma boa opo para a publicao de animaes de objetos enquanto os novos softwares Adobe no so incorporados na Sute.


4. Exportando no formato SWF e FLA. A exportao SWF conta com uma janela com opes muito sem-elhantes a do PDF Interactive, porm te malgumas opes a mais como a possibilidade de embutir fontes utilizadas no projeto, definir se o SWF ser incorporado dentro de um HTML, aumentar e diminuir as propores do arquivo, definir a quantidade frames por segundo e comprimir imagens JPG e PNG. Se a exportao for como SWF voc tem o arquivo final de publicao, se a exportao for como FLA voc tem um arquivo que pode ser incorporado no Flash, porm ao import-lo o contedo que aparece no Stage ser todo rasterizado o que acaba por no ter muita ultilidade, mas todo contedo adicionado a bilioteca do Flash facilitando seu reuso, mas uma nova animao deve ser feita no Flash, o que ainda uma vantagem pois a possibilidade de ferramentas e recursos de Actions e at mesmo a converso para JavaScript (veja o captulo Extras) permite uma boa troca de contedos entre formatos.


5. Importando em um arquivo InDesign ou Flash. Com o SWF em mos e sendo um SWF que no contenha Audio e Video podemos aplic-lo a um arquivo InDesign que vai se tornar um PDF Interactivo ou incorporar a um arquivo FLA do Flash podendo convert-lo em vrios formatos de sada. Com as mudanas que os Sistemas Opera-cionais de Tablets que no incluem o SWF, o processo de publicao pelo Flash est cada vez mais preso aos prprios softwares Adobe ou a soft-wares que convertam SWF para sadas HTML5. A importao no InDesign se d via Painel Media permitindo sua exportao apenas no PDF Ineterati-vo ou em um HTML para Browsers Desktop, e a insero ao Flash se d via File>Import.


Finalizao e Fechamento SWF e FLA Para a exportao SWF v em File>Export e escolha o tipo de forma-to> SWF. Lembre-se que ao utilizar Audio e Video na exportao SWF eles sero exportados em uma pasta anexada por Links ao documento SWF o que acaba por invalidar este formato como um formato final de publicao (Isso no InDEsign). A exportao FLA segue o mesmo procedimento porm uma exportao para que se inclua o contedo no Flash sem a neces-sidade de importao pelo comando import, porm esta facilidade s aproveitada para manter os arquivos j na biblioteca do Flash, pois no Stage (a rea de animao do Flash) o contedo mostrado agurpada e at ras-terizado como imagem.


Na aba General voc configura as pginas que sero exportadas, se as interatividades sero exportadas e a dimenso do arquivo.


Aba advanced permite alterar a quantidade de frames/segundo da animao e como os textos sero exportados, tambm mostra as fontes que esto sendo embutidas na exportao.


Ferramentas HTML5.Na ltima verso o InDesign incorporou a exportao HTML5 e tambm o comando Insert HTML que permite incorporar (Embeded) contedos j publicados na Internet como videos do Youtube, mapas do Google Maps e qualquer outro contedo de texto, imagem e audio. Muitos acham a esta exportao falha ou imcompleta, porm preciso entender quais benefcios ela pode trazer ao seu fluxo de produo. preciso entender que todo documento HTML um documento que segue um fluxo contnuo com ele-mentos dispostos em linhas uma embaixo da outra, ou seja, a disposio natural de um arquivo HTML de um Texto, que contm links e ncoras para outros textos ou outras regies de um texto, porm quando a web comeou , l para o meios da dcada de 90, para que fosse possvel a diagramao deste contedo utilizando a rea de maneira mais parecida com um impres-so foi utilizado Tabelas para permitir que se

Documents

InDesign Publica iPadAndroid