Διατηρήστε τη συμβατότητα του προγράμματος περιήγησης με το Adobe Edge Animate CC

Το Adobe Edge Animate CC λειτουργεί σε όλα τα σύγχρονα προγράμματα περιήγησης — συμπεριλαμβανομένων των πιο πρόσφατων εκδόσεων των Chrome, Firefox, Opera, Safari και Internet Explorer 9. Λειτουργεί επίσης σε όλα τα tablet και τα έξυπνα τηλέφωνα που έχουν εγκατεστημένα σύγχρονα προγράμματα περιήγησης. Για κοινό που δεν χρησιμοποιεί σύγχρονα προγράμματα περιήγησης, το Edge Animate παρέχει μια εναλλακτική επιλογή που μπορείτε να χρησιμοποιήσετε, ώστε η κινούμενη εικόνα σας να μην φαίνεται σπασμένη.

Η συμβατότητα είναι σημαντική για το περιεχόμενο ιστού. Εάν ένα πρόγραμμα περιήγησης δεν υποστηρίζει τον κώδικά σας, τότε η κινούμενη εικόνα σας δεν θα λειτουργήσει. Δεν είναι περίεργο που το Adobe Edge Animate CC δημιουργεί κώδικα που λειτουργεί σε όλα τα σύγχρονα προγράμματα περιήγησης.

Ανησυχίες με HTML5 και παλαιότερα προγράμματα περιήγησης

Πολλοί προγραμματιστές ιστού ανησυχούν ότι δεν είναι όλα τα μέρη της HTML5 συμβατά με όλα τα προγράμματα περιήγησης. Αυτό ισχύει ιδιαίτερα με τον Internet Explorer. Όπου πολλές δυνατότητες της HTML5 θα λειτουργούν σε προγράμματα περιήγησης όπως το Chrome και το Firefox, δεν θα λειτουργούν πάντα στον Internet Explorer.

Αυτό αφήνει πολλούς προγραμματιστές ιστού να αναρωτιούνται πόσο ευρέως πρέπει να αρχίσουν να χρησιμοποιούν HTML5. Δεν είναι προς το συμφέρον ενός προγραμματιστή ιστού να δημιουργεί ιστοσελίδες που δεν λειτουργούν σε όλα τα προγράμματα περιήγησης — αλλά το μέλλον είναι ακόμα λίγο θολό και πολλοί άνθρωποι είναι ικανοποιημένοι με τη χρήση παλαιών προγραμμάτων περιήγησης.

Η Adobe έχει αντιμετωπίσει αυτά τα ζητήματα με το Edge Animate. Μπορείτε να αισθάνεστε ασφαλείς, γνωρίζοντας ότι οι συνθέσεις Ιστού Edge Animate θα λειτουργούν σε όλα τα σύγχρονα προγράμματα περιήγησης, συμπεριλαμβανομένων των τρεχουσών εκδόσεων του Firefox, του Chrome, του Safari και του Internet Explorer 9.

Δεν χρειάζεται να γνωρίζετε HTML5, ή ακόμα και HTML, για να χρησιμοποιήσετε το Edge Animate. Όμως, όσο περισσότερα γνωρίζετε, τόσο καλύτερα θα είστε εάν χρειαστεί να χρησιμοποιήσετε τον κώδικα για να τον βοηθήσετε στην εφαρμογή του για προβολή. Το λογισμικό Edge Animate δημιουργεί τον κώδικα για εσάς ενώ δημιουργείτε το web animation σας.

Όταν αποθηκεύετε το αρχείο Edge Animate, το λογισμικό δημιουργεί πολλά διαφορετικά αρχεία. Ένα από αυτά τα αρχεία έχει την επέκταση ονόματος αρχείου .html. Ο κώδικας HTML5 βρίσκεται μέσα στο αρχείο .html. Μπορείτε να προβάλετε αυτό το αρχείο με οποιοδήποτε πρόγραμμα επεξεργασίας απλού κειμένου, όπως το Σημειωματάριο. Αφού ολοκληρώσετε τη δημιουργία της σύνθεσής σας, μπορείτε να προβάλετε την κινούμενη εικόνα σε ένα πρόγραμμα περιήγησης Ιστού — είτε μέσα από το λογισμικό είτε κάνοντας διπλό κλικ στο αρχείο .html, το οποίο ανοίγει και αναπαράγει το κινούμενο σχέδιο στο προεπιλεγμένο πρόγραμμα περιήγησής σας.

Συμβατότητα προγράμματος περιήγησης επιτραπέζιου υπολογιστή

Η συμβατότητα με το πρόγραμμα περιήγησης ιστού Microsoft Internet Explorer είναι ένα ζήτημα που πρέπει να αντιμετωπίσουν οι προγραμματιστές ιστού κατά την ανάπτυξη τοποθεσιών. Η Microsoft άργησε να ενημερώσει τον Internet Explorer ώστε να είναι συμβατός με HTML5 — και ο κώδικας που λειτουργεί τέλεια σε Chrome, Safari και Firefox δεν συμπεριφέρεται καλά σε προηγούμενες εκδόσεις του Internet Explorer.

Για παράδειγμα, εάν κωδικοποιήσετε ένα περίγραμμα ώστε να έχει στρογγυλεμένες άκρες, τότε οι γωνίες σας θα εμφανίζονται στρογγυλεμένες στο Chrome και τον Firefox. αλλά δείτε την ίδια τοποθεσία στον IE και ξαφνικά οι στρογγυλεμένες άκρες σας εμφανίζονται τετράγωνες. Θέματα όπως αυτό μπορεί να καταστρέψουν τον σχεδιασμό ενός ιστότοπου.

Τα προγράμματα περιήγησης όπως το Firefox, το Chrome, το Safari και το Opera υποστηρίζουν ήδη πολλές πτυχές της HTML5. Δεν υπάρχουν ανησυχίες σχετικά με τις συνθέσεις Adobe Edge Animate CC που λειτουργούν τέλεια σε αυτά τα προγράμματα περιήγησης. Αυτά τα προγράμματα περιήγησης διαθέτουν επίσης ενσωματωμένες αυτόματες ενημερώσεις για τους χρήστες τους. Εξαιτίας αυτού, οι σχεδιαστές ιστοσελίδων και οι προγραμματιστές μπορούν να αισθάνονται σίγουροι ότι οι χρήστες τους πιθανότατα χρησιμοποιούν την πιο πρόσφατη έκδοση αυτού του προγράμματος περιήγησης.

Τι να κάνετε για τον Internet Explorer 8 και παλαιότερες εκδόσεις

Σε έναν ιδανικό κόσμο, όλοι θα αναβάθμιζαν τακτικά τα προγράμματα περιήγησής τους. Δυστυχώς, δεν μπορούν όλοι να το κάνουν αυτό, για οποιονδήποτε λόγο. Παρόλο που ο Internet Explorer 9 άνοιξε την πόρτα στη συμβατότητα HTML5, πράγμα που σημαίνει ότι το Edge Animate λειτουργεί σε αυτήν την έκδοση του προγράμματος περιήγησης, δεν έχουν αναβαθμίσει όλοι οι χρήστες IE τα προγράμματα περιήγησής τους.

Δεν είναι ασυνήθιστο για πολλούς χρήστες IE να χρησιμοποιούν τις εκδόσεις 7 και 8 — και (προς φρίκη και απογοήτευση πολλών σχεδιαστών) ο IE 6 εξακολουθεί να χρησιμοποιείται από πολλούς ανθρώπους.

Οι συνθέσεις Adobe Edge Animate CC δεν θα λειτουργούν στον Internet Explorer 8 και παλαιότερες εκδόσεις, όπως το HTML5 δεν λειτουργεί στον IE6.

Ωστόσο, τα καλά νέα είναι ότι όλο και περισσότεροι χρήστες Ιστού αναβαθμίζουν τα προγράμματα περιήγησής τους και η χρήση του IE6 μειώνεται σιγά σιγά. Με αυτό, ωστόσο, το Edge Animate λειτουργεί σε όλα τα σύγχρονα φορητά προγράμματα περιήγησης. Εάν ο κύριος στόχος σας είναι να δημιουργήσετε κινούμενες εφαρμογές για χρήση σε έξυπνα τηλέφωνα και tablet, τότε είστε πολύ τυχεροί.

Εάν δημιουργείτε κινούμενα σχέδια ιστού για ένα κοινό που εξακολουθεί να χρησιμοποιεί IE8 και παλαιότερα προγράμματα περιήγησης, αυτή η απαρχαιωμένη κατάσταση μπορεί να σας προβληματίσει όταν χρησιμοποιείτε το Adobe Edge Animate CC. Πείτε ότι ξοδεύετε αμέτρητες ώρες αναπτύσσοντας το τέλειο web animation και στη συνέχεια το τοποθετείτε στο διαδίκτυο. Το δοκιμάσατε σε Firefox και IE 9 και λειτουργεί τέλεια.

Στη συνέχεια περνάτε στην αίθουσα για να το δείξετε στο αφεντικό σας — και, κατά τρόμο, δεν λειτουργεί επειδή το αφεντικό σας χρησιμοποιεί IE 6. Λοιπόν, στον πραγματικό κόσμο, υπάρχει μεγάλη πιθανότητα πολλοί από τους πελάτες και τους πελάτες σας να είναι επίσης χρησιμοποιώντας μια παλαιότερη έκδοση του IE που δεν είναι συμβατή με το Edge Animate.

Ευτυχώς, το Edge Animate σάς καλύπτει με τουλάχιστον δύο επιλογές: Μπορείτε (α) να χρησιμοποιήσετε την υποστήριξη Google Chrome Frame ή (β) να χρησιμοποιήσετε υποστήριξη προγράμματος περιήγησης σε χαμηλό επίπεδο — μια δυνατότητα που σας δίνει τη δυνατότητα να δημιουργήσετε μια αφίσα (μια στατική εικόνα) ή για να χρησιμοποιήσετε στατικό HTML, για να αντικαταστήσετε την κινούμενη εικόνα — που εμποδίζει τον ιστότοπό σας να εμφανίζεται "σπασμένος". Το κοινό σας βλέπει μια εικόνα που μοιάζει με τον τρόπο που υποτίθεται ότι φαίνεται, παρόλο που δεν είναι κινούμενη.

Υποστήριξη Google Chrome Frame

Το Edge Animate έχει μια δυνατότητα που σας επιτρέπει να χρησιμοποιείτε την υποστήριξη του Google Chrome Frame για προγράμματα περιήγησης που δεν υποστηρίζουν κινούμενα σχέδια. Ως επόμενο βήμα προς την υποστήριξη χαμηλού επιπέδου προγράμματος περιήγησης, μπορείτε να δημοσιεύσετε περιεχόμενο Edge Animate, ώστε το κοινό σας να μπορεί να το δει στον IE 6, 7 ή 8 χρησιμοποιώντας το Google Chrome Frame. Για τον χρήστη που δεν έχει ήδη το Google Chrome Frame, μπορείτε επίσης να ελέγξετε την εμπειρία εγκατάστασης του.

Το Edge Animate έχει στάδια κατωτέρου επιπέδου

Τα στάδια κάτω επιπέδου στο Edge Animate είναι εκδόσεις του Stage που μπορείτε να χρησιμοποιήσετε για να δημιουργήσετε και να δημοσιεύσετε μια έκδοση κατώτερου επιπέδου της σύνθεσής σας που θα είναι συμβατή με προγράμματα περιήγησης που δεν υποστηρίζουν κινούμενα σχέδια HTML5. Τα στάδια κατωτέρου επιπέδου προσφέρουν μόνο ελάχιστα εργαλεία δημιουργίας, αλλά μπορείτε

  • Εισαγάγετε γραφικά και δημιουργήστε στοιχεία κειμένου.

  • Εισαγάγετε μια αφίσα από την κύρια σύνθεση.

Βασικά, τα κινούμενα σχέδια που δημιουργείτε και τοποθετείτε στο διαδίκτυο μπορούν να εντοπίσουν τα προγράμματα περιήγησης που χρησιμοποιεί το κοινό σας. Εάν ο κώδικας εντοπίσει ότι κάποιος χρησιμοποιεί ένα μη συμβατό πρόγραμμα περιήγησης για την κινούμενη εικόνα σας, τότε εμφανίζεται ξανά μια εικόνα αφίσας αντί για την κινούμενη εικόνα. Αυτό προστατεύει τον ιστότοπό σας από το να εμφανίζεται κατεστραμμένο. Αντί να δει ένα κινούμενο σχέδιο που δεν λειτουργεί, το κοινό βλέπει μια αφίσα — ένα ακίνητο πλαίσιο — που δημιουργείτε από το κινούμενο σχέδιο.

Και πάλι, δεν χρειάζεται να γνωρίζετε κώδικα για να λειτουργήσει η υποστήριξη του κάτω επιπέδου Stage. Αν και η κωδικοποίηση για τον εντοπισμό του προγράμματος περιήγησης μπορεί να είναι δύσκολη, το Edge Animate έχει ενσωματωμένη αυτή τη δυνατότητα — και είναι μια επιλογή που μπορείτε να επιλέξετε όταν είστε έτοιμοι να δημοσιεύσετε.

Συμβατότητα με προγράμματα περιήγησης για tablet και κινητά

Όπου το Adobe Flash αποτυγχάνει, το Adobe Edge Animate CC λειτουργεί. Είναι γνωστό ότι η Apple δεν επιτρέπει στο Adobe Flash animation να λειτουργεί στις φορητές συσκευές της — και αυτό περιλαμβάνει το iPhone, το iPod touch και το iPad. Ο Steve Jobs, πριν πεθάνει, δήλωσε ότι το Flash είχε πάρα πολλές ευπάθειες ασφαλείας και άλλες αρνητικές πτυχές για την Apple για να επιτρέψει στο Flash να λειτουργεί με το iOS.

Το Edge Animate, από την άλλη πλευρά, δεν υποφέρει από αυτά τα προβλήματα. Οι συνθέσεις σας Edge Animate θα λειτουργούν μια χαρά σε προϊόντα Apple — και σε συσκευές Android — είτε tablet όλων των τύπων, έξυπνα τηλέφωνα και άλλες συσκευές που χρησιμοποιούν σύγχρονα προγράμματα περιήγησης για κινητά.

Leave a Comment

Μετακίνηση, προσθήκη, διαγραφή και αρίθμηση σελίδων InDesign CS5

Μετακίνηση, προσθήκη, διαγραφή και αρίθμηση σελίδων InDesign CS5

Το πλαίσιο Σελίδες στο InDesign Creative Suite 5 σάς επιτρέπει να επιλέξετε, να μετακινήσετε, να προσθέσετε, να διαγράψετε, να αριθμήσετε, να αντιγράψετε, το μέγεθος και να περιηγηθείτε σε σελίδες σε μια δημοσίευση του InDesign.

Εκδόσεις Spell-Check InDesign CS5

Εκδόσεις Spell-Check InDesign CS5

Διορθώστε εύκολα τυπογραφικά και ορθογραφικά λάθη με τον ορθογραφικό έλεγχο στο InDesign Creative Suite 5, δημιουργώντας προσαρμοσμένα λεξικά χρήστη για καλύτερη ακρίβεια.

Πώς να χρησιμοποιήσετε τα πλέγματα στο Adobe InDesign CS6

Πώς να χρησιμοποιήσετε τα πλέγματα στο Adobe InDesign CS6

Ανακαλύψτε πώς να δημιουργήσετε και να χρησιμοποιήσετε πλαίσια κειμένου στο Adobe InDesign CS6. Εξερευνήστε νέες μεθόδους και εργαλεία για αποτελεσματική σχεδίαση.

Πώς να κάνετε τη φωτογραφία σας να μοιάζει με ελαιογραφία στο Photoshop CS6

Πώς να κάνετε τη φωτογραφία σας να μοιάζει με ελαιογραφία στο Photoshop CS6

Ανακαλύψτε πώς να μετατρέψετε τις φωτογραφίες σας σε ελαιογραφίες χρησιμοποιώντας το φίλτρο Oil Paint στο Photoshop CS6. Μάθετε χρήσιμες τεχνικές για καλύτερα αποτελέσματα.

Πώς να δημιουργήσετε οδηγούς στο Photoshop CS6

Πώς να δημιουργήσετε οδηγούς στο Photoshop CS6

Ανακαλύψτε πώς να δημιουργήσετε και να χρησιμοποιήσετε οδηγούς στο Photoshop CS6 για ακριβή ευθυγράμμιση και σχεδίαση.

Επιλέξτε τη σωστή λειτουργία Photoshop: Duotone

Επιλέξτε τη σωστή λειτουργία Photoshop: Duotone

Επιλέξτε Image→ Mode για να δείτε τις επιλογές λειτουργίας εικόνας στο Adobe Photoshop CS5. Χρησιμοποιήστε τη λειτουργία Duotone για τη δημιουργία εικόνας με 1-4 χρώματα, ιδανικά για επαγγελματικές εκτυπώσεις.

Πώς να μετατρέψετε από RGB σε CMYK Color Mode στο Photoshop CS6

Πώς να μετατρέψετε από RGB σε CMYK Color Mode στο Photoshop CS6

Μάθετε πώς να μετατρέψετε την εικόνα σας από RGB σε CMYK στο Adobe Photoshop CS6 με αυτές τις χρήσιμες οδηγίες.

Πώς να κάνετε μέτρηση στην οθόνη στο Photoshop CS6

Πώς να κάνετε μέτρηση στην οθόνη στο Photoshop CS6

Μάθετε πώς να μετρήσετε αποστάσεις και αντικείμενα στο Photoshop CS6 χρησιμοποιώντας εύχρηστες μεθόδους. Χρησιμοποιήστε τους χάρακες και τις γενικές επιλογές για ακριβείς μετρήσεις.

Τα βασικά εργαλεία σχήματος στο Illustrator CC

Τα βασικά εργαλεία σχήματος στο Illustrator CC

Μάθετε τα βασικά εργαλεία σχήματος στο Illustrator и την αποτελεσματική χρήση τους για δημιουργία επαγγελματικών σχεδίων.

Πώς να εφαρμόσετε τη διαφάνεια σε SVG

Πώς να εφαρμόσετε τη διαφάνεια σε SVG

Μάθετε πώς να εφαρμόζετε τη διαφάνεια στα γραφικά SVG στο Illustrator. Εξερευνήστε πώς να εξάγετε SVG με διαφανές φόντο και να εφαρμόσετε εφέ διαφάνειας.