Exportar para XHTML é uma forma fácil de obter o conteúdo do InDesign em formato pronto para a web. Ao exportar conteúdo para XHTML, é possível controlar como o texto e as imagens serão exportados. O InDesign preserva os nomes dos estilos de parágrafo, caractere, objeto, tabela e célula aplicados ao conteúdo exportado marcando o conteúdo HTML com classes de estilo CSS com o mesmo nome. Com o Adobe Dreamweaver ou qualquer editor de HTML compatível com CSS, é possível aplicar formatação e layout rapidamente ao conteúdo.

O que é exportado

O InDesign exporta todas as matérias, gráficos vinculados e incorporados, arquivos de filme SWF, notas de rodapé, variáveis de texto (como texto), listas com marcadores e numeradas, referências cruzadas internas e hiperlinks que saltam para um texto ou para páginas da Web. As tabelas também são exportadas, mas certos tipos de formatação como, por exemplo, traçados de tabela e de células, não são exportados. As tabelas recebem IDs exclusivas para referência como conjuntos de dados Spry no Dreamweaver. O áudio e os arquivos de vídeo h.264 inseridos são delimitados em marcas de formatação HTML5 de <áudio> e <vídeo>.

O que não é exportado

O InDesign não exporta objetos desenhados (como retângulos, elipses e polígonos), hiperlinks (exceto links para páginas da web e links aplicados ao texto que saltam para âncoras de texto no mesmo documento), objetos colados (incluindo imagens coladas do Illustrator), texto convertido em contorno, marcas de formatação XML, livros, marcadores, glyphlets SING, transições de página, marcadores de índice, objetos na área de trabalho que não estão selecionados nem tocam na página ou itens de página-mestre (a menos que tenham sido substituídos ou selecionados antes da exportação).

  1. Caso você não esteja exportando o documento completo, selecione os quadros de texto, o intervalo de texto, as células da tabela ou os gráficos que deseja exportar.
  2. Escolha Arquivo > Exportar e selecionar HTML na lista Salvar Como Tipo.
  3. Especifique o nome e o local do documento HTML e clique em Salvar.
  4. Na caixa de diálogo Opções de exportação de HTML, especifique as opções desejadas nas áreas Geral, Imagens e Avançado e clique em OK.

Um documento com o nome especificado e extensão .html (por exemplo, “boletim.html”) é criado, e uma subpasta de imagens da Web (como “boletim-Web-images"), se especificada, é salva no mesmo local.

Opções de exportação de HTML

Na caixa de diálogo HTML, especifique as seguintes opções.

Opções gerais

A área Geral inclui as seguintes opções.

Exportação

Determina se apenas os itens selecionados ou se o documento inteiro será exportado. Se um quadro de texto for selecionado, toda a matéria — incluindo o texto com excesso de tipos — será exportada.

Se 'Documento' for selecionado, todos os itens de página de todas as páginas espelhadas serão exportados, com exceção de itens de página-mestre que não foram substituídos e itens de página em camadas invisíveis. Marcas de formatação XML e índices e sumários gerados também são ignorados.

Ordem / organização de conteúdo

É possível especificar a ordem de leitura dos objetos na página.

Com base no layout da página

A localização dos itens na página determina a ordem de leitura.

Se Com base no layout da página for selecionado, o InDesign determinará a ordem de leitura dos objetos da página procurando da esquerda para a direita e de cima para baixo. Em algumas ocorrências, especialmente em documentos complexos com várias colunas, os elementos de design podem não ser exibidos na ordem de leitura desejada. Use o Dreamweaver para reorganizar e formatar o conteúdo.

(Apenas para versões asiáticas) Se Com base no layout da página for selecionado, o InDesign determinará o ordem de leitura dos objetos da página de acordo com a encadernação do documento (da esquerda para a direita ou da direita para a esquerda). Em algumas ocorrências, especialmente em documentos complexos com várias colunas, os elementos de design exportados podem não ser exibidos na ordem de leitura desejada. Use o Dreamweaver para reorganizar e formatar o conteúdo.

Igual à estrutura XML

Se Mesmo que estrutura XML for selecionado, o painel Estrutura XML controlará a ordenação do conteúdo exportado e a seleção de conteúdo para exportação. Se o conteúdo já estiver com marcas de formatação, bastará que você arraste as marcações no painel Estrutura XML para definir a ordem de Exportação XHTML. Se o conteúdo não estiver marcado, você poderá escolher Adicionar itens sem marcas de formatação, no menu do painel Estrutura, para gerar marcas de formatação que podem ser reordenadas. Se não quiser que um item seja incluído na exportação, bastará excluir a marca de formatação no painel Estrutura XML. (A exclusão da marca de formatação não provoca a exclusão do conteúdo do arquivo INDD.) Consultar Inserir marcas de formatação em itens de página.

Igual ao painel Artigos

A ordem dos elementos no painel Artigos determina a ordem de leitura. Somente os artigos marcados são exportados. Consulte Incluir artigos para exportação.

Margem

Especifique uma margem simples em EMs ou pixels. Especificar margens em EMs é melhor para obter compatibilidade em várias telas. O mesmo valor em EMs é aplicado a todas as margens: superior, inferior, esquerda e direita.

Marcadores

Selecione 'Mapear para lista desordenada' para converter parágrafos de marcador em itens de lista, que são formatados em HTML usando a marca de formatação <ul>. Selecione 'Converter em texto' para formatar usando a marca de formatação <p> com os caracteres do marcador como texto. Se você tiver usado marcadores automáticos nativos InDesign, os submarcadores também serão incluídos.

Números

Determina como os números são convertidos no arquivo HTML. Se você tiver usado numeradores automáticos nativos InDesign, os submarcadores também serão incluídos

Mapear para a lista ordenada

Converte listas numeradas em Itens de lista, formatados em HTML usando a tag <ol>.

Mapear para a lista ordenada estática

Converte as listas numeradas em itens de lista, mas designa um atributo <value> com base no número atual do parágrafo no InDesign.

Converter em texto

Converte as listas numeradas em parágrafos que iniciam com o número do parágrafo atual como texto.

Exibir HTML após exportação

Inicie o navegador, se houver.

Opções da imagem

Copiar imagens

Especifique como as imagens serão exportadas para HTML.

Original

Exporta a imagem original para a subpasta “<document_name>-web-images”. Quando esta opção é selecionada, as outras opções ficam esmaecidas.

Otimizada

Permite alterar as configurações para determinar como a imagem é exportada.

Vincular ao caminho do servidor

Em vez de exportar imagens para uma subpasta, essa opção permite inserir um URL local (como, por exemplo, “imagens/”) que será exibido à frente do arquivo de imagem. No código HTML, o atributo do vínculo exibe o caminho e a extensão especificada. Essa opção é especialmente eficaz quando você está convertendo imagens em imagens compatíveis com a Web.

Preservar aparência do layout

Marque para herdar os atributos do objeto de imagem do layout.

Resolução (ppi)

Especifique a resolução das imagens em pixels por polegada (ppi). Os sistemas operacionais têm a resolução padrão de 72 ppi ou 96 ppi. Porém, a resolução dos dispositivos móveis varia de 132 ppi (iPad) a 172 ppi (Sony Reader), para mais de 300 ppi (iPhone 4). Você pode especificar um valor de ppi para cada objeto selecionado. Os valores incluem 72, 96, 150 (média para todos os dispositivos ebook atuais) e 300.

Tamanho da imagem

Especifique se o tamanho da imagem deve permanecer fixo ou ser redimensionado de acordo com a página. 'Relativo ao tamanho da página' define um valor de porcentagem relativa com base no tamanho da imagem relativa à largura da página no InDesign. Essa opção faz a imagem ser redimensionada proporcionalmente, com relação à largura da área de leitura.

Alinhamento e espaçamento da imagem

Especifique o alinhamento da imagem, à esquerda, à direita, centralizado, espaço antes e espaço depois.

Configurações se aplicam aos objetos ancorados

Marque para aplicar essas configurações a todos os objetos ancorados.

Conversão de imagem

Permite escolher se as imagens otimizadas do documento serão convertidas em GIF, JPEG ou PNG. Escolha 'Automático' para deixar que o InDesign decida o formato a ser usado em cada ocorrência. Escolher PNG desativa as configurações de compactação de imagem.; use PNG para ter imagens sem perdas ou para imagens que incluem transparência.

Opções GIF (Paleta)

Permite controlar como o InDesign processará as cores ao otimizar arquivos GIF. O formato GIF usa uma paleta de cores limitada, que não pode exceder 256 cores.

Escolha 'Adaptável' para criar uma paleta com uma amostra representativa de cores do gráfico sem nenhum pontilhamento (mistura de pequenos pontos coloridos para simular outras cores). Escolha 'Web' para criar uma paleta de cores válidas para a Web que são um subconjunto das cores dos sistemas Windows e Mac OS. Escolha 'Sistema' (Win) ou 'Sistema' (Mac) para criar uma paleta usando o sistema interno de paleta de cores. Essa opção pode causar resultados inesperados.

Selecione 'Entrelaçar' para carregar as imagens progressivamente preenchendo as linhas ausentes. Se essa opção não estiver selecionada, a imagem parecerá sem nitidez e, pouco a pouco, clareará até atingir a resolução total.

Opções JPEG (Qualidade de imagem)

Determina a compensação entre a compactação (para tamanhos menores de arquivo) e a qualidade de imagem para cada imagem JPEG criada. 'Baixa' produz os menores arquivos com a qualidade de imagem mais baixa.

Opções JPEG (Método de formatação)

Determina a velocidade de exibição de gráficos JPEG quando o arquivo com a imagem é aberto na Web. Escolha 'Progressivo' para que as imagens JPEG sejam exibidas gradualmente e cada vez com mais detalhes durante o download. (Os arquivos criados com esta opção são um pouco maiores e necessitam de mais memória RAM para serem exibidos.) Escolha 'Linha de base' para fazer com que cada arquivo JPEG seja exibido apenas depois do download completo; um espaço reservado aparece no local até que o arquivo seja exibido.

Ignorar configurações de conversão do objeto

Ignora as 'Opções de exportação do objeto' aplicadas em imagens individuais. Consulte Aplicar opções de exportação de objetos.

Opções avançadas

Use a área Avançado para configurar as opções de CSS e JavaScript.

Opções de CSS

Cascading Style Sheets (CSS) são uma coleção de regras de formatação que controlam a aparência do conteúdo em uma página da Web. Quando você usa CSS para formatar uma página, o conteúdo é separado da apresentação. O conteúdo da página—o código HTML—reside no próprio arquivo HTML, enquanto as regras de CSS, que definem a apresentação do código, residem em outro arquivo (uma folha de estilos externa) ou no documento HTML (normalmente na seção Head). Por exemplo, você pode especificar diferentes tamanhos de fontes para o texto selecionado e pode usar CSS para controlar o formato e o posicionamento de elementos de bloco em uma página da Web.

CSS incorporado

Ao exportar para XHTML, é possível criar uma lista de estilos CSS para exibição na seção Head do arquivo HTML com declarações (atributos).

Se Incluir definições de estilo for selecionado, o InDesign tentará fazer a correspondência entre seus atributos da formatação de texto e os equivalentes em CSS. Se essa opção estiver desmarcada, o arquivo HTML conterá declarações vazias. Você poderá editar essas declarações posteriormente no Dreamweaver.

Se Preservar substituições locais estiver selecionado, a formatação local, como itálico ou negrito, será incluída.

Sem CSS

Selecionar esta opção omite a seção CSS do arquivo HTML.

CSS externo (CS5.5)

Especifique o URL da folha de estilos CSS existente, que normalmente é um URL relativo, como “/styles/style.css". O InDesign não verifica se o CSS existe ou é válido, portanto, será necessário usar o Dreamweaver para confirmar a configuração CSS externa.

CSS adicional (CS6)

Especifique o CSS usando o botão Adicionar folha de estilos.

Opções de JavaScript

Selecione 'Vínculo para JavaScript externo' para executar um JavaScript quando a página HTML for aberta. Especifique o URL do JavaScript, que normalmente é um URL relativo. O InDesign não verifica se o JavaScript existe ou é válido.

Esta obra está licenciada sob uma licença não adaptada da Creative Commons Attribution-Noncommercial-Share Alike 3.0  As publicações do Twitter™ e do Facebook não são cobertas pelos termos do Creative Commons.

Avisos legais   |   Política de privacidade online