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.

Copiar um URL de conjunto de amostras

  1. No painel Navegação de 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 Navegação de ativos , no lado direito da barra de ferramentas, execute um dos seguintes 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, vá para Preview > Viewer List.

      Na página Lista de visualizadores , 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 de visualizadores , na coluna Ações da tabela, selecione Copy URL.

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

      Na página Lista de visualizadores , na coluna Ações da tabela, selecione Copy 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 mais detalhes e amostras de código, consulte Incorporando 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

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 , 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 Navegação de ativos , no lado direito da barra de ferramentas, execute um dos seguintes 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, vá para Preview > Viewer List.

      Na página Lista de visualizadores , 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 de visualizadores , na coluna Ações da tabela, selecione Embed Code.

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

      Na página Lista de visualizadores , 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.

Artigos relacionados

Nesta página