Ce didacticiel va vous permettre de créer un folio et un article et de les prévisualiser sur un ordinateur, puis sur un iPad. A la fin de cette leçon, voici ce à quoi votre fichier d’une page ressemblera sur l’iPad.

final_meridien
Folio terminé affiché sur l’iPad

A. Vue en format paysage (horizontale) B. Vue en format portrait (verticale) 

Création d’un folio et d’un article

Un folio se définit comme une collection d’articles. Avant de lancer ce didacticiel, visionnez cette vidéo pour obtenir une présentation générale des outils Digital Publishing Suite.

Vidéo de présentation

Vidéo de présentation
<a href="http://tv.adobe.com/watch/digital-publishing/overview-of-adobe-digital-publishing-suite-workflow/" shape="rect" >Présentation vidéo du flux de travaux Digital Publishing Suite</a>
Colin Fleming

Dans ce didacticiel, vous allez ouvrir des documents distincts conçus pour une mise en page verticale et horizontale. La création de deux mises en page différentes pour chaque article permet aux utilisateurs de faire pivoter l’iPad pour afficher un contenu similaire orienté différemment.

  1. Dans InDesign, ouvrez le panneau Folio Builder. Pour InDesign CS5 ou CS5.5, choisissez la commande Fenêtre > Extensions > Folio Builder. Pour InDesign CS6, choisissez la commande Fenêtre > Folio Builder.

    La connexion au panneau n’est pas nécessaire. Si vous ne voulez pas vous connecter, vous pouvez créer hors ligne des folios et les visualiser sous forme d’aperçus sur un iPad connecté (Mac OS uniquement). L’un des avantages de la connexion, c’est que vous pouvez télécharger les folios sur un serveur acrobat.com et les télécharger sur un iPad ou un autre appareil en vous connectant à l’application Adobe Content Viewer. Si vous disposez d’un abonnement Professional ou Enterprise, vous devez également vous connecter pour créer des folios à destination d’un lecteur de contenu à folios multiples.

  2. Cliquez sur Créer un nouveau folio, puis définissez les options suivantes avant de cliquer sur OK.

    • Indiquez un nom de folio, par exemple « City Guide ».

    • Cliquez sur le numéro de version du lecteur et spécifiez la version la plus récente.

    • Conservez la valeur d’orientation sur portrait et paysage. Vous allez créer les deux mises en page (horizontale et verticale) pour tous les articles dans le folio.

    • Pour le paramètre Format par défaut, choisissez Automatique au lieu de Fichier PDF. Bien que Fichier PDF soit le paramètre préféré pour les folios que vous publiez, nous allons choisir Automatique, pour pouvoir afficher un aperçu du folio à l’aide de Desktop Viewer.

    • Cliquez sur les icônes de dossier appropriées dans la section Aperçu de la couverture et spécifiez les images cover_v.jpg et cover_h.jpg dans le dossier TutorialAssets > CityGuide_Folio.

    tut1_newfolio_1399929829390
    Création d’un folio

    Vous allez ensuite créer un article à partir d’un document InDesign ouvert.

  3. Si cela n’est pas déjà fait, décompressez le fichier TutorialAssets (au format .zip), puis naviguez jusqu’au dossier Meridien_Folio. Voir Configuration des didacticiels.

  4. Dans InDesign, ouvrez les fichiers WiFi_h.indd et WiFi_v.indd situés dans le dossier WiFi_Article. Si vous y êtes invité, mettez à jour les liens et enregistrez les fichiers dans le dossier approprié.

    Ces deux documents sont les fichiers source qui vous serviront à créer les mises en page horizontale et verticale.

    Remarque :

    dans InDesign CS6, il est possible de créer plusieurs mises en forme dans le même document, mais nous n’allons pas étudier cette méthode dans ces didacticiels.

  5. Dans le panneau Folio Builder, choisissez Nouvel article dans le menu du panneau pour créer un nouvel article. Dans le champ Nom de l’article, saisissez WiFi Ad, puis cliquez sur OK.

    tut1_newarticle_1399929829042
    Ajout d’un article à un folio

    Le nom de l’article apparaît dans le panneau Folio Builder. Les informations sur l’article sont téléchargées sur l’espace de travail du folio sur Internet.

  6. Dans le panneau Folio Builder, double-cliquez sur l’article « WiFi Ad ».

    Notez qu’une seule mise en page s’affiche dans la vue de la mise en page. Vous devez ajouter la deuxième mise en page.

  7. Activez l’autre document « WiFi », puis cliquez sur Ajouter une mise en page dans la vue de mise en page pour ajouter une deuxième mise en page.

    tut1_layouts_1399929828346
    Deux documents, horizontal et vertical, ajoutés comme mise en page
  8. Fermez les fichiers « WiFi » dans InDesign.

Modification des propriétés d’un article

Le panneau Folio Builder inclut trois vues : vue de folio, vue d’article et vue de mise en page.

tut1_folio_views_1399929829242
Vue du folio (à gauche), vue des articles (au centre) et vue de la mise en page (à droite)
  1. Testez la navigation dans les trois vues du panneau Folio Builder.

    Double-cliquez sur le folio et les noms d’article (ou cliquez sur les flèches vers la droite) pour effectuer une exploration en aval. Cliquez sur la flèche supérieure gauche pour revenir en arrière d’un niveau vers le haut.

  2. Dans le panneau Folio Builder, double-cliquez sur le folio « City Guide ». Sélectionnez l’article « WiFi Ad », puis sélectionnez Propriétés de l’article dans le menu du panneau Folio Builder.

    Lorsque vous modifiez les propriétés d’un article, cela détermine l’aspect de ce dernier dans le lecteur de contenu.

    Notez que la boîte de dialogue Propriétés de l’article inclut un champ Titre. Le titre de l’article s’affiche dans le lecteur de contenu. Le nom de l’article apparaît dans le panneau Folio Builder et dans Folio Producer. Lorsque vous créez des liens vers d’autres articles, utilisez le nom de l’article, et non le titre de l’article.

    tut1_articleprops_1399929829509
    Boîte de dialogue Propriétés de l’article
  3. Dans le champ Titre, saisissez Meridien Ad, sélectionnez les options Publicité et Masquer dans la table des matières, indiquez d’autres métadonnées, puis cliquez sur OK.

    Lorsque vous cochez la case Masquer dans la table des matières, l’article n’apparaît pas dans la table des matières du lecteur de contenu.

Aperçu de l’article avec Desktop Viewer

Vous avez la possibilité d’afficher un aperçu des articles et des folios sur un périphérique mobile avec Adobe Content Viewer for Desktop (également appelé Desktop Viewer).

  1. Sélectionnez l’article de test dans le panneau Folio Builder, puis cliquez sur le bouton Aperçu.

    Remarque :

    Desktop Viewer ne peut pas prévisualiser les articles PDF. Si vous n’avez pas sélectionné Automatique au lieu de PDF pour le format d’image, choisissez la commande Fichier > Aperçu du folio pour prévisualiser la mise en page.

  2. Appuyez sur Ctrl/Commande + R pour modifier l’orientation.

    tut1_article_preview
    Article affiché sur Desktop Viewer
  3. Quittez Adobe Content Viewer.

Vous pouvez également afficher un aperçu du folio sur un périphérique mobile tel qu’un iPad, en vous connectant à Adobe Content Viewer à l’aide de l’ID Adobe que vous avez utilisé pour vous connecter au panneau Folio Builder. Cela est abordé dans la leçon suivante.

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne