Está visualizando o artigo correto?
Esse artigo se refere à Digital Publishing Suite. Para o artigo do AEM Mobile, consulte Hiperlinks.
Última atualização em
5 de mai de 2021
|
|
Você pode usar o painel Hiperlinks ou o painel Botões para criar links para sites, outros artigos e muito mais. Nem todas as ações de botão e tipos de hiperlink são compatíveis com fólios.
Há suporte a sobreposições de hiperlink em quadros com rolagem e apresentações de slides, mas não em outras sobreposições.
Tutorial de vídeo
Criação de links usando o painel Botões
Use o painel Botões para criar links para sites, para outra página ou para outro artigo.
Para obter melhores resultados, use o painel Botões em vez do painel Hiperlinks para criar links. O painel Botões é mais flexível e mais estável.
-
No InDesign, crie o objeto a ser usado como botão.
Por exemplo, se você quiser criar um botão para um site, crie um quadro de texto ou insira uma imagem.
-
Abra o painel Botões (Janela > Interativo > Botões), selecione o objeto e clique no ícone Converter objeto em botão.
-
Em Evento, selecione Ao soltar.
Ao soltar é o único evento de botão compatível.
-
Clique no sinal de + ao lado de Ação e selecione uma ação com suporte.
Ações de botão com suporte A. Ações com suporte de botões de hiperlinks B. Ações com suporte de botões de apresentações de slides
Ações de botão com suporte As ações de hiperlink com suporte incluem Ir para primeira página, Ir para última página, Ir para próxima página, Ir para página anterior, Ir para URL, Som, Vídeo, e Ir para página. As ações Ir para o próximo estado, Ir para o estado anterior e Ir para o estado são compatíveis com apresentações de slides.
Não use a ação Ir até o destino para ir até um artigo diferente. Em vez disso, use a ação Ir para URL com um formato “navto”. Consulte a seção relacionada mais adiante neste artigo.
-
Se desejar, acrescente mais ações de botão.
As ações são reproduzidas na sequência. Por exemplo, se a primeira ação reproduzir um vídeo e a segunda ação exibir um slide diferente, o vídeo será reproduzido e o slide será exibido.
-
Para alterar as configurações de hiperlinks, selecione o objeto de botão e especifique essas configurações no painel Folio Overlays:
Abrir no fólio
Mostra o conteúdo de uma exibição da Web no visualizador. Desmarque esta opção ao vincular a URLs como itms://, mailto: e tel:.
Abrir no navegador do dispositivo
Mostra o conteúdo fora do visualizador no navegador do dispositivo móvel, como o Safari para dispositivos móveis no iPad. Selecione Perguntar primeiro se quiser que um aviso apareça quando os usuários tocarem no link.
Criação de links usando o painel Hiperlinks
No InDesign, você pode usar o painel Hiperlinks para adicionar hiperlinks. Hiperlinks são especialmente úteis para texto. Caso queira usar um quadro como hiperlink, recomenda-se utilizar o painel Botões em vez do painel Hiperlinks. Os botões são mais versáteis e mais estáveis.
-
Selecione o quadro ou texto que deseja usar como hiperlink.
-
Abra o painel Hiperlinks (Janela > Interativo > Hiperlinks).
-
No painel Hiperlinks, selecione Novo hiperlink no menu.
-
Desmarque Destino compartilhado.
A opção Destino compartilhado permite que você nomeie e reutilize hiperlinks, mas é melhor evitar o uso dessa opção no fluxo de trabalho do DPS.
-
No menu Link para, especifique uma das opções abaixo e clique em OK:
URL
Tocar em um hiperlink de URL exibe uma página da Web (http://), um aplicativo App Store (itms://), um aplicativo Amazon Appstore (amzn://) ou um artigo diferente (navto://).
Exemplo: http://www.adobe.com
Ao criar links para sites, digite o URL completo, incluindo "http://".
Observação:ao criar links para um URL do iTunes, desmarque a opção Abrir no fólio no painel Folio Overlays. Do contrário, uma mensagem de erro “Não é possível abrir a página” será exibida quando o hiperlink for tocado. Da mesma maneira, se você usar um formato itms:// ou amzn:// para vincular a um aplicativo de loja, desative Abrir no fólio.
Um hiperlink navto:// leva a um artigo diferente ou a outra página no artigo. Digite navto:// seguido do nome do artigo como ele aparece no painel do Folio Builder. Use o valor Nome do artigo, não o valor Título do artigo. Se desejar incluir um número de página, adicione # e depois um número. Porém, lembre-se de que a primeira página é 0, portanto, adicionar #2 leva à página 3.
Exemplo: navto://newsarticle
Exemplo: navto://newsarticle#2 (vai para a página 3)
Email
Tocar em um hiperlink de Email inicia o aplicativo de email com o campo Para preenchido.
Página
Tocar em um hiperlink de Página faz com que uma página diferente do artigo seja acessada. Não use essa opção para ir até um artigo diferente.
O hiperlink Âncora de texto não é compatível.
-
Para alterar as configurações de hiperlinks, selecione os objetos de hiperlink e, em seguida, especifique essas configurações no painel Folio Overlays:
Abrir no fólio
Mostra o conteúdo de uma exibição da Web no visualizador. Desmarque esta opção ao vincular a URLs como itms://, mailto: e tel:.
Abrir no navegador de dispositivos
Mostra o conteúdo fora do visualizador no navegador do dispositivo móvel, como o Safari para dispositivos móveis no iPad. Selecione Perguntar primeiro se quiser que um aviso apareça quando os usuários tocarem no link. Essa opção estará desabilitada se a opção Abrir no fólio estiver marcada.
Observação:as configurações do painel Folio Overlays não estão disponíveis para hiperlinks de texto. Não é possível alterar as configurações para hiperlinks de texto. Elas estão definidas como Abrir no fólio por padrão. No entanto, o visualizador inclui exceções incorporadas para certos prefixos como itms://, tel: e mailto:. Para estes URLs, um aplicativo externo é aberto por padrão.
Para obter mais detalhes sobre a criação de hiperlinks, consulte Criação de hiperlinks na Ajuda da InDesign CS5/CS5.5.
Criação de links para outros artigos usando "navto"
Como os artigos de fólio são armazenados em um servidor, qualquer link que especifique um caminho para um arquivo do InDesign será desfeito quando for visualizado. Use o formato “navto” para criar links com outros artigos.
Ao criar um botão ou um hiperlink, é possível substituir “http://” por “navto://” no campo URL. Em seguida, especifique o nome do artigo de destino que aparece no painel do Folio Builder. Use o valor Nome do artigo, não o valor Título do artigo. Os formatos navto válidos incluem navto://[nomedoartigo] e navto://[nomedoartigo]#n. A inclusão de #n especifica um número de página. A primeira página de um documento é 0, portanto, se você especificar #2, o destino será a página 3.
Exemplos de navto:
navto://biking
navto://biking#2 (vai para a página 3 do artigo sobre ciclismo)
Observação:
se você tiver usado uma versão anterior das ferramentas para criar um link navto usando o nome de uma pasta ou o nome de um artigo que difere do nome do artigo de destino, os links serão quebrados. Para corrigir os links navto, você pode renomear o artigo (o nome, não o título) ou editar os links navto para apontar para o nome do artigo como ele aparece no painel do Folio Creator.
Criação de hiperlinks navto
A versão v30 apresenta novas opções relativas para navegação por artigos e páginas. Observe que só há suporte a formatos relativos navto na v30 ou em outros aplicativos mais recentes, mas você pode usar qualquer formato de fólio (v20 ou mais recente). Os links navto têm suporte nos visualizadores do iOS, Android e Windows Store, mas não no visualizador de desktop nem no visualizador da Web.
Você pode usar vários formatos navto://relative para ir para o artigo seguinte ou o anterior e para o primeiro ou o último artigo, ou para redefinir o fólio. Por exemplo, um botão com a ação navto://relative/first vai para o primeiro artigo do fólio. Os formatos válidos incluem first, last, next, previous, current e reset. Você também pode ir para um artigo específico com base na posição que ele ocupa no fólio, como o quinto artigo.
Exemplo: navto://relative/last (vai para o último artigo do fólio)
Exemplo: navto://relative/last#last (vai para a última página do último artigo do fólio)
Exemplo: navto://relative/4 (vai para o quinto artigo do fólio)
Exemplo: navto://relative/4#2 (vai para a terceira página do quinto artigo do fólio)
O formato "current" é especialmente útil para navegação por páginas. Além de #previous, #next, #first, #last, você pode ir para uma página específica, como #3 para ir para a página 4 do artigo.
Exemplo: navto://relative/current#previous (vai para a página anterior do artigo)
Exemplo: navto://relative/current#last (vai para a última página do artigo)
Exemplo: navto://relative/current#3 (vai a quarta página do artigo atual)
Use o formato navto para criar um botão que redefina o fólio.
Exemplo: navto://relative/reset (vai para o primeiro artigo e apaga todas as posições de leitura do artigo)
Em artigos com rolagem suave, você pode usar decimais ou porcentagens para ir a uma posição específica.
Exemplo: navto://myarticle#3.3 (vai para uma posição específica no artigo de rolagem suave que mostra a parte inferior da página 4 e a superior da página 5)
Exemplo: navto://myarticle#50% (vai para o meio do artigo de rolagem suave)
Para expandir os recursos navto, crie uma sobreposição de conteúdo da Web ou um artigo HTML que acessem a Reading API. Por exemplo, você pode consultar o fólio para obter informações como quantos artigos há no fólio e quantas páginas tem um artigo. Você pode então exibir essas informações ou usá-las de outro modo na sobreposição ou no artigo HTML. Para obter mais informações, consulte Novas APIs e recursos da R30, no Centro de desenvolvedores do DPS.
Criação de hiperlinks navto para artigos HTML
Quando você cria um hiperlink ou botão com base em URL, pode usar o URL “navto://” para ir até um artigo diferente. Navto é especialmente útil para ir até artigos HTML.
Ir para o artigo HTML
Digite navto:// seguido do nome do artigo HTML (não o título do artigo).
Exemplo: navto://newsarticle
Ir para uma âncora no artigo HTML
Não é possível ir para uma página específica em um artigo HTML, mas é possível ir para uma âncora digitando navto://[nomedoartigo]#[nomedaâncora].
Exemplo: navto://newsarticle#part4
Observação:
para definir uma âncora em um arquivo HTML, abra um arquivo HTML em um editor de texto. Navegue até o texto que você deseja que funcione como âncora e coloque-o entre tags âncora, como “Esta é parte 4 do artigo”.
Ir para um artigo do InDesign de um artigo HTML
Use o formato navto para criar um hiperlink de um artigo HTML até um artigo do InDesign. Exemplo:
<a href="navto://newsarticle">Veja o artigo sobre novidades</a>
Também é possível navegar para páginas em um artigo do InDesign adicionando o número da página depois do nome do documento. A primeira página do documento é 0, a segunda página é 1 e assim por diante. Exemplo:
<a href="navto://Cycling#3">Ir para a página 4 do artigo sobre ciclismo</a>
Ir de HTML para HTML
Use o formato “navto” para ir de um artigo HTML para outro usando o nome da pasta. Exemplo:
<a href="navto://newsarticle">Veja o artigo sobre novidades</a>
Criação de links goto para ícones personalizados
Você também pode criar botões que vão para a biblioteca, a lista de seções ou a última visualização (botão Voltar). É possível usar qualquer destes formatos goto:// em uma ação de botão:
goto://ApplicationViewState/library
goto://ApplicationViewState/sections
goto://FolioNavigation/lastview
Esses formatos goto:// não têm suporte no visualizador baseado em AIR para Android legado. Atualmente, há suporte apenas para os formatos "library" e "lastview" no visualizador Android nativo.
Se você tiver uma conta DPS Enterprise, poderá usar o formato goto para criar links de artigos para o conteúdo HTML associado a ícones personalizados. Por exemplo, use a DPS App Builder para especificar ícones personalizados para "Loja", "Ajuda" e "Termo". Esses botões aparecem na biblioteca do visualizador. Para criar um botão em um artigo que abre o conteúdo HTML para qualquer ícone personalizado, use o seguinte formato:
goto://ApplicationViewState/[rótulo]
Por exemplo, a ação do botão goto://ApplicationViewState/Store abriria a loja em HTML do mesmo modo que o toque no ícone personalizado Loja da biblioteca.
Use a DPS App Builder para criar ícones personalizados e especificar rótulos. Consulte Barra de navegação (somente Enterprise).
Os formatos “goto“ não funcionam quando eles são vinculados da biblioteca ou de um slot personalizado a outro slot personalizado. Em vez disso, use a API goToState. Consulte SDK de Biblioteca e Loja.
Links para itens na pasta Recursos HTML
É possível criar um hiperlink ou botão que exiba um arquivo HTML, imagem ou PDF local no navegador do aplicativo do visualizador.
-
Adicione uma pasta que contenha o arquivo HTML local à pasta HTMLResources.
Verifique se a pasta HTMLResources está incluída no fólio. Consulte Importar pasta HTMLResources.
-
Crie um link para exibir o arquivo HTML no navegador do aplicativo:
Documento de origem do InDesign
No campo URL, em um hiperlink ou no botão, insira o caminho sem http://, navto:// ou qualquer prefixo. Exemplo:
HTMLResources/Cartoons/train1.html
Artigo HTML
Em um artigo HTML, especifique o local. Exemplo:
<a href=”../HTMLResources/Cartoons/train1.html”>Veja a galeria de desenhos de trem</a>
Para fazer referência a uma imagem PNG, por exemplo, faça o seguinte:
<a href=”../HTMLResources/Cartoons/train2.png”>Veja a imagem do trem</a>
Sobreposição de conteúdo da Web
As sobreposições de conteúdo da Web são aninhadas em dois níveis mais profundos do que um artigo HTML. Exemplo:
<a href=”../../../HTMLResources/Cartoons/train1.html”>Veja a galeria de desenhos de trem</a>
Observação:para melhores resultados, evite espaços e caracteres especiais em suas pastas e arquivos em HTML. Se incluir um espaço em um nome de pasta ou de arquivo, use o código HTML apropriado para o caractere de espaço. Por exemplo, use “Cartoon%20Files” para uma pasta denominada “Cartoon Files”.
Criação de links para aplicativos e serviços externos
Você pode criar um link que envia mensagem de email (mailto:), mensagem de texto (SMS) ou liga para um número (tel:) de um artigo. Também pode criar links que abrem o aplicativo YouTube ou uma música ou álbum do iTunes. Para saber mais sobre os formatos necessários para utilização dos dispositivos iOS, consulte Apple URL Scheme Reference (Referência de esquema URL da Apple).
Para obter mais informações sobre criação de links avançados de email (mailto:), consulte o artigo de James Lockman Sending email and email attachments from DPS publications (Envio de email e anexos de email por publicações DPS, em inglês apenas).
Especificando um Esquema de URL Opcional ao usar a DPS App Builder para criar um aplicativo para iOS, você pode se conectar a esse aplicativo de outro aplicativo ou quando visualizado de uma página da Web no Safari móvel. Consulte o painel Detalhes do visualizador.
Observação:
sempre que criar um link para um aplicativo ou serviço externo, selecione o botão e escolha Abrir no navegador do dispositivo no painel Folio Overlays.
Adobe MAX:
a conferência da criatividade
14 a 16 de outubro, Miami Beach e online
Adobe MAX
A conferência da criatividade
14 a 16 de outubro, Miami Beach e online