超链接和按钮叠加

您是否在查看正确的文章?

本文介绍的是 Digital Publishing Suite。有关 AEM Mobile 文章,请参阅超链接

可使用“超链接”面板或“按钮”面板创建跳转至网站、其他文章等处的链接。作品集并不支持所有按钮动作和超链接类型。

可滚动框架和幻灯片中支持超链接叠加,但不支持其他叠加。

视频教程

使用“按钮”面板创建指向网站、其他页面或其他文章的链接。

为获得最佳效果,请使用“按钮”面板,而不是“超链接”面板创建链接。“按钮”面板更加灵活、稳定。

  1. 在 InDesign 中,创建要用作按钮的对象。

    例如,如果要让按钮跳转至某个网站,则创建文本框架或放置图像。

  2. 打开“按钮”面板(“窗口”>“交互”>“按钮”),选择该对象,然后单击“将对象转换为按钮”图标。

  3. 对于“事件”,选择“释放鼠标时”。

    仅支持“释放鼠标时”这个按钮事件。

  4. 单击“动作”旁的加号,然后选择一个支持的动作。

    支持的按钮操作

    A. 支持的超链接按钮动作 B. 支持的幻灯片放映按钮动作 

    支持的超链接动作包括“转到首页”、“转到末页”、“转到下一页”、“转到上一页”、“转到 URL”、“声音”、“视频”和“转到页面”。对于幻灯片,支持“转至下一状态”、“转至上一状态”和“转至状态”动作。

    请勿使用“转至目标”动作跳转至其他文章。改为使用“转到 URL”动作及“navto”格式。请参阅本文后面的相关部分。

  5. 如果需要,请添加其他按钮动作。

    动作将按顺序播放。例如,如果第一个动作播放视频,第二个动作显示其他幻灯片,则先播放视频,然后显示幻灯片。

  6. 要更改超链接设置,请选择按钮对象,然后在 Folio Overlays 面板中指定以下设置:

    在作品集中打开

    在查看器内的 Web 视图中显示内容。当链接至 itms:// 等 URL、mailto: 和 tel: 时,请取消选择此选项。

    在设备浏览器中打开

    在移动设备浏览器中的查看器以外的位置(如 iPad 上的移动 Safari)显示内容。如果希望在用户点击链接时显示提示,则选择“首先询问”。

在 InDesign 中,可使用“超链接”面板添加超链接。超链接对于文本尤为有用。如果希望使框架成为超链接,则请考虑使用“按钮”面板替代“超链接”面板。按钮的功能更多,也更加稳定。

  1. 选择要用作超链接的框架或文本。

  2. 打开“超链接”面板(“窗口”>“交互”>“超链接”)。

  3. 在“超链接”面板中,从面板菜单中选择“新建超链接”。

  4. 取消选择“共享目标”。

    通过“共享目标”可命名和重用超链接,但最好避免在 DPS 工作流程中使用此选项。

  5. 在“链接到”菜单中,指定以下任意选项,然后单击“确定”:

    URL

    点击 URL 超链接将显示网页 (http://)、App Store 应用程序 (itms://)、Amazon Appstore (amzn://) 或其他文章 (navto://)。

    示例:http://www.adobe.com

    链接到网站时,请键入完整的 URL(包括“http://”)。

    注意:

    链接到 iTunes URL 时,请取消选中 Folio Overlays 面板中的“在作品集中打开”。否则,点击超链接后将显示“无法打开页面”错误消息。类似地,如果您使用 itms:// 或 amzn:// 格式链接到 store app,请关闭“在作品集中打开”。

    通过 navto:// 超链接可跳转至其他文章或该文章中的其他页面。键入 navto://,后跟文章名称(它将显示在 Folio Builder 面板中)。请使用文章名称值,而非文章的标题值。如果要加入页码,则添加 #,后跟一个数字。但请记住,第一页为 0,因此添加 #2 将跳转至第 3 页。

    示例:navto://newsarticle

    示例:navto://newsarticle#2(跳转至第 3 页)

    电子邮件

    点击“电子邮件”超链接可启动 Mail 应用程序,并在“收件人”字段填入内容。

    页面

    点击“页面”超链接将跳转至文章中的其他页面。请勿使用此选项跳转至其他文章。

    不支持“文本锚点”超链接。

  6. 要更改超链接设置,请选择超链接对象,然后在 Folio Overlays 面板中指定以下设置:

    在作品集中打开

    在查看器内的 Web 视图中显示内容。当链接至 itms:// 等 URL、mailto: 和 tel: 时,请取消选择此选项。

    在设备浏览器中打开

    在移动设备浏览器中的查看器以外的位置(如 iPad 上的移动 Safari)显示内容。如果希望在用户点击链接时显示提示,则选择“首先询问”。如果选择了“在作品集中打开”,则会禁用此选项。

    注意:

    对于文本超链接,无 Folio Overlays 面板设置可用。无法更改文本超链接的设置;默认情况下将其设置为“在作品集中打开”。不过,查看器包含 itms://、tel: 和 mailto: 等特定前缀的内置异常。对于这些 URL,默认情况下会打开一个外部应用程序。

有关创建超链接的其他详细信息,请参阅 InDesign CS5/CS5.5 帮助中的创建超链接

作品集文章存储在服务器上,因此预览 InDesign 文件时将断开指定其路径的任何链接。请使用“navto”格式链接到其他文章。

创建按钮或超链接时,可在 URL 字段中将“http://”替换为“navto://”。然后,指定目标文章名称,它显示在 Folio Builder 面板中。请使用文章名称值,而非文章的标题值。有效的 navto 格式包括 navto://[articlename]navto://[articlename]#n。添加 #n 可指定页码。文档的第一页为 0,因此指定 #2 将跳转至第 3 页。

跳转至其他文章的第 3 页

Navto 示例:

navto://biking

navto://biking#2(跳转至 biking 文章的第 3 页)

注意:

如果使用这些工具的以前版本,以与目标文章名称不同的文件夹名称或文章名称创建 navto 链接,则该链接将被破坏。要修复 navto 链接,可重命名文章(名称而非标题)或编辑 navto 链接,使其指向文章名称(它将显示在 Folio Creator 面板中)。

v30 版本引入了文章和页面相对导航的新选项。注意,仅在 v30 或更高版本的应用程序中支持相对 navto 格式,但可使用任意作品集格式(v20 或更高版本)。iOS、Android 和 Windows 应用商店查看器中支持相对 navto 链接,但 Desktop Viewer 或 Web 查看器中不支持。

可使用各种 navto:// 相对格式跳至下一篇、上一篇、第一篇、最后一篇文章,或重置作品集。例如,具有 navto://relative/first 动作的按钮将跳至作品集中的第一篇文章。有效的格式包括 firstlastnextpreviouscurrentreset。还可相对于文章在作品集中的位置,跳至特定的文章,如第五篇文章。

示例: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(跳至当前文章中的第 4 页)

使用 navto 格式创建可重置作品集的按钮。

示例:navto://relative/reset(跳至第一篇文章并清除所有文章阅读位置)

在平滑滚动文章中,可使用小数或百分比跳至特定位置。

示例:navto://myarticle#3.3(跳至平滑滚动文章中显示第 4 页底部和第 5 页顶部的特定位置)

示例:navto://myarticle#50%(跳至平滑滚动文章的中间)

要扩展这些相对 navto 功能,可创建访问 Reading API 的 Web 内容叠加或 HTML 文章。例如,可查询作品集以确定作品集中的文章数和文章中的页数等信息。然后,可在该叠加或 HTML 文章中显示这些信息或以其他方式使用这些信息。有关详细信息,请参阅 DPS 开发人员中心内的 r30 中的新 API 和功能

创建基于 URL 的超链接或按钮时,可使用“navto://”URL 跳转至其他文章。Navto 对于跳转至 HTML 文章尤为有用。 

跳转至 HTML 文章

键入 navto://,后跟 HTML 文章名称(而非文章标题)。

示例:navto://newsarticle

跳转至 HTML 文章中的锚点

您不能从一个 HTML 文章跳转到特定的页面,但是可以通过键入 navto://[文章名称]#[锚点名称] 跳转到某个锚点。

示例:navto://newsarticle#part4

注意:

要在 HTML 文件中定义锚点,请在文本编辑器中打开 HTML 文件。导航至要充当锚点的文本,然后将这段文本放入锚点标签内,如“This is Part 4 of the Article.”

从 HTML 文章跳转至 InDesign 文章

使用 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>

从 HTML 跳转至 HTML

使用文件夹名称,按 navto 格式从一篇 HTML 文章跳转至另一篇。示例:

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

可创建跳转至库、章节列表或上一视图(“后退”按钮)的按钮。在按钮动作中使用以下任意一种 goto:// 格式:

goto://ApplicationViewState/library

goto://ApplicationViewState/sections

goto://FolioNavigation/lastview

传统基于 AIR 的 Android 查看器中不支持这些 goto:// 格式。当前只有原生 Android 查看器中支持“library”和“lastview”格式。

如果您拥有 Enterprise DPS 帐户,则可使用 goto 格式从文章中创建链接,指向与自定义图标关联的 HTML 内容。例如,可使用 DPS App Builder 指定“商店”、“帮助”和“条款”的自定义图标。在查看器库中显示这些按钮。要在文章中创建按钮,而该按钮可打开任意这些自定义图标对应的 HTML 内容,请使用以下格式:

goto://ApplicationViewState/[标签]

例如,goto://ApplicationViewState/Store 按钮动作将打开 HTML 商店,如同点击库中的自定义“商店”图标一样。

使用 DPS App Builder 创建自定义图标并指定标签。请参阅导航工具栏(仅限 Enterprise)

当从库进行链接或将自定义槽链接到另一个自定义槽时,这些设置格式将不起作用。请改用 goToState API。请参阅库和商店 SDK

可创建一个超链接或按钮,它在查看器的应用程序内浏览器中显示本地 HTML、图像或 PDF 文件。

  1. 向 HTMLResources 文件夹添加包含本地 HTML 文件的文件夹。

    请确保作品集中包括 HTMLResources 文件夹。请参阅导入 HTMLResources 文件夹

  2. 创建链接,用于在应用程序内置的浏览器中显示该 HTML 文件:

    InDesign 源文档

    在超链接或按钮的 URL 字段中输入路径,其中不含 http://、navto:// 或任何其他前缀。示例:

    HTMLResources/Cartoons/train1.html

    HTML 文章

    从 HTML 文章中指定位置。示例:

    <a href=”../HTMLResources/Cartoons/train1.html”>查看火车卡通画廊</a>

    例如,若要引用 PNG 图像,请执行以下操作:

    <a href=”../HTMLResources/Cartoons/train2.png”>查看火车图像</a>

    Web 内容叠加

    Web 内容叠加的嵌套级别比 HTML 文章深两级。示例:

    <a href=”../../../HTMLResources/Cartoons/train1.html”>查看火车卡通画廊</a>

    注意:

    为获得最佳效果,请避免 HTML 文件夹和文件中有空格和特殊字符。 如果在文件夹或文件名中包括空格,请将适当的 HTML 代码用于空格字符。 例如,将“Cartoon%20Files”用于名为“Cartoon Files”的文件夹。

可创建链接,用于从文章中发送电子邮件 (mailto:)、短信 (SMS) 或拨号 (tel:)。还可创建用于打开 YouTube 应用程序或 iTunes 歌曲或专辑的链接。要了解更多用于 iOS 设备的必要格式,请参阅 Apple URL 方案参考

有关创建高级电子邮件 (mailto:) 链接的信息,请参阅 James Lockman 的文章从 DPS 出版物中发送电子邮件和电子邮件附件(英文)。

如果在使用 DPS App Builder 创建 iOS 应用程序时指定可选的 URL 方案,则可从另一个应用程序链接到该应用程序,或在移动 Safari 的网页中查看该应用程序时链接到该应用程序。请参阅“查看器详细信息”面板

注意:

在创建指向外部应用程序或服务的链接时,请选择按钮,并在 Folio Overlays 面板中选择“在设备浏览器中打开”选项。

 Adobe

更快、更轻松地获得帮助

新用户?

Adobe MAX 2024

Adobe MAX

The Creativity Conference

10 月 14 日至 16 日 迈阿密海滩和在线

Adobe MAX 2024

Adobe MAX

The Creativity Conference

10 月 14 日至 16 日 迈阿密海滩和在线