Vincular um conjunto de amostras a uma página da Web

Depois de publicar um Conjunto de amostras, você pode usar seu URL ou código incorporado em seu site ou aplicativo. Em seguida, é possível implantar o URL ou o código incorporado conforme necessário para que os usuários possam visualizar o Conjunto de amostras no seu site ou aplicativo.

OBSERVAÇÃO

O URL não fica ativo até que você publique o ativo.

Copiando um URL de conjunto de amostras

  1. No painel Navegação de ativos , na lista suspensa Mostrar , clique em Conjunto de amostras.

  2. no painel Biblioteca de ativos, à esquerda, navegue até a pasta de ativos que contém o Conjunto de amostras cujo código incorporado você deseja copiar.

  3. Acima do painel Navegação de ativos , no lado direito da barra de ferramentas, execute um dos seguintes procedimentos:

    • Clique em Exibição de Grade. No painel Navegação de ativos, clique duas vezes em um único ativo para abri-lo na Exibição de detalhes. No painel URLs e Código incorporado à direita, clique em Copiar URL à direita do visualizador desejado.

    • Clique em Exibição de Grade. No painel Navegação de ativos, selecione um único ativo e, em seguida, abaixo da imagem em miniatura, clique em Visualizar > Lista de visualizadores.

      Na página Lista de visualizadores , na coluna Ações da tabela, clique em Copiar URL.

    • Clique em Exibição de lista. No painel Navegação de ativos, selecione um único ativo e, à direita da imagem em miniatura, clique em Visualizar > Lista de visualizadores.

      Na página Lista de visualizadores , na coluna Ações da tabela, clique em Copiar URL.

    • Clique em Exibição de Grade, Exibição de Lista ou Exibição de Detalhes. Na mesma barra de ferramentas, clique em Visualizar > Lista de visualizadores.

      Na página Lista de visualizadores , na coluna Ações da tabela, clique em Copiar URL.

Adicionar URLs de conjuntos de amostras à sua página da Web

A maneira mais comum de implantar Conjuntos de amostras é colocar um link (por meio de um ícone de navegação) na página da Web. Quando clicado, o link inicia uma página dinâmica (ASP ou JSP) que exibe o Conjunto de amostras em uma janela de zoom pop-up. O link de zoom abre uma janela pop-up que contém o recurso de zoom real.

Para obter detalhes adicionais e exemplos de código, consulte Incorporando Visualizador de Zoom HTML5 no Guia de Referência de Visualizadores do Adobe.

Copiando o código incorporado de um visualizador de Conjunto de amostras

Usar o recurso Incorporar código permite que você revise o código do visualizador para o Conjunto de amostras selecionado. Você também pode copiar o código para a área de transferência, de modo que possa colá-lo em suas páginas da Web para a implantação do visualizador. A edição do código não é permitida na caixa de diálogo Incorporar código.

Para copiar o código incorporado de um visualizador de Conjunto de amostras

  1. No painel Navegação de ativos , na lista suspensa Mostrar , clique em Conjunto de amostras.

  2. no painel Biblioteca de ativos, à esquerda, navegue até a pasta de ativos que contém o Conjunto de amostras cujo código incorporado você deseja copiar.

  3. Acima do painel Navegação de ativos , no lado direito da barra de ferramentas, execute um dos seguintes procedimentos:

    • Clique em Exibição de Grade. No painel Navegação de ativos, clique duas vezes em um único ativo para abri-lo na Exibição de detalhes. No painel URLs e Código incorporado à direita, clique em Código incorporado à direita do visualizador desejado.

    • Clique em Exibição de Grade. No painel Navegação de ativos, selecione um único ativo e, em seguida, abaixo da imagem em miniatura, clique em Visualizar > Lista de visualizadores.

      Na página Lista de visualizadores , na coluna Ações da tabela, clique em Incorporar código.

    • Clique em Exibição de lista. No painel Navegação de ativos, selecione um único ativo e, à direita da imagem em miniatura, clique em Visualizar > Lista de visualizadores.

      Na página Lista de visualizadores , na coluna Ações da tabela, clique em Incorporar código.

    • Clique em Exibição de Grade, Exibição de Lista ou Exibição de Detalhes. Na mesma barra de ferramentas, clique em Visualizar > Lista de visualizadores.

      Na página Lista de visualizadores , na coluna Ações da tabela, clique em Incorporar código.

  4. Na caixa de diálogo Incorporar código , clique em Copiar para a área de transferência.

    A edição do código não é permitida na caixa de diálogo Incorporar código .

  5. Clique em Fechar.

Nesta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now