Incrustations d’hyperliens et de boutons

Pour créer des liens d’accès à des sites Web, à des articles et à d’autres ressources, vous pouvez utiliser le panneau Hyperliens ou le panneau Boutons. Certains types d’hyperlien et d’actions de bouton ne sont pas pris en charge dans les folios.

Les incrustations d’hyperliens sont prises en charge dans les blocs défilants et les diaporamas, mais pas les autres types d’incrustations.

Tutoriel vidéo

Utilisez le panneau Boutons pour créer des liens vers des sites Web, une autre page ou un autre article.

Pour un résultat optimal, utilisez le panneau Boutons et non le panneau Hyperliens pour créer des liens. Le panneau Boutons est plus stable et offre davantage de flexibilité.

Création de liens à l’aide du panneau Hyperliens

Dans InDesign, vous pouvez utiliser le panneau Hyperliens pour ajouter des hyperliens. Les hyperliens sont particulièrement utiles pour le texte. Si vous souhaitez utiliser un bloc comme hyperlien, utilisez le panneau Boutons au lieu du panneau Hyperliens. Les boutons sont plus polyvalents et plus stables.

Pour plus de détails sur la création d’hyperliens, reportez-vous à la page Création d’hyperliens dans l’aide d’InDesign CS5/CS5.5.

Création de liens vers d’autres articles avec le format « navto »

Les articles de folio sont stockés sur un serveur. Ainsi, tout lien qui contient un chemin vers un fichier InDesign est rompu lors de l’aperçu. Utilisez le format « navto » pour créer un lien vers d’autres articles.

Lorsque vous créez un bouton ou un hyperlien, vous pouvez remplacer « http:// » par « navto:// » dans le champ URL. Indiquez ensuite le nom de l’article cible tel qu’il apparaît dans le panneau Folio Builder. Utilisez la valeur Nom de l’article et non la valeur Titre de l’article. Les formats « navto » valides sont navto://[nomarticle] et navto://[nomarticle]#n. Ajoutez #n pour spécifier un numéro de page. La première page d’un document correspond à 0 ; ainsi #2 correspond à la page 3.

Exemples de format navto :

navto://biking

navto://biking#2 (accède directement à la page 3 de l’article sur le cyclisme)

Création d’hyperliens de navigation (« navto ») relatifs

La version v30 introduit de nouvelles options de navigation relative entre articles et pages. Les commandes navto relatives sont uniquement prises en charge dans les applications v30 ou ultérieures, mais vous pouvez utiliser n’importe quel format de folio (à partir de la version v20). Les liens navto relatifs sont pris en charge par les lecteurs iOS, Android et Windows Store. Ils ne sont pas compatibles avec le lecteur de bureau (Desktop Viewer) et le lecteur Web.

Vous pouvez utiliser différents formats navto://relative pour accéder à l’article précédent/suivant, accéder au premier/dernier article ou réinitialiser le folio. Par exemple, un bouton associé à l’action navto://relative/first renvoie au premier article du folio. Les formats valides sont first, last, next, previous, current et reset. Vous pouvez également renvoyer vers un article précis en indiquant sa position dans le folio (par exemple, le cinquième article).

Exemple : navto://relative/last (accède au dernier article du folio)

Exemple : navto://relative/last#last (accède à la dernière page du dernier article du folio)

Exemple : navto://relative/4 (accède au cinquième article du folio)

Exemple : navto://relative/4#2 (accède à la troisième page du cinquième article du folio)

Le format « current », correspondant à l’élément consulté, s’avère particulièrement utile pour la navigation entre pages. Vous pouvez utiliser les attributs #previous, #next, #first, #last, mais aussi pointer vers une page précise en indiquant par exemple #3 pour accéder à la page 4 de l’article.

Exemple : navto://relative/current#previous (accède à la page précédente de l’article)

Exemple : navto://relative/current#last (accède à la dernière page de l’article)

Exemple : navto://relative/current#3 (accède à la quatrième page de l’article consulté)

Utilisez le format navto pour créer un bouton qui réinitialise le folio.

Exemple : navto://relative/reset (renvoie directement au premier article et la position de lecture est réinitialisée)

Dans les articles à défilement lisse, vous pouvez utiliser la notation décimale ou en pourcentages pour accéder à un emplacement précis.

Exemple : navto://myarticle#3.3 (dans un article à défilement lisse, accède à un emplacement précis correspondant au bas de la page 4 et au haut de la page 5)

Exemple : navto://myarticle#50% (accède à la moitié d’un article à défilement lisse)

Pour utiliser des fonctionnalités de navigation relative encore plus élaborées, vous pouvez créer une incrustation de contenu Web ou un article HTML ayant accès à l’API de lecture. Par exemple, vous pouvez analyser le folio afin d’obtenir des données telles que le nombre d’articles qu’il contient et le nombre de pages de chaque article. Vous pouvez ensuite afficher ces informations ou les utiliser d’une autre manière dans l’incrustation ou l’article HTML. Pour plus d’informations, reportez-vous à la page New APIs and features in r30 (Nouvelles API et fonctionnalités de R30) dans le Centre de développement DPS.

Création d’hyperliens de redirection (« navto ») pour les articles HTML

Lorsque vous créez un hyperlien ou un bouton basé sur une URL, vous pouvez utiliser l’URL « navto:// » pour accéder à un autre article. Le format « navto » est particulièrement utile pour accéder aux articles HTML.  

Saisissez navto://, suivi du nom HTML de l’article (et non du titre de l’article).

Exemple : navto://newsarticle

Il n’est pas possible d’accéder à une page spécifique dans un article HTML ; en revanche, vous pouvez accéder à une ancre en indiquant navto://[nom_article]#[nom_ancre].

Exemple : navto://newsarticle#section4

Utilisez le format « navto » pour créer un hyperlien entre un article HTML et un article InDesign. Exemple :

<a href="navto://newsarticle">Voir les actualités</a>

Vous pouvez également accéder à des pages d’un article InDesign en adjoignant le numéro de page au nom du document. La première page du document porte le numéro 0, la deuxième page porte le numéro 1, et ainsi de suite. Exemple :

<a href="navto://Cycling#3">Accéder à la page 4 de l’article sur le cyclisme</a>

Le format « navto » permet de passer d’un article HTML à un autre à l’aide du nom de dossier. Exemple :

<a href="navto://newsarticle">Voir les actualités</a>

Création de liens d’accès (« goto ») vers les icônes personnalisées

Vous pouvez créer des boutons pour accéder à la bibliothèque, à la liste des sections ou à la dernière page consultée (bouton de retour). Pour ce faire, utilisez l’un de ces formats goto:// dans l’action du bouton :

goto://ApplicationViewState/library

goto://ApplicationViewState/sections

goto://FolioNavigation/lastview

Ces formats goto:// ne sont pas pris en charge dans le lecteur Android hérité basé sur AIR. Actuellement, seuls les formats « library » et « lastview » sont pris en charge par le lecteur Android natif.

Si vous avez un compte DPS Enterprise, vous pouvez utiliser le format goto pour créer des liens à partir d’articles vers le contenu HTML associé à des icônes personnalisées. Par exemple, vous pouvez utiliser DPS App Builder pour spécifier les icônes personnalisées pour « Magasin », « Aide » et « Termes ». Ces boutons s’affichent dans la bibliothèque du lecteur. Pour créer un bouton dans un article qui ouvre le contenu HTML pour l’une de ces icônes personnalisées, utilisez le format suivant :

goto://ApplicationViewState/[libellé]

Par exemple, le bouton goto://ApplicationViewState/Store permet d’ouvrir le magasin HTML, comme si vous touchiez l’icône personnalisée du magasin dans la bibliothèque.

Utilisez DPS App Builder pour créer des icônes personnalisées et spécifier des libellés. Reportez-vous à la page Barre d’outils de navigation (édition Enterprise uniquement).

Ces formats goto ne fonctionnent pas s’ils relient la bibliothèque ou un emplacement personnalisé à un autre emplacement personnalisé. Dans ce cas, vous devez utiliser l’API goToState. Reportez-vous à la page Library and Store SDK (en anglais).

Lien d’accès aux ressources dans le dossier des ressources HTML

Vous pouvez créer un hyperlien ou un bouton qui affiche une image, un fichier HTML ou PDF local dans le navigateur intégré du lecteur.

Création de liens vers des applications et des services externes

Vous pouvez créer un lien permettant d’envoyer un message électronique (mailto:), un message texte (SMS) ou d’appeler un numéro (tel:) depuis un article. Vous pouvez également créer des liens qui ouvrent l’application YouTube, une chanson sur iTunes ou un album. Pour en savoir plus sur les formats adéquats à utiliser pour les appareils iOS, reportez-vous à la page Apple URL Scheme Reference (Document de référence sur les schémas des URL Apple).

Pour plus d’informations sur la création de liens de messagerie avancés (mailto:), reportez-vous à l’article de James Lockman Sending email and email attachments from DPS publications (Envoi d’e-mails et de pièces jointes à partir de publications DPS).

Si vous définissez un schéma d’URL facultatif lorsque vous utilisez DPS App Builder pour créer une application iOS, vous pouvez créer un lien pointant vers cette dernière depuis une autre application ou lorsque l’utilisateur l’affiche à partir d’une page Web dans le navigateur mobile Safari. Reportez-vous à la page Panneau Détails du lecteur.