하이퍼링크 및 버튼 오버레이

[하이퍼링크] 패널이나 [버튼] 패널을 사용하여 웹 사이트, 다른 아티클 등으로 이동하는 링크를 만들 수 있습니다. 일부 버튼 동작과 하이퍼링크 유형은 Folio에서 지원되지 않습니다.

하이퍼링크 오버레이는 스크롤 가능 프레임 및 슬라이드 쇼에서 지원되지만 다른 오버레이는 지원되지 않습니다.

비디오 튜토리얼

[버튼] 패널을 사용하여 웹 사이트, 다른 페이지 또는 다른 아티클에 연결되는 링크를 만듭니다.

링크를 만드는 데 하이퍼링크 대신에 [버튼] 패널을 사용하면 최상의 결과를 얻을 수 있습니다. [버튼] 패널은 유연성이 좋고 보다 안정적입니다.

하이퍼링크 패널을 사용하여 링크 만들기

InDesign에서 하이퍼링크 패널을 사용하여 하이퍼링크를 추가할 수 있습니다. 하이퍼링크는 텍스트인 경우에 특히 유용합니다. 프레임을 하이퍼링크로 사용하려면 하이퍼링크 패널 대신 버튼 패널을 사용하는 것이 좋습니다. 버튼은 융통성이 뛰어나며 보다 안정적입니다.

하이퍼링크를 만드는 방법에 대한 자세한 내용은 InDesign CS5/CS5.5 도움말에서 하이퍼링크 만들기를 참조하십시오.

다른 아티클에 대한 링크 만들기 “navto” 사용

Folio 아티클은 서버에 저장되므로 InDesign 파일에 대한 경로를 지정하는 링크는 미리 볼 때 끊어져 있습니다. "navto" 형식을 사용하여 다른 아티클에 연결하십시오.

버튼 또는 하이퍼링크를 만들 때 [URL] 필드에서 "http://"를 "navto://"로 바꿀 수 있습니다. 그런 다음 대상 아티클 이름이 Folio Builder 패널에 나타날 때 이를 지정합니다. 아티클의 제목 값이 아닌 아티클 이름 값을 사용합니다. 유효한 navto 형식으로는 navto://[아티클 이름] 및 navto://[아티클 이름]#n이 있습니다. #n을 추가하면 페이지 번호가 지정됩니다. 문서의 첫 페이지는 0이므로 #2를 지정하면 3페이지로 이동합니다.

Navto 예:

navto://biking

navto://biking#2(biking 아티클의 3페이지로 이동)

상대적 navto 하이퍼링크 만들기

v30 릴리스에는 아티클 및 페이지 탐색을 위한 새로운 상대적 옵션이 도입되었습니다. 상대적 navto 형식은 v30 이상 앱에서만 지원되지만 모든 Folio 형식(v20 이상)을 사용할 수 있습니다. 상대적 navto 링크는 iOS, Android 및 Windows Store 뷰어에서는 지원되지만 Desktop Viewer 또는 웹 뷰어에서는 지원되지 않습니다.

다양한 navto://relative 형식을 사용하면 다음, 이전, 처음 또는 마지막 아티클로 이동하거나 Folio를 재설정할 수 있습니다. 예를 들어 navto://relative/first 실행 버튼은 Folio의 첫 번째 아티클로 이동합니다. 유효 형식에는 first, last, next, previous, current 및 reset이 있습니다. Folio의 현재 위치를 기준으로 다섯 번째 아티클과 같은 특정 아티클로 이동할 수도 있습니다.

예: navto://relative/last(Folio 내 마지막 아티클로 이동)

예: navto://relative/last#last(Folio 내 마지막 아티클의 마지막 페이지로 이동)

예: navto://relative/4(Folio 내 다섯 번째 아티클로 이동)

예: navto://relative/4#2(Folio 내 다섯 번째 아티클의 세 번째 페이지로 이동)

"current" 형식은 페이지 탐색에 특히 유용하게 사용됩니다. #previous, #next, #first, #last를 사용할 수 있으며 특정 페이지로 이동할 수 있습니다(예: #3을 사용하여 아티클의 4페이지로 이동).

예: navto://relative/current#previous(아티클의 이전 페이지로 이동)

예: navto://relative/current#last(아티클의 마지막 페이지로 이동)

예: navto://relative/current#3(현재 아티클의 네 번째 페이지로 이동)

navto 형식을 사용하여 Folio를 재설정하는 버튼을 만들 수 있습니다.

사례: navto://relative/reset (첫 번째 아티클로 이동하여 모든 아티클 읽기 위치를 삭제함)

부드러운 스크롤 아티클에서는 소수 또는 백분율을 사용하여 특정 위치로 이동할 수 있습니다.

예: navto://myarticle#3.3 (부드러운 스크롤 아티클에서 4페이지 아래쪽과 5페이지 위쪽을 표시하는 특정 위치로 이동)

예: navto://myarticle#50%(부드러운 스크롤 아티클의 가운데로 이동)

이러한 상대적 navto 기능을 확장하기 위해 Reading API에 액세스하는 웹 콘텐츠 오버레이 또는 HTML 아티클을 만들 수 있습니다. 예를 들어 Folio를 쿼리하여 Folio 내에 있는 아티클 수와 아티클 내에 있는 페이지 수와 같은 정보를 확인할 수 있습니다. 그런 다음 오버레이 또는 HTML 아티클 내에서 이 정보를 표시하거나 다른 방법으로 사용할 수 있습니다. 자세한 내용은 DPS Developer Center에서 R30의 새로운 API 및 기능을 참조하십시오.

HTML 아티클에 대한 navto 하이퍼링크 만들기

URL 기반 하이퍼링크 또는 버튼을 만들 때 "navto://" URL을 사용하여 다른 아티클로 이동할 수 있습니다. Navto는 HTML 아티클로 이동하는 경우에 특히 편리합니다.  

navto:// 뒤에 HTML 아티클 이름(아티클 제목이 아님)을 입력합니다.

예: navto://newsarticle

HTML 아티클 내의 특정 페이지로 이동할 수는 없지만 navto://[아티클 이름]#[앵커 이름]을 입력하여 앵커로 이동할 수는 있습니다.

예: navto://newsarticle#part4

navto 형식을 사용하여 HTML 아티클에서 InDesign 아티클로 연결되는 하이퍼링크를 만들 수 있습니다. 예:

<a href="navto://newsarticle">See the News Article</a>

문서 이름 뒤에 페이지 번호를 추가하여 InDesign 아티클 내의 페이지로 이동할 수도 있습니다. 문서의 첫 페이지는 0, 두 번째 페이지는 1인 순서를 따릅니다. 예:

<a href="navto://Cycling#3">Go to Page 4 of the Cycling Article</a>

navto 형식에 폴더 이름을 사용하여 한 HTML 아티클에서 다른 HTML 아티클로 이동할 수 있습니다. 예:

<a href="navto://newsarticle">See the News Article</a>

사용자 정의 아이콘에 대한 이동 링크 만들기

라이브러리, 섹션 목록 또는 마지막 보기(뒤로 버튼)로 이동하는 버튼을 만들 수 있습니다. 버튼 동작에 다음 goto:// 형식 중 하나를 사용하십시오.

goto://ApplicationViewState/library

goto://ApplicationViewState/sections

goto://FolioNavigation/lastview

이러한 goto:// 형식은 레거시 AIR 기반 Android 뷰어에서 지원되지 않습니다. 현재 "library" 및 "lastview" 형식만 기본 Android 뷰어에서 지원됩니다.

Enterprise DPS 계정이 있는 경우 이동 형식을 사용하여 아티클과 사용자 정의 아이콘에 연결된 HTML 콘텐츠 사이의 링크를 만들 수 있습니다. 예를 들어 DPS App Builder를 사용하여 "스토어", "도움말" 및 "용어"에 대한 사용자 정의 아이콘을 지정할 수 있습니다. 이러한 버튼은 뷰어 라이브러리에 표시됩니다. 이러한 사용자 정의 아이콘에 대한 HTML 콘텐츠를 여는 버튼을 아티클에 만들려면 다음 형식을 사용하십시오.

goto://ApplicationViewState/[라벨]

예를 들어 goto://ApplicationViewState/Store 버튼 동작은 라이브러리의 맞춤형 스토어 아이콘을 누르는 것과 똑같이 HTML 스토어를 엽니다.

DPS App Builder를 사용하여 사용자 정의 아이콘을 만들고 라벨을 지정하십시오. 내비게이션 도구 모음(Enterprise만 해당)을 참조하십시오.

이러한 goto 형식은 라이브러리나 맞춤형 슬롯에서 다른 맞춤형 슬롯으로 연결하는 경우엔 작동하지 않습니다. 대신 goToState API를 사용하십시오. 라이브러리 및 스토어 SDK를 참조하십시오.

HTML 리소스 폴더의 에셋에 대한 링크

뷰어의 앱내 브라우저에서 로컬 HTML, 이미지 또는 PDF 파일을 표시하는 하이퍼링크 또는 버튼을 만들 수 있습니다.

외부 앱 및 서비스에 대한 링크 만들기

아티클에서 이메일(mailto:)과 문자 메시지(SMS)를 보내거나 전화(tel:)를 거는 링크를 만들 수 있습니다. YouTube 앱이나 iTunes 노래 또는 앨범을 여는 링크를 만들 수도 있습니다. iOS 디바이스에서 사용할 필수 형식에 대한 자세한 내용은 Apple URL 스키마 참조를 참고하십시오.

고급 이메일(mailto:) 링크를 만드는 방법에 대한 자세한 내용은 James Lockman의 아티클 DPS 발행물에서 이메일 및 이메일 첨부 파일 보내기를 참조하십시오.

DPS App Builder를 사용하여 iOS 앱을 만들 때 선택적 URL 스킴을 지정할 경우, 다른 앱에서 또는 모바일 Safari의 웹 페이지에서 볼 때 해당 앱에 링크할 수 있습니다. 뷰어 세부 정보 패널을 참조하십시오.