웹 페이지에 견본 집합 연결 linking-a-swatch-set-to-a-web-page

견본 집합을 게시한 후에는 웹 사이트 또는 애플리케이션에서 연결된 URL 또는 포함 코드를 사용할 수 있습니다. 그런 다음 필요에 따라 URL 또는 포함 코드를 배포하여 사용자가 웹 사이트 또는 애플리케이션에서 견본 세트를 볼 수 있도록 할 수 있습니다.

NOTE
자산을 게시하기 전에는 URL이 활성화되지 않습니다.

견본 집합 URL 복사 copying-a-swatch-set-url

  1. 에셋 찾아보기 패널의 표시 드롭다운 목록에서 다음을 선택합니다. 견본 집합.

  2. 왼쪽의 에셋 라이브러리 패널에서 포함 코드를 복사할 견본 세트가 포함된 에셋 폴더로 이동합니다.

  3. [자산 찾아보기] 패널 위의 도구 모음 오른쪽에서 다음 중 하나를 수행합니다.

    • 선택 격자 보기. [자산 찾아보기] 패널에서 단일 자산을 두 번 클릭하여 [세부 사항 보기]에서 엽니다. 오른쪽의 URL 및 포함 코드 패널에서 을 선택합니다. URL 복사 원하는 뷰어의 오른쪽에 있습니다.

    • 선택 격자 보기. 에셋 찾아보기 패널에서 단일 에셋을 선택한 다음 썸네일 이미지 아래에서 미리 보기 > 뷰어 목록.

      뷰어 목록 페이지의 테이블에 있는 작업 열에서 을 선택합니다. URL 복사.

    • 선택 목록 보기. 에셋 찾아보기 패널에서 단일 에셋을 선택한 다음 썸네일 이미지의 오른쪽으로 이동합니다. 미리 보기 > 뷰어 목록.

      뷰어 목록 페이지의 테이블에 있는 작업 열에서 을 선택합니다. URL 복사.

    • 선택 격자 보기, 목록 보기, 또는 세부 사항 보기. 동일한 도구 모음에서 다음 위치로 이동합니다. 미리 보기 > 뷰어 목록.

      뷰어 목록 페이지의 테이블에 있는 작업 열에서 을 선택합니다. URL 복사.

웹 페이지에 견본 집합 URL 추가 adding-swatch-set-urls-to-your-web-page

견본 집합을 배포하는 가장 일반적인 방법은 웹 페이지에 링크(탐색 아이콘 사용)를 배치하는 것입니다. 이 옵션을 선택하면 팝업 확대/축소 창에 견본 세트를 표시하는 동적 페이지(ASP 또는 JSP)가 시작됩니다. 확대/축소 링크를 클릭하면 실제 확대/축소 기능이 포함된 팝업 창이 열립니다.

자세한 내용 및 코드 샘플은 Adobe 뷰어 참조 안내서에 HTML5 확대/축소 뷰어 포함.

견본 집합 뷰어의 포함 코드 복사 copying-the-embed-code-of-a-swatch-set-viewer

임베드 코드 기능을 사용하면 선택한 견본 집합의 뷰어 코드를 검토할 수 있습니다. 또한 코드를 클립보드에 복사하여 뷰어의 배포를 위해 웹 페이지에 붙여넣을 수 있습니다. 코드 편집은 [임베드 코드] 대화 상자에서 허용되지 않습니다.

견본 집합 뷰어의 포함 코드를 복사하려면 다음을 수행합니다.

  1. 에셋 찾아보기 패널의 표시 드롭다운 목록에서 다음을 선택합니다. 견본 집합.

  2. 왼쪽의 에셋 라이브러리 패널에서 포함 코드를 복사할 견본 세트가 포함된 에셋 폴더로 이동합니다.

  3. [자산 찾아보기] 패널 위의 도구 모음 오른쪽에서 다음 중 하나를 수행합니다.

    • 선택 격자 보기. [자산 찾아보기] 패널에서 단일 자산을 두 번 클릭하여 [세부 사항 보기]에서 엽니다. 오른쪽의 URL 및 포함 코드 패널에서 을 선택합니다. 포함 코드 원하는 뷰어의 오른쪽에 있습니다.

    • 선택 격자 보기. 에셋 찾아보기 패널에서 단일 에셋을 선택한 다음 썸네일 이미지 아래에서 미리 보기 > 뷰어 목록.

      뷰어 목록 페이지의 테이블에 있는 작업 열에서 을 선택합니다. 포함 코드.

    • 선택 목록 보기. 에셋 찾아보기 패널에서 단일 에셋을 선택한 다음 썸네일 이미지의 오른쪽으로 이동합니다. 미리 보기 > 뷰어 목록.

      뷰어 목록 페이지의 테이블에 있는 작업 열에서 을 선택합니다. 포함 코드.

    • 선택 격자 보기, 목록 보기, 또는 세부 사항 보기. 동일한 도구 모음에서 다음 위치로 이동합니다. 미리 보기 > 뷰어 목록.

      뷰어 목록 페이지의 테이블에 있는 작업 열에서 을 선택합니다. 포함 코드.

  4. 포함 코드 대화 상자에서 클립보드에 복사.

    코드 편집은 [임베드 코드] 대화 상자에서 허용되지 않습니다.

  5. 선택 닫기.

recommendation-more-help
ba789e76-bace-4e0e-bd26-52691fb2cb26