Si vous avez Adobe InDesign CS5, vous pouvez créer vos propres applications iPad et les rendre disponibles sur Internet . Connu sous le nom des applications Web , vous pouvez faire ces gratuitement sans avoir à apprendre la programmation de logiciels . Les utilisateurs peuvent accéder à votre application en utilisant Safari , le navigateur Web de l' iPad, et peuvent enregistrer sur leur écran d'accueil à utiliser la ligne de l'application. Si vous voulez inclure l'animation dans votre application , Adobe propose un programme gratuit qui vous permet de convertir n'importe quelle animation FLA créé dans InDesign dans un fichier HTML . Instructions
Création d'une Web App
1
Illustrator de lancement et de créer un nouveau document en appuyant sur "Ctrl" et "N" sur le clavier. Sélectionnez " Web " dans le menu d'intention. Cliquez sur l'icône " Portrait" puis tapez "1024" dans le champ Hauteur et " 768 " dans le champ Largeur .
2
Créer la page d'accueil de votre application dans InDesign , y compris les images , texte ou des boutons.
3
Créer un nouveau dossier pour votre application iPad. Sélectionnez « Export for " dans le menu Fichier, puis sélectionnez " Dreamweaver. " Ce enregistre le fichier au format HTML. D'autres sous- dossiers avec des fichiers de support , tels que des images, seront enregistrés dans votre dossier app iPad.
4
Créez pages supplémentaires pour l'application comme vous le souhaitez . Inclure des liens dans chaque page pour permettre aux utilisateurs de naviguer d'une page à l'autre. Les liens peuvent être ajoutés au texte, des images ou des boutons en utilisant le panneau Hyperliens .
Conversion d'animations HTML5
5
Aller à labs.adobe.com et cliquez sur "Téléchargements . " Sélectionnez le Wallaby Adobe Flash à l'application HTML. Télécharger et installer sur votre ordinateur en suivant les instructions à l'écran .
6
Ouvrez votre projet d'animation créée dans Adobe Illustrator. Sélectionnez l'option " Exporter" dans le menu Fichier . Cliquez sur le menu "Format" , sélectionnez " Flash CS5 Professional (FLA) " et cliquez sur "Enregistrer".
7
Lancez l'application Wallaby , accédez au fichier FLA et cliquez sur " Convert". Sélectionnez l' iPad dossier application et de donner le fichier d'animation d'un nom unique , comme « animation.html . " Ce processus va créer plusieurs fichiers basés sur le même nom avec des extensions différentes , comme " animation.css », « animation.js », etc . Cliquez sur " Enregistrer".
8
Ouvrez le fichier CSS dans un éditeur de texte ou un programme de conception de sites Web comme Dreamweaver. Recherchez le mot «infini» et remplacer toutes les occurrences avec le numéro "1" pour avoir l'animation jouer qu'une seule fois au lieu d' une boucle en continu.
9
ouvrir une page dans InDesign qui utilisera l' animation. Faites glisser l'outil " Rectangle Frame " sur la page. Cliquez sur le panneau " Overlay Creator ", sélectionnez "Contact Web ", puis sélectionnez le fichier HTML d'animation que vous avez créé à l'étape 3 . Utilisez les options disponibles dans le panneau Overlay Creator pour définir un délai , fond transparent lecture ou interaction avec l'utilisateur comme vous le souhaitez .
10
Télécharger et installer le navigateur Web Safari de apple.com /safari . C'est le navigateur Web natif sur l'iPad . Il peut être configuré pour se comporter comme un navigateur iPad.
11
lancement Safari. Cliquez sur le menu "Fichier" , sélectionnez "Préférences" puis cliquez sur "Avancé". Sélectionnez l'option "Afficher Développer Menu Menu Bar en " option.
12
Cliquez sur le menu «Développement» , sélectionnez « User Agent "et cliquez sur " Autre ". Une boîte de dialogue s'ouvre. Remplacez le contenu de la boîte de dialogue avec " Mozilla/5.0 ( iPad; U; CPU OS 3_2 comme Mac OS X , en-us) AppleWebKit/531.21.10 ( KHTML, like Gecko ) Version/4.0.4 Mobile/7B334b Safari /531.21.10 » pour simuler un navigateur iPad.
13
Ouvrez chacune de vos pages HTML avec Safari. Lorsque vous êtes satisfait des résultats , télécharger le dossier app iPad à un serveur Web. Testez l'application web en utilisant un iPad.
