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

Última atualização em 2023-11-06
  • Criado para:
  • Intermediate
    User

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

OBSERVAÇÃO

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

Copiar um URL do conjunto de amostras

  1. No painel Navegar por ativos, na lista suspensa Mostrar, selecione Swatch Set.

  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 Navegar por ativos, no lado direito da barra de ferramentas, siga um destes procedimentos:

    • Selecionar Grid View. 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, selecione Copy URL à direita do visualizador desejado.

    • Selecionar Grid View. No painel Navegação de ativos, selecione um único ativo e, abaixo da imagem em miniatura, acesse Preview > Viewer List.

      Na página Lista do Visualizador, na coluna Ações da tabela, selecione Copy URL.

    • Selecionar List View. No painel Navegação de ativos, selecione um único ativo e, à direita da imagem em miniatura, vá para Preview > Viewer List.

      Na página Lista do Visualizador, na coluna Ações da tabela, selecione Copy URL.

    • Selecionar Grid View, List View ou Detail View. Na mesma barra de ferramentas, vá para Preview > Viewer List.

      Na página Lista do Visualizador, na coluna Ações da tabela, selecione Copy URL.

Adicionar URLs do conjunto de amostras à 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 selecionado, o link inicia uma página dinâmica (ASP ou JSP) que exibe o Conjunto de amostras em uma janela pop-up de zoom. O link de zoom abre uma janela pop-up que contém o recurso de zoom real.

Para obter mais detalhes e exemplos de código, consulte Como incorporar o Visualizador de zoom do HTML5 no Guia de referência de visualizadores do Adobe.

Copiar o código incorporado de um visualizador de conjunto de amostras

O uso do recurso Incorporar código permite revisar o código do visualizador do Conjunto de amostras selecionado. Você também pode copiar o código para a área de transferência para poder colá-lo em suas páginas da Web para 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 Navegar por ativos, na lista suspensa Mostrar, selecione Swatch Set.

  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 Navegar por ativos, no lado direito da barra de ferramentas, siga um destes procedimentos:

    • Selecionar Grid View. 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, selecione Embed Code à direita do visualizador desejado.

    • Selecionar Grid View. No painel Navegação de ativos, selecione um único ativo e, abaixo da imagem em miniatura, acesse Preview > Viewer List.

      Na página Lista do Visualizador, na coluna Ações da tabela, selecione Embed Code.

    • Selecionar List View. No painel Navegação de ativos, selecione um único ativo e, à direita da imagem em miniatura, vá para Preview > Viewer List.

      Na página Lista do Visualizador, na coluna Ações da tabela, selecione Embed Code.

    • Selecionar Grid View, List View ou Detail View. Na mesma barra de ferramentas, vá para Preview > Viewer List.

      Na página Lista do Visualizador, na coluna Ações da tabela, selecione Embed Code.

  4. Na caixa de diálogo Incorporar código, selecione Copy to Clipboard.

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

  5. Selecionar Close.

Nesta página