Exportar conteúdo para HTML | CS6 e CS5.5

Exportar para HTML é uma forma fácil de obter o conteúdo do InDesign em formato pronto para a web. Ao exportar conteúdo para HTML, é 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 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 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 principal (a menos que tenham sido substituídos ou selecionados antes da exportação).

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.

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

Opções gerais

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

Determina se apenas os itens selecionados ou se o documento inteiro será exportado. Se um quadro de texto for selecionado, toda a matéria que contenha texto com excesso 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 principal 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.

é 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.) Consulte 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 Inclui artigos para exportação.

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

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.

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

Converte as listas numeradas em itens de lista, que são formatados em HTML usando a marca de formatação <ol>.

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

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

Inicie o navegador, se houver.

Opções da imagem

especifique como as imagens serão exportadas para HTML.

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

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

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.

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

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.

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.

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

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

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.

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 pontilhado (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.

Determina a compensação entre a compactação (para tamanhos menores de arquivo) e a qualidade de imagem para cada imagem JPEG criada. A opção Baixo produz arquivos menores e menor qualidade de imagem.

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.

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

Opções avançadas

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

Cascading Style Sheets (CSS) é 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.

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.

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

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.

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

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.

Veja também

Criar e publicar eBooks, folhetos, panfletos, cartões-postais, pôsteres, layouts de página interativos e muito mais no Adobe InDesign.