Guia do Usuário Cancelar

Exportar conteúdo como HTML5

  1. Guia do Usuário do InDesign
  2. Conheça o InDesign
    1. Introdução ao InDesign
      1. Novidades no InDesign
      2. Requisitos de sistema
      3. Perguntas comuns
      4. Usar Bibliotecas da Creative Cloud
    2. Área de trabalho
      1. Noções básicas sobre a área de trabalho
      2. Barra de tarefas contextual
      3. Personalizar seu espaço de trabalho no InDesign
      4. Caixa de ferramentas
      5. Definir preferências
      6. Painel Propriedades
      7. Área de trabalho sensível ao toque
      8. Atalhos de teclado padrão
      9. Desfazer edições e gerenciar painel Histórico
      10. Recuperar documentos e desfazer
    3. IA generativa (não disponível na China continental)
      1. Texto para imagem
      2. Expansão generativa
      3. Gerar efeito no InDesign (Beta)
      4. Perguntas frequentes sobre IA generativa
  3. Criar e definir o layout de documentos
    1. Documentos e páginas
      1. Criar documentos
      2. Trabalhar com páginas principais
      3. Trabalhar com as páginas do documento
      4. Definir o tamanho, margens e sangria da página
      5. Trabalhar com arquivos e modelos
      6. Converter PDFs em arquivos do InDesign no InDesign (Beta)
      7. Criar arquivos de livro
      8. Adicionar numeração de páginas básica
      9. Numerar páginas, capítulos e seções
      10. Converter documentos do QuarkXPress e do PageMaker
      11. Compartilhar conteúdo
      12. Entender um fluxo de trabalho básico de arquivos gerenciados
      13. Salvar documentos
    2. Grades
      1. Grades
      2. Formatar grades
    3. Auxílios para layout
      1. Réguas
      2. Alinhar e distribuir objetos usando réguas
      3. Medir objetos usando a ferramenta Medir
  4. Adicionar conteúdo
    1. Texto
      1. Adicionar texto a quadros
      2. Encadeamento de texto
      3. Scripts austro-asiáticos
      4. Recursos em árabe e hebraico no InDesign
      5. Criar texto em um traçado
      6. Marcadores e numeração
      7. Inserir MathML para criar expressões matemáticas
      8. Glifos e caracteres especiais
      9. Composição de texto
      10. Variáveis de texto
      11. Gerar códigos QR
      12. Editar texto
      13. Alinhar texto
      14. Aplicar texto em contorno ao redor de objetos
      15. Objetos ancorados
      16. Conteúdo vinculado
      17. Formatar parágrafos
      18. Formatar caracteres
    2. Tipografia
      1. Como usar fontes no InDesign
      2. Kerning e tracking
      3. Dimensionar e inclinar o texto
      4. Aplicar efeitos de cor ao texto
    3. Formatar textos
      1. Formatar textos
      2. Estilo de texto automático
      3. Trabalhar com pacotes de estilo
      4. Tabulações e recuos
    4. Revisar texto
      1. Monitorar e revisar alterações
      2. Adicionar notas editoriais no InDesign
      3. Importar comentários do PDF
    5. Dicionários de verificação ortográfica e de idiomas
      1. Verificar ortografia, correção automática e ortografia dinâmica
      2. Criar, adicionar e gerenciar dicionários e palavras
      3. Alterar as preferências de dicionário
      4. Dicionário Duden
    6. Adicionar referências
      1. Criar sumário
      2. Notas de rodapé
      3. Criar um índice
      4. Notas de fim
      5. Legendas
    7. Os estilos
      1. Estilos de parágrafo e de caractere
      2. Mapear, exportar e gerenciar estilos
      3. Estilos de objeto
      4. Capitulares e estilos aninhados
      5. Trabalhar com estilos
      6. Entrelinha
    8. Tabelas
      1. Formatar tabelas
      2. Criar tabelas
      3. Estilos de tabelas e células
      4. Selecionar e editar tabelas
      5. Bordas e preenchimentos de tabelas
    9. Interatividade
      1. Hiperlinks
      2. Documentos PDF dinâmicos
      3. Marcadores
      4. Botões
      5. Formulários
      6. Animação
      7. Referências cruzadas
      8. Estruturar PDFs
      9. Transições de página
      10. Filmes e sons
    10. Gráficos
      1. Entender caminhos e formas
      2. Desenhar com a ferramenta Lápis
      3. Desenhar com a ferramenta Caneta
      4. Aplicar configurações de linha (traçado) 
      5. Formas e caminhos compostos
      6. Editar caminhos
      7. Traçados de recorte
      8. Alterar a aparência do canto
      9. Quadros e objetos
      10. Alinhar e distribuir objetos
      11. Gráficos vinculados e incorporados
      12. Integrar o AEM Assets
    11. Cor e transparência
      1. Aplicar cor
      2. Usar cores de gráficos importados
      3. Trabalhar com amostras
      4. Misturar tintas
      5. Tons
      6. Cores especiais e de escala
      7. Misturar cores
      8. Gradientes
      9. Nivelar arte transparente
      10. Adicionar efeitos de transparência
  5. Localizar e substituir
    1. Localizar e substituir texto
    2. Localizar e substituir fontes
    3. Localizar e substituir glifos
    4. Localizar e substituir usando expressões e consultas GREP
    5. Localizar e substituir objetos
    6. Localizar e substituir cores
    7. Opções de pesquisa para localizar e substituir
  6. Compartilhar
    1. Salvar e acessar documentos na nuvem
    2. Organizar, gerenciar e compartilhar documentos na nuvem
    3. Exibir e gerenciar versões dos documentos na nuvem
    4. Perguntas comuns sobre documentos na nuvem do InDesign
    5. InCopy na Web (Beta)
    6. Compartilhar e colaborar        
    7. Compartilhar para revisão
    8. Revisar um documento compartilhado do InDesign
    9. Gerenciar feedback
    10. Convidar para editar
  7. Exportar, importar e publicar
    1. Inserir, exportar e publicar
      1. Publicar online
      2. Painel do Publish Online
      3. Copiar e inserir gráficos
      4. Exportar para Adobe Express
      5. Exportar conteúdo para EPUB
      6. Opções do Adobe PDF
      7. Exportar para HTML5
      8. Exportar conteúdo para HTML (legado)
      9. Exportar para Adobe PDF
      10. Exportar para o formato JPEG ou PNG
      11. Importar arquivos SVG
      12. Formatos de arquivo com suporte
      13. Exportar e importar configurações do usuário
    2. Impressão
      1. Imprimir livretos
      2. Marcas da impressora e sangrias
      3. Imprimir documentos
      4. Tintas, separação e frequência de tela
      5. Superimposição
      6. Criar arquivos PostScript e EPS
      7. Comprovar arquivos antes da entrega
      8. Imprimir miniaturas e documentos superdimensionados
      9. Preparar PDFs para prestadores de serviços
      10. Preparar para impressão de separações
  8. Estender InDesign
    1. Automação
      1. Mesclagem de dados
      2. Plug-ins
      3. Usar a extensão do Capture no InDesign
      4. Scripts
  9. Solução de problemas
    1. Problemas corrigidos
    2. Problemas conhecidos
    3. Falha na inicialização
    4. Problema de somente leitura na pasta Preferências
    5. Solucionar problemas de arquivo
    6. Não é possível exportar o arquivo do InDesign para PDF
    7. Recuperação de documentos do InDesign

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.

  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?