Πώς να κάνει ένα iPad App Με InDesign CS5

Αν έχετε το Adobe InDesign CS5 , μπορείτε να δημιουργήσετε τις δικές σας εφαρμογές iPad και τα καθιστούν διαθέσιμα στο Διαδίκτυο . Γνωστή ως εφαρμογές Web , μπορείτε να κάνετε αυτά δωρεάν , χωρίς να χρειάζεται να μάθουν προγραμματισμό του λογισμικού . Οι χρήστες μπορούν να έχουν πρόσβαση app σας χρησιμοποιώντας το Safari , το πρόγραμμα περιήγησης στο Web του iPad , και να το αποθηκεύσετε στην αρχική οθόνη τους να χρησιμοποιούν το app offline . Αν θέλετε να συμπεριλάβετε animation στην εφαρμογή σας , η Adobe έχει ένα δωρεάν πρόγραμμα που θα μετατρέψει οποιαδήποτε κίνηση FLA δημιουργηθεί στο InDesign σε ένα αρχείο HTML . Οδηγίες
Δημιουργία Web App

1

ξεκινήσει Illustrator και να δημιουργήσετε ένα νέο έγγραφο πατώντας το πλήκτρο " Ctrl " και " N" στο πληκτρολόγιο . Επιλέξτε "Web" στην πρόθεση μενού . Κάντε κλικ στο εικονίδιο " Portrait" και , στη συνέχεια, πληκτρολογήστε " 1024 " στο ύψος του πεδίου και το " 768 " στο πλάτος του πεδίου . 2

Δημιουργήστε την αρχική σελίδα της εφαρμογής σας στο InDesign , συμπεριλαμβανομένων τυχόν φωτογραφίες, κείμενο ή κουμπιά .
εικόνων 3

Δημιουργήστε ένα νέο φάκελο για το iPad app σας . Επιλέξτε " Εξαγωγή Για " από το μενού Αρχείο και στη συνέχεια επιλέξτε " Dreamweaver . " Αυτό αποθηκεύει το αρχείο σε μορφή HTML . Πρόσθετες υπο-φακέλους με τα αρχεία υποστήριξης , όπως εικόνες , θα αποθηκευτούν στο φάκελο iPad app .
Η 4

Δημιουργήστε ένα επιπλέον σελίδες για το app , όπως είναι επιθυμητό . Συμπεριλάβετε συνδέσεις σε κάθε σελίδα επιτρέπει στους χρήστες να περιηγηθείτε από τη μία σελίδα στην άλλη . Σύνδεσμοι μπορεί να προστεθεί στο κείμενο , τις εικόνες ή τα κουμπιά χρησιμοποιώντας τον πίνακα Υπερσυνδέσεις .
Εικόνων Μετατροπή Animation σε HTML5
5

Πηγαίνετε στο labs.adobe.com και κάντε κλικ στο " Downloads . " Επιλέξτε το Wallaby Adobe Flash στην εφαρμογή HTML . Κατεβάστε και εγκαταστήστε το στον υπολογιστή σας σύμφωνα με τις οδηγίες από τις οδηγίες που εμφανίζονται στην οθόνη .
Η 6

Ανοίξτε έργο κινουμένων σχεδίων σας δημιουργήθηκαν με το Adobe Illustrator . Επιλέξτε " Εξαγωγή " από το μενού Αρχείο . Κάντε κλικ στο μενού " Format " , επιλέξτε " Flash CS5 Professional ( FLA ) " και κάντε κλικ στο κουμπί "Αποθήκευση".
Η 7

Εκκινήστε την εφαρμογή Wallaby , περιηγηθείτε στο αρχείο FLA και κάντε κλικ στο "Μετατροπή ". Επιλέξτε το φάκελο app iPad και να δώσει το αρχείο animation ένα μοναδικό όνομα , όπως " animation.html . « Αυτή η διαδικασία θα δημιουργήσει πολλαπλά αρχεία με βάση το ίδιο όνομα με διαφορετικές επεκτάσεις , όπως " animation.css ", " animation.js », κλπ . Κάντε κλικ στο κουμπί "Αποθήκευση".
8

Ανοίξτε το αρχείο CSS σε ένα πρόγραμμα επεξεργασίας κειμένου ή ένα πρόγραμμα σχεδίασης Web όπως το Dreamweaver . Αναζήτηση για τη λέξη " άπειρο " και αντικαταστήστε όλα τα γεγονότα με τον αριθμό " 1 " να έχει το animation παίξει μόνο μία φορά , αντί να looping συνεχώς.
Η 9

Ανοίξτε μια σελίδα στο InDesign που θα χρησιμοποιεί το animation . Σύρετε το " ορθογώνιο εργαλείο Πλαίσιο" πάνω στη σελίδα . Κάντε κλικ στο "Επικάλυψη Δημιουργός" πίνακα, επιλέξτε "Web Επικοινωνία " και στη συνέχεια επιλέξτε το αρχείο animation HTML που δημιουργήσατε στο Βήμα 3 . Χρησιμοποιήστε τις διαθέσιμες επιλογές στον πίνακα Overlay Creator για να ορίσετε μια καθυστέρηση αναπαραγωγής , διαφανές φόντο ή αλληλεπίδραση του χρήστη , όπως είναι επιθυμητό .

Η 10

Κατεβάστε και εγκαταστήστε το πρόγραμμα περιήγησης Web Safari από το apple.com /σαφάρι . Αυτή είναι η μητρική πρόγραμμα περιήγησης στο Web για το iPad . Μπορεί να ρυθμιστεί ώστε να συμπεριφέρονται ως ένα πρόγραμμα περιήγησης στο iPad .
Η 11

Εκκίνηση Safari . Κάντε κλικ στο μενού "Αρχείο" , επιλέξτε " Preferences" και στη συνέχεια κάντε κλικ στο κουμπί "Advanced ". Επιλέξτε την επιλογή " Εμφάνιση Ανάπτυξη Menu στο Menu Bar " .
Η 12

Κάντε κλικ στο μενού " Ανάπτυξη " , επιλέξτε "User Agent " και κάντε κλικ στο " Other. " ανοίγει ένα παράθυρο διαλόγου . Αντικαταστήστε τα περιεχόμενα του πλαισίου διαλόγου με " Mozilla/5.0 ( iPad ? U ? CPU OS 3_2 όπως το Mac OS X ? En -us ) AppleWebKit/531.21.10 ( KHTML , like Gecko ) Version/4.0.4 Mobile/7B334b Safari /531.21.10 "για να προσομοιώσει ένα πρόγραμμα περιήγησης στο iPad .
Η 13

Ανοίξτε καθεμία από τις σελίδες HTML σας με το Safari . Όταν είστε ικανοποιημένοι με τα αποτελέσματα , ανεβάστε το φάκελο app iPad σε ένα διακομιστή Web . Δοκιμάστε το web app χρησιμοποιώντας ένα iPad .
Η
εικόνων