Sobreposições de conteúdo da Web

A sobreposição Conteúdo da Web permite a exibição de uma página da Web em uma área de exibição. Os usuários podem ver o conteúdo da página da Web na área de exibição sem precisar exibir um navegador separado no aplicativo. É possível especificar um URL da Web ou um arquivo HTML local. Observe as seguintes questões:

  • Caso especifique um arquivo HTML local, certifique-se de que o arquivo .html e os arquivos e pastas associadas apareçam na mesma pasta. Quando o conteúdo do artigo é criado, o upload de todos os artigos na mesma pasta como extensão .html é feito. Sendo assim, coloque na pasta HTML somente os itens necessários. Por exemplo, se você adicionar o arquivo .html à pasta Documentos, o upload de todos os arquivos e subpastas em Documentos será feito.
  • No caso de qualquer URL que seja automaticamente redirecionado para um URL móvel, especifique o URL móvel (ex.: http://mobile.twitter.com/), não o URL original (ex.: http://twitter.com).
  • Se especificar uma animação HTML para uma sobreposição de conteúdo da Web, defina a Reprodução automática da sobreposição com um atraso mínimo (como 0,125 segundo) para garantir que a animação seja reproduzida adequadamente. A definição de um atraso evita a reprodução automática da sobreposição quando a página é pré-carregada na memória.
  • Na InDesign CS6 ou mais recente, você poderá usar o comando Inserir HTML para inserir o código de incorporação de um vídeo do YouTube. Para obter os melhores resultados, edite o código de incorporação do YouTube para que inclua “src=https://www.youtube.com”, em vez de “src=//www.youtube.com” (em inglês). Defina a Reprodução automática da sobreposição e adicione uma imagem de pôster na frente da sobreposição.  

Para criar uma sobreposição de conteúdo da Web:

  1. Siga um destes procedimentos:

    • Usando a ferramenta Retângulo ou Quadro de retângulo, arraste para criar o quadro que exibe o conteúdo da Web.

    • Insira uma imagem que funcione como um pôster para o conteúdo da Web.

  2. Selecione o quadro e escolha Conteúdo da Web no painel Overlays/Folio Overlays.

  3. Siga um destes procedimentos:

    • Para especificar um URL, digite ou cole o URL no campo Itens. Digite o URL completo, incluindo “http://.”

    • Para usar arquivos HTML locais, clique no ícone de pasta e especifique o arquivo HTML local. O arquivo HTML (como por exemplo index.html) deve aparecer em uma pasta que inclua todas as imagens e scripts usados no arquivo HTML.

  4. Especifique qualquer uma das opções a seguir:

    Reproduzir automaticamente

    Selecione essa opção para carregar a página da Web quando a página for carregada no dispositivo móvel. Também é possível especificar o número de segundos de atraso. Se o seu HTML de destino for uma animação a ser reproduzida, especifique um atraso mínimo.

    Fundo transparente

    Se essa opção for selecionada, o fundo transparente em uma página da Web é preservado. Os usuários podem ver através da transparência para exibir o conteúdo DPS em segundo plano. Se essa opção estiver desmarcada, o plano de fundo do conteúdo da Web será usado.

    Permitir a interação do usuário

    Se essa opção for selecionada, os usuários poderão interagir com a página da Web. Por exemplo, eles podem tocar em um hiperlink para pular para uma página diferente.

    Ajustar o conteúdo às dimensões

    Se essa opção for selecionada, a página da Web é dimensionada para ajustar-se ao tamanho especificado no arquivo da sobreposição. Se essa opção não for selecionada, a página da Web é exibida com o mesmo tamanho com que apareceria no navegador do dispositivo, e a página HTML pode ser cortada.

    Permitir acesso às informações de direitos

    Você pode criar uma sobreposição de conteúdo da Web que faça referência à Reading API para recursos como Camera API, Geolocation API, encartes digitais e calendários. (No painel Overlays, essa opção é chamada “Permitir acesso a APIs”.) Para saber mais detalhes, consulte Usar HTML e JavaScript para estender o DPS.

    Além de selecionar essa opção para a sobreposição, adicione uma API em JavaScript personalizada ao seu código HTML.

    Você também pode criar esse tipo de conteúdo em HTML condicional para um artigo HTML, em vez de uma sobreposição de conteúdo da Web. No caso de um artigo HTML, selecione "Permitir acesso a informações sobre direitos" no Editor do Folio Producer.

Receba ajuda com mais rapidez e facilidade

Novo usuário?