Guia do Usuário Cancelar

Exportar conteúdo como HTML5

Saiba como exportar uma página, uma página espalhada ou um objeto selecionado para o formato HTML5.

Exporte um documento do InDesign para HTML5 para garantir compatibilidade entre plataformas e oferecer suporte a conteúdo interativo avançado, maior engajamento do usuário e acessibilidade. Também melhora o SEO e o desempenho da página da Web. Ao exportar conteúdo para HTML5, é possível controlar como o texto é exportado.

Exportar pacote HTML5

  1. Selecione Arquivo > Exportar.

  2. Selecione HTML5 em Salvar como tipo (Windows) ou Formato (macOS).

  3. Selecione Usar o nome do documento do InDesign como nome do arquivo de saída se quiser usar o mesmo nome de arquivo. Depois, selecione Salvar.

  4. Selecione Tags de texto HTML ou Tags HTML SVG de acordo com sua exigência na caixa de diálogo Exportar pacote HTML5. Para copiar fontes, selecione  Copiar fontes (exceto as ativadas no Adobe Fonts) . Inclui fontes CJK.

    Caixa de diálogo Exportar pacote HTML5
    Agora você pode exportar seu documento do InDesign como um pacote HTML5.

  5. Selecione Exportar.

Exportar para HTML5: propriedades principais aplicadas a partir da caixa de diálogo Publish Online 

Título

Este valor será usado para nomear a pasta exportada.

Descrição

Não exportado.

Páginas

Definido na caixa de diálogo Publish Online. Todas as páginas serão incluídas se exportar diretamente de Arquivo > Exportar > HTML5.

Exportar como

  • Único: cada página é exportada como um arquivo HTML individual, cada um vinculado a index.html principal.
  • Páginas espalhadas: cada página espelhada é exportada como um único arquivo HTML, vinculado a index.html principal.

Habilitar proteção por senha

Não aplicável.

Miniatura da capa

As miniaturas estão incluídas no pacote HTML5.

Configurações de imagem

As configurações da caixa de diálogo Publish Online serão aplicadas.

Baixar configurações de PDF

Não aplicável.

Mais configurações

Não aplicável.

Google Analytics

Se uma tag do Google Analytics for incluída na caixa de diálogo Publish Online, ela será adicionada ao arquivo index.html na exportação para HTML5. Ao hospedar as páginas em seu site, certifique-se de obter o consentimento do usuário por meio de um banner de cookie, se necessário.

Correções rápidas para resolver problemas de renderização HTML5

  • Se você usou a opção Tags de texto HTML, certifique-se de selecionar a opção Copiar fontes durante a exportação.
  • Se você selecionou a opção Copiar fontes, verifique se o problema ainda é causado por uma fonte ausente. Experimente a opção Tags HTML SVG para confirmar se é um problema de fonte.
  • Se realmente for um problema de fonte e sua opção Tags HTML SVG parecer ótima, verifique se as fontes que você usou no documento do InDesign foram exportadas e colocadas na pasta de fontes do pacote. Caso contrário, talvez seja necessário copiar e colocar as fontes na pasta manualmente. 
  • Se, após inserir as fontes, o problema persistir, entre em contato com a equipe de suporte ao cliente.
Observação:

O uso de fontes em um site deve estar em conformidade com os termos da sua licença de fonte. Fontes de auto-hospedagem para um site podem exigir uma licença separada.

Diferença entre pacote HTML5 e HTML (legado)

O pacote HTML5 tem como objetivo imitar o layout do arquivo InDesign na saída HTML5 desde o início. Por outro lado, HTML (legado) é uma abordagem de baixo para cima para criar HTML a partir de um arquivo do InDesign e tem semelhanças de layout limitadas com o arquivo original.

Problemas conhecidos

  • Efeitos como sombra, desfoque etc. para texto não são exportados corretamente.

Solução alternativa: selecione Tags HTML SVG em vez de Tags de texto HTML para exportar texto.

Veja também

Tem alguma dúvida ou sugestão?

Pergunte à comunidade

Se você tiver alguma dúvida ou sugestão para compartilhar, venha participar da Comunidade do Adobe InDesign. Adoraríamos ver suas criações e ouvir o que você tem a dizer.

Receba ajuda com mais rapidez e facilidade

Novo usuário?