Διατηρήστε τη συμβατότητα του προγράμματος περιήγησης με το 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 όλων των τύπων, έξυπνα τηλέφωνα και άλλες συσκευές που χρησιμοποιούν σύγχρονα προγράμματα περιήγησης για κινητά.


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

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

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

Εργασία με εικόνες στο Adobe XD

Εργασία με εικόνες στο Adobe XD

Αφού εισαγάγετε τις εικόνες σας στο Adobe XD, δεν έχετε μεγάλο έλεγχο επεξεργασίας, αλλά μπορείτε να αλλάξετε το μέγεθος και να περιστρέψετε τις εικόνες όπως θα κάνατε με οποιοδήποτε άλλο σχήμα. Μπορείτε επίσης να στρογγυλοποιήσετε εύκολα τις γωνίες μιας εισαγόμενης εικόνας χρησιμοποιώντας τα γραφικά στοιχεία γωνίας. Απόκρυψη των εικόνων σας Ορίζοντας ένα κλειστό σχήμα […]

Πώς να προσαρμόσετε τις ιδιότητες κειμένου στο Adobe XD

Πώς να προσαρμόσετε τις ιδιότητες κειμένου στο Adobe XD

Όταν έχετε κείμενο στο έργο σας Adobe XD, μπορείτε να αρχίσετε να αλλάζετε τις ιδιότητες κειμένου. Αυτές οι ιδιότητες περιλαμβάνουν Οικογένεια γραμματοσειράς, Μέγεθος γραμματοσειράς, Βάρος γραμματοσειράς, Ευθυγράμμιση, Διάστιχο χαρακτήρων (πυρήνωση και παρακολούθηση), Διάστιχο γραμμής (προπορευόμενο), Γέμισμα, Περιθώριο (εγκεφαλικό επεισόδιο), Σκιά (σκιά πτώσης) και Θάμπωμα φόντου. Ας εξετάσουμε λοιπόν πώς εφαρμόζονται αυτές οι ιδιότητες. Σχετικά με την αναγνωσιμότητα και τη γραμματοσειρά […]

Εργασία με Artboards στο Photoshop CC

Εργασία με Artboards στο Photoshop CC

Όπως και στο Adobe Illustrator, οι πίνακες γραφικών του Photoshop παρέχουν τη δυνατότητα δημιουργίας ξεχωριστών σελίδων ή οθονών σε ένα έγγραφο. Αυτό μπορεί να είναι ιδιαίτερα χρήσιμο εάν κατασκευάζετε οθόνες για μια εφαρμογή για κινητά ή ένα μικρό φυλλάδιο. Μπορείτε να σκεφτείτε ένα artboard ως έναν ειδικό τύπο ομάδας επιπέδων που δημιουργείται χρησιμοποιώντας τον πίνακα Layers. Το […]

Σχήματα και πολύγωνα στο InDesign

Σχήματα και πολύγωνα στο InDesign

Πολλά από τα εργαλεία που βρίσκετε στον πίνακα Εργαλεία InDesign χρησιμοποιούνται για τη σχεδίαση γραμμών και σχημάτων σε μια σελίδα, επομένως έχετε πολλούς διαφορετικούς τρόπους δημιουργίας ενδιαφέροντων σχεδίων για τις δημοσιεύσεις σας. Μπορείτε να δημιουργήσετε οτιδήποτε, από βασικά σχήματα μέχρι περίπλοκα σχέδια μέσα στο InDesign, αντί να χρειάζεται να χρησιμοποιήσετε ένα πρόγραμμα σχεδίασης όπως […]

Αναδίπλωση κειμένου σε Adobe Illustrator CC

Αναδίπλωση κειμένου σε Adobe Illustrator CC

Η αναδίπλωση κειμένου στο Adobe Illustrator CC δεν είναι ακριβώς το ίδιο με το τύλιγμα ενός δώρου — είναι πιο εύκολο! Μια αναδίπλωση κειμένου αναγκάζει το κείμενο να αναδιπλωθεί γύρω από ένα γραφικό, όπως φαίνεται σε αυτό το σχήμα. Αυτή η δυνατότητα μπορεί να προσθέσει λίγη δημιουργικότητα σε οποιοδήποτε κομμάτι. Το γραφικό αναγκάζει το κείμενο να τυλιχτεί γύρω του. Πρώτα, δημιουργήστε […]

Πώς να αλλάξετε το μέγεθος των σχημάτων στο Illustrator

Πώς να αλλάξετε το μέγεθος των σχημάτων στο Illustrator

Όταν σχεδιάζετε στο Adobe Illustrator CC, συχνά χρειάζεστε ένα σχήμα για να έχει ακριβές μέγεθος (για παράδειγμα, 2 x 3 ίντσες). Αφού δημιουργήσετε ένα σχήμα, ο καλύτερος τρόπος για να αλλάξετε το μέγεθός του σε ακριβείς μετρήσεις είναι να χρησιμοποιήσετε τον πίνακα Transform, που φαίνεται σε αυτό το σχήμα. Επιλέξτε το αντικείμενο και, στη συνέχεια, επιλέξτε Παράθυρο→ Μετατροπή σε […]

Πώς να δημιουργήσετε κωδικούς QR στο InDesign CC

Πώς να δημιουργήσετε κωδικούς QR στο InDesign CC

Μπορείτε να χρησιμοποιήσετε το InDesign για να δημιουργήσετε και να τροποποιήσετε γραφικά με κώδικα QR. Οι κωδικοί QR είναι μια μορφή γραμμικού κώδικα που μπορεί να αποθηκεύσει πληροφορίες όπως λέξεις, αριθμούς, διευθύνσεις URL ή άλλες μορφές δεδομένων. Ο χρήστης σαρώνει τον κωδικό QR χρησιμοποιώντας την κάμερα και το λογισμικό του σε μια συσκευή, όπως ένα smartphone, και το λογισμικό χρησιμοποιεί […]

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

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

Μπορεί να υπάρξει κάποια στιγμή που χρειάζεστε μια νέα φωτογραφία για να φαίνεστε παλιά. Το Photoshop CS6 σας καλύπτει. Η ασπρόμαυρη φωτογραφία είναι ένα νεότερο φαινόμενο από ό,τι φαντάζεστε. Οι δαγκεροτυπίες και άλλες πρώιμες φωτογραφίες είχαν συχνά έναν καφέ ή γαλαζωπό τόνο. Μπορείτε να δημιουργήσετε δικά σας αριστουργήματα σε τόνους σέπια. Οι τονισμένες εικόνες μπορούν να δημιουργήσουν […]

Η δυνατότητα Live Paint στο Adobe CS5 Illustrator

Η δυνατότητα Live Paint στο Adobe CS5 Illustrator

Χρησιμοποιώντας τη δυνατότητα Live Paint στο Adobe Creative Suite 5 (Adobe CS5) Illustrator, μπορείτε να δημιουργήσετε την εικόνα που θέλετε και να συμπληρώσετε περιοχές με χρώμα. Ο κάδος Live Paint εντοπίζει αυτόματα περιοχές που αποτελούνται από ανεξάρτητες διασταυρούμενες διαδρομές και τις γεμίζει ανάλογα. Η βαφή σε μια δεδομένη περιοχή παραμένει ζωντανή και ρέει αυτόματα εάν υπάρχει […]