Comment créer des widgets web pour iBooks Author

iBooks Author fournit des objets HTML qui peuvent contenir des extraits de HTML (ce qu'Apple appelle des widgets Web), qui vous permettent d'exécuter les fonctionnalités du site comme d'un e-book. Vous ne pouvez pas simplement copier le code HTML pour un web standard page- vous devez créer ce que Apple appelle un widget Web en utilisant son outil Dashcode, un téléchargement gratuit sur le site d'Apple (il ne nécessite que vous vous inscrivez en tant que développeur).

Pour ajouter un objet HTML, choisissez HTML dans le menu de l'icône dans la barre d'outils Widgets ou choisissez Insertion-Widget HTML. Pour obtenir le code du widget web dans un objet HTML sélectionnée, vous avez deux options:

• Faites glisser le fichier widget Dashcode depuis le Finder sur l'objet.

• Cliquez sur Choisir dans Interaction le panneau de l'inspecteur Widget pour ouvrir une feuille de paramètres, où vous pouvez localiser un fichier de Dashcode, sélectionnez-le, puis cliquez sur Insérer pour l'ajouter à l'objet HTML.

  

Parce que les objets HTML lire en mode plein écran sur l'iPad, la taille par défaut pour un objet HTML est relativement faible, sous l'hypothèse que l'image de prévisualisation est plus comme un bouton ou une icône d'un fac-similé détaillé d'une page Web. Vous pouvez redimensionner l'objet HTML comme tout autre objet si votre image d'aperçu garantit une plus grande taille.

Si vous projetez de faire plus de widgets Dashcode de base, vous avez besoin d'HTML solide, CSS, javascript et les compétences. Mais le processus de base pour créer un widget web est le même, quelle que soit sa complexité.

Lors de la création d'un widget web dans Dashcode, la première décision est le type de widget Web que vous souhaitez créer. Pour spécifier le type de widget, procédez comme suit:

1. 
   
   
   
   

   Lancez l'application Dashcode sur votre Mac.

2. Ouvrez un nouveau projet en choisissant Fichier Projet-Nouvelle.

   Alternativement, vous pouvez appuyer sur Commande + N.

3. Choisissez tableau de bord comme le type dans le volet gauche de la feuille des paramètres qui apparaît widget.

   

   Vous ne pouvez pas utiliser des widgets de safari dans iBooks Author.

4. Sélectionnez le modèle souhaité de la feuille des paramètres, puis cliquez sur Choisir.

   Vous pouvez également cliquer sur Ouvrir existants de continuer à travailler sur un widget créé précédemment.

Dans la fenêtre de projet qui ouvre après avoir créé un widget, une liste des attributs de l'objet apparaît dans le volet de gauche, et une liste de tâches apparaît au bas de cette fenêtre. Les options varient en fonction du type de widget que vous avez choisi de créer.

L'iPad de troisième génération a une résolution d'écran de 2048 par 1536 pixels, mais vous avez encore fixé les dimensions du web Widget pour la résolution de 1024 par 768 pixels, à la fois pour la compatibilité avec les millions de iPads génération précédente et parce que le troisième iPad génération utilise sa résolution supplémentaire de ne pas entasser plus de pixels sur l'écran, mais pour produire des pixels lisses qui ressemblent plus à des images de la vie réelle.

Parce que des widgets Web dans les objets HTML de iBooks Author tournent à plein écran sur l'iPad, de profiter pleinement de cette taille d'écran pour vos widgets.

Après avoir défini les visuels de la web widgets, passer par les différentes composantes qui figurent au bas du volet de gauche. Vous pouvez également afficher (et modifier) ​​le code correspondant en dessous de la fenêtre principale en choisissant View-Source Code ou en appuyant sur Commande + 2.

Ci-dessous la liste des composants est le volet Étapes du processus, qui vous permet de faire défiler les étapes nécessaires pour compléter le widget Web, avec des actions nécessaires répertoriés. Cliquez sur l'icône de triangle à une exigence de gauche à avoir la fenêtre principale affiche les paramètres appropriés. Cliquez sur Marquer comme Fait pour chaque étape du workflow que vous avez terminé de sorte que vous pouvez facilement suivre vos progrès.

Prévisualiser votre widget Web en cliquant sur le bouton Exécuter dans la barre d'outils.

Pour obtenir le widget Web dans iBooks Author, aller à l'étape du workflow finale (Test Partager) et cliquez sur l'option Partager. Cliquez sur Enregistrer sur le disque pour créer le widget (.WDGT) Fichier qui peut être importé ou traîné dans iBooks Author.