Накладання гіперпосилань і кнопок

Пошук

Упевнені, що переглядаєте правильну статтю?

Ця стаття стосується пакета Digital Publishing Suite. Статтю про AEM Mobile див. у розділі Гіперпосилання.

Скориставшись панеллю «Гіперпосилання» або «Кнопки», можна створювати посилання, що переходять на веб-сайти, інші статті та ресурси. У фоліо підтримуються не всі типи дій кнопок та не всі типи гіперпосилань.

Накладання гіперпосилань підтримуються в кадрах із можливістю прокручування та в показах слайдів, проте інші накладання не підтримуються.

Навчальне відео

Дії гіперпосилань (англійською мовою)

Colin Fleming

http://blog.colingrayfive.com/

Використовуйте панель «Кнопки» для створення посилань на веб-сайти, інші сторінки або інші статті.

Для досягнення найкращих результатів використовуйте панель «Кнопки» замість панелі «Гіперпосилання» для створення посилань. Панель «Кнопки» є більш гнучкою та стабільною.

  1. У програмі InDesign створіть об’єкт, який використовуватиметься як кнопка.

    Наприклад, щоб кнопка здійснювала перехід на веб-сайт, створіть текстовий кадр або помістіть зображення.

  2. Відкрийте панель «Кнопки» («Вікно > «Інтерактивне» > «Кнопки»), виберіть об’єкт і клацніть значок «Перетворити об’єкт на кнопку».

  3. Для параметра «Подія» виберіть значення «Після відпускання».

    «Після відпускання» — це єдина підтримувана подія для кнопки.

  4. Натисніть знак плюса (+) поруч із пунктом «Дія» та виберіть підтримувану дію.

    Підтримувані дії кнопок

    A. Підтримувані дії кнопок гіперпосилань B. Підтримувані дії кнопок показів слайдів 

    Підтримуються такі дії гіперпосилань: перехід до першої сторінки, перехід до останньої сторінки, перехід до наступної сторінки, перехід до попередньої сторінки, перехід за URL-адресою, звук, відео й перехід до певної сторінки. Для показів слайдів підтримуються такі дії: «Перехід до наступного стану», «Перехід до попереднього стану» й «Перехід до стану».

    Не використовуйте дію «Перехід до місця призначення» для переходу до іншої статті. Натомість використовуйте дію «Перейти за URL-адресою» з навігаційним форматом «navto». Див. відповідний розділ нижче в цій статті.

  5. Якщо потрібно, додайте інші дії кнопок.

    Дії виконуються по черзі. Наприклад, якщо перша дія відтворює відео, а друга дія відображає інший слайд, спочатку відтворюється відео, а потім відображається слайд.

  6. Щоб змінити параметри гіперпосилань, виділіть об’єкт із кнопкою, а потім укажіть значення наведених нижче параметрів на панелі накладань фоліо.

    Відкривати у фоліо.

    Вміст відображатиметься у веб-перегляді в переглядачі. Зніміть цей прапорець, додаючи посилання на URL-адреси, зокрема «itms://», «mailto:», «tel:».

    Відкривати в браузері пристрою.

    Вміст відображатиметься не в програмі перегляду, а в браузері мобільного пристрою, наприклад у Safari для мобільних пристроїв на iPad. Якщо ви хочете, щоб у випадку клацання користувачем на посиланні з'являлося запитання, виберіть «Спочатку питати».

У програмі InDesign для додавання гіперпосилань можна використовувати панель «Гіперпосилання». Гіперпосилання особливо корисні для тексту. Якщо гіперпосиланням потрібно зробити кадр, замість панелі «Гіперпосилання» може бути доцільно використати панель «Кнопки». Кнопки є більш універсальними та стабільними.

  1. Виберіть кадр або текст, який використовуватиметься як гіперпосилання.

  2. Відкрийте панель «Гіперпосилання» («Вікно» > «Інтерактивне» > «Гіперпосилання»).

  3. У меню панелі «Гіперпосилання» виберіть «Створити гіперпосилання».

  4. Зніміть прапорець «Спільне місце призначення».

    Спільне місце призначення надає змогу називати та багаторазово використовувати гіперпосилання, але у робочому процесі DPS цією функцією краще не користуватися.

  5. У меню «Посилання на» задайте один із наведених далі параметрів, а потім натисніть «OK».

    URL.

    Якщо перейти за гіперпосиланням, відкриється веб-сторінка (http://), програма App Store (itms://), програма Amazon Appstore (amzn://) або інша стаття (navto://).

    Приклад: http://www.adobe.com/ua

    Додаючи посилання на веб-сайти, вводьте повну URL-адресу включно з «http://».

    Примітка.

    Під час підключення до URL-адреси iTunes на панелі накладань фоліо зніміть прапорець «Відкривати у фоліо». Інакше у випадку переходу за гіперпосиланням відображатиметься повідомлення «Не вдається відкрити сторінку». Відповідно, якщо для підключення до програми магазину використовується формат itms:// або amzn://, необхідно вимкнути пункт «Відкривати у фоліо».

    Гіперпосилання navto:// забезпечує перехід до іншої статті або іншої сторінки в тій самій статті. Введіть navto:// та ім'я статті, яке відображається на панелі Folio Builder. Використовуйте значення імені статті, а не заголовка статті. Щоб додати номер сторінки, введіть символ #, а потім номер. Але пам’ятайте, що відлік починається зі сторінки 0, тому введення #2 забезпечить перехід на сторінку 3.

    Приклад: navto://newsarticle

    Приклад: navto://newsarticle#2 (перехід на сторінку 3)

    Електронна пошта.

    Перехід за посиланням на адресу електронної пошти запускає поштову програму із заповненим полем «Кому».

    Сторінка.

    Перехід за посиланням на сторінку забезпечує відкриття іншої сторінки в межах статті. Не використовуйте цей пункт для переходу на іншу статтю.

    Гіперпосилання «Прив’язка тексту» не підтримується.

  6. Щоб змінити параметри гіперпосилань, виділіть об’єкти з гіперпосиланнями, а потім укажіть значення наведених нижче параметрів на панелі накладань фоліо.

    Відкривати у фоліо.

    Вміст відображатиметься у веб-перегляді в переглядачі. Зніміть цей прапорець, додаючи посилання на URL-адреси, зокрема «itms://», «mailto:», «tel:».

    Відкривати у браузері пристрою

    Вміст відображатиметься не в програмі перегляду, а в браузері мобільного пристрою, наприклад у Safari для мобільних пристроїв на iPad. Якщо ви хочете, щоб у випадку клацання користувачем на посиланні з'являлося запитання, виберіть «Спочатку питати». Якщо вибрано функцію «Відкривати у фоліо», цей параметр вимкнено.

    Примітка.

    Параметри панелі накладань фоліо недоступні для текстових гіперпосилань. Значення параметрів текстових посилань неможливо змінити; за умовчанням для них установлено значення «Відкривати у фоліо». Однак переглядач включає вбудовані винятки для певних префіксів, зокрема «itms://», «mailto:», «tel:». Для цих URL-адрес зовнішня програма відкривається за умовчанням.

Докладніше про створення гіперпосилань див. у розділі Створення гіперпосилань довідки InDesign CS5/CS5.5.

Статті фоліо зберігаються на сервері, отже жодне посилання, що вказує шлях до файлу InDesign, не працюватиме під час попереднього перегляду. Для посилань на інші статті використовуйте формат «navto».

Під час створення кнопки або гіперпосилання замість «http://» у полі «URL» можна ввести «navto://». Потім вкажіть ім'я цільової статті так, як воно відображається на панелі Folio Builder. Використовуйте значення імені статті, а не заголовка статті. Припустимими навігаційними форматами є navto://[imya_statti] та navto://[imya_statti]#n. Шляхом додавання «#n» вказується номер сторінки. Документ починається зі сторінки 0, тому, якщо вказати «#2», перехід здійснюватиметься на сторінку 3.

Перехід на сторінку 3 іншої статті

Приклади посилань «navto»:

navto://biking

navto://biking#2 (перехід на сторінку 3 статті «biking»)

Примітка.

Якщо за допомогою попередньої версії інструментів ви створили навігаційні посилання з використанням імені папки або імені статті, що не збігається з іменем цільової статті, посилання не працюватимуть. Щоб виправити навігаційні посилання, можна або перейменувати статтю (змінити ім'я, а не заголовок), або відредагувати навігаційні посилання, щоб у них вказувалося ім'я статті, яке відображається на панелі Folio Creator.

До випуску версії 30 включено нові відносні можливості навігації по статтях і сторінках. Зверніть увагу, що відносні навігаційні формати підтримуються тільки у програмах версії 30 та пізніших версій, але ви можете використовувати будь-який формат фоліо (версії 20 або пізнішої). Відносні навігаційні посилання підтримуються в переглядачах для iOS, Android і магазину Windows, але поки що не підтримуються в комп'ютерному переглядачі для Android та у веб-браузері.

Можна використовувати різноманітні формати «navto://relative» для переходу до наступної, попередньої, першої або останньої статті, а також для скидання фоліо. Наприклад, кнопка з дією «navto://relative/first» здійснює перехід до першої статті у фоліо. Підтримуються такі формати: first, last, next, previous, current та reset. Також можна перейти до певної статті відносно її позиції у фоліо, наприклад до п’ятої статті.

Приклад: navto://relative/last (перехід до останньої статті у фоліо)

Приклад: navto://relative/last#last (перехід на останню сторінку останньої статті у фоліо)

Приклад: navto://relative/4 (перехід до п’ятої статті у фоліо)

Приклад: navto://relative/4#2 (перехід на третю сторінку п’ятої статті у фоліо)

Формат «current» особливо корисний для навігації по сторінках. Можна використовувати параметри #previous, #next, #first, #last для переходу на певну сторінку (наприклад, «#3» використовується для переходу на сторінку 4 у статті).

Приклад: navto://relative/current#previous (перехід на попередню сторінку статті)

Приклад: navto://relative/current#last (перехід на останню сторінку статті)

Приклад: navto://relative/current#3 (перехід на четверту сторінку поточної статті)

Використовуйте формат «navto» для створення кнопки, яка скидатиме фоліо.

Приклад: navto://relative/reset (здійснює перехід до першої статті та очищає всі місця у статтях, на яких зупинилися користувачі)

У статтях із плавною прокруткою можна використовувати десяткові знаки або проценти для переходу до конкретного місця.

Приклад: navto://myarticle#3.3 (перехід до конкретного місця у статті із плавною прокруткою та відображення кінця сторінки 4 та початку сторінки 5)

Приклад: navto://myarticle#50% (перехід до середини статті із плавною прокруткою)

Щоб розширити ці можливості відносних навігаційних гіперпосилань, можна створити накладання веб-вмісту або статтю HTML, які мають доступ до API-інтерфейсу читання Reading API. Наприклад, можна надіслати запит до фоліо й отримати певні відомості, наприклад дані щодо кількості статей у фоліо та кількості сторінок у статті. Потім ці відомості можна відобразити або іншим чином застосувати у накладанні чи HTML-статті. Докладніше читайте у статті Нові API-інтерфейси та функції у випуску 30 центру розробників DPS Developer Center (англійською мовою).

Під час створення гіперпосилання або кнопки на основі URL, можна вказати URL-адресу «navto://» для переходу до іншої статті. Навігаційні гіперпосилання («navto») особливо корисні для переходу до HTML-статей.  

Перехід до HTML-статті.

Введіть navto:// та ім'я статті HTML (не заголовок статті).

Приклад: navto://newsarticle

Перехід до прив’язки в HTML-статті.

Неможливо перейти до конкретної сторінки у HTML-статті, але можна перейти до прив’язки, ввівши navto://[ім’я папки]#[ім’я прив’язки].

Приклад: navto://newsarticle#part4

Примітка.

Щоб створити прив’язку у HTML-файлі, відкрийте HTML-файл у текстовому редакторі. Перейдіть до тексту, який має служити прив’язкою, та додайте навколо цього тексту тег прив’язки, наприклад «це частина 4 статті».

Перехід до статті InDesign зі статті HTML.

Для створення гіперпосилання із HTML-статті на статтю InDesign використовуйте формат «navto». Приклад:

<a href="navto://newsarticle">Див. статтю з новинами</a>

Також можна забезпечити перехід на сторінки статті InDesign, додавши номер сторінки після імені документа. Документ починається зі сторінки 0, друга сторінка має номер 1 і т. д. Приклад:

<a href="navto://Cycling#3">Перейти до сторінки 4 циклічної статті</a>

Перехід із HTML до HTML.

Для переходу між HTML-статтями за допомогою імені папки використовуйте формат «navto». Приклад:

<a href="navto://newsarticle">Див. статтю з новинами</a>

Можна створити кнопки переходу до бібліотеки, переліку розділів або до останнього вікна перегляду (кнопка «Назад»). Використовуйте будь-який із цих форматів «goto://» для дії кнопки:

goto://ApplicationViewState/library

goto://ApplicationViewState/sections

goto://FolioNavigation/lastview

Ці формати «goto://» не підтримуються в успадкованому переглядачі на базі AIR для пристроїв Android. У власному переглядачі для Android наразі підтримуються тільки формати «library» і «lastview».

Маючи обліковий запис Enterprise, за допомогою DPS можна створювати посилання формату «goto» для швидкого переходу зі статті до відповідного вмісту HTML, пов'язаного із певним власним значком. Наприклад, можна скористатися програмою DPS App Builder для створення власних значків для «Магазину», «Довідки» та «Умов використання». Ці кнопки відображатимуться у бібліотеці програми перегляду. Для створення у статті кнопки, за допомогою якої відкриватиметься пов'язаний із цим власним значком HTML-вміст, слід використати такий формат посилання:

goto://ApplicationViewState/[мітка]

Наприклад, за натискання кнопки goto://ApplicationViewState/Store у статті відкриється магазин HTML, так само, як і за натискання власного значка магазину у бібліотеці.

Використовуйте програму DPS App Builder для створення власних значків і визначення міток. Див. Навігаційна панель інструментів (лише для Enterprise).

Ці формати «goto» не працюють у разі створення посилання з бібліотеки або із власного слота на інший власний слот. Натомість використовуйте API-інтерфейс goToState. Див. статтю SDK для бібліотеки та магазину.

Можна створити гіперпосилання або кнопку для відображення локального HTML- або PDF-файлу у вбудованому браузері програми перегляду.

  1. Додайте папку, що містить локальний HTML-файл, до папки «HTMLResources».

    Переконайтеся, що у фоліо включено папку HTMLResources. Див. Імпорт папки HTMLResources.

  2. Створіть посилання для відображення HTML-файлу у вбудованому браузері програми:

    Вихідний документ InDesign.

    У поле «URL» гіперпосилання або кнопки введіть шлях без префіксу http://, navto:// тощо. Приклад:

    HTMLResources/Cartoons/train1.html

    HTML-стаття.

    Зі статті HTML вкажіть місце розташування. Приклад:

    <a href=”../HTMLResources/Cartoons/train1.html”>See Train Cartoon Gallery</a>

    Для створення посилання на зображення PNG, наприклад, виконайте наступне:

    <a href=”../HTMLResources/Cartoons/train2.png”>See Train Image</a>

    Накладання веб-вмісту.

    Веб-вміст вкладається двома рівнями глибше, ніж стаття HTML. Приклад:

    <a href=”../../../HTMLResources/Cartoons/train1.html”>See Train Cartoon Gallery</a>

    Примітка.

    Для оптимізації результатів не використовуйте пробіли та спеціальні символи в іменах папок і файлів із HTML-ресурсами. Якщо ім’я папки або файлу має містити пробіл, використовуйте замість нього відповідний HTML-код. Наприклад, щоб назвати папку «Файли коміксів», введіть «Файли%20коміксів».

Можна створювати посилання для відправлення повідомлення електронної пошти (mailto:), текстового повідомлення (SMS) або здійснення телефонного виклику (tel:) зі статті. Можна також створювати посилання, що відкривають програму YouTube або пісню чи альбом iTunes. Щоб дізнатися більше про те, які формати потрібно використовувати для пристроїв на платформі iOS, див. довідку щодо схеми URL в Apple (англійською мовою).

Докладніше про створення додаткових посилань для відправлення електронних листів певному адресату (посилань типу «mailto:») читайте у статті Джеймса Локмана (James Lockman) Відправлення електронних листів і вкладених файлів безпосередньо з DPS-публікацій (англійською мовою).

Якщо під час створення програми iOS за допомогою DPS App Builder налаштувати додаткову URL-схему, то можна буде посилатися на цю програму з будь-якої іншої програми або з веб-сторінки, відкритої у браузері Safari на мобільному пристрої. Див. Панель відомостей про програму перегляду.

Примітка.

Щоразу, створюючи посилання на зовнішню програму чи службу, натискайте кнопку та обирайте команду «Відкривати у браузері пристрою» на панелі накладань фоліо.

Інші схожі матеріали

Отримуйте допомогу швидше й простіше

Новий користувач?

Швидкі посилання

Переглянути всі ваші плани Керування вашими планами
Переглянути швидкі посилання
Приховати швидкі посилання

Юридична інформація    |    Політика мережевої конфіденційності