Πώς να χρησιμοποιήσετε συμπεριφορές με κουτιά στο Adobe Dreamweaver CS6

Για να προσθέσετε εντυπωσιακά εφέ και διαδραστικότητα, μπορείτε να χρησιμοποιήσετε τις ενσωματωμένες συμπεριφορές Adobe Dreamweaver CS6 , μια συλλογή από έτοιμα προς χρήση σενάρια που μπορείτε να εφαρμόσετε σε σχεδόν οποιοδήποτε στοιχείο μιας σελίδας. Όταν χρησιμοποιούνται με DIV ή άλλα κοντέινερ, οι συμπεριφορές μπορούν να τις βελτιώσουν με ειδικά εφέ ή αλληλεπίδραση με το ποντίκι (όπως κλικ και ανατροπές) για να κάνουν τη σελίδα πιο συναρπαστική.

Ο πίνακας συμπεριφορών διαθέτει ένα εντελώς νέο σύνολο εφέ, όπως Fade/Appear, Shrink, Highlight, Slide και άλλα — όλα αυτά μπορείτε να τα εφαρμόσετε στα AP Divs που δημιουργείτε.

Μπορείτε να προσθέσετε συμπεριφορές ακολουθώντας αυτά τα βήματα:

Επιλέξτε Παράθυρο→ Συμπεριφορές για να ανοίξετε τον πίνακα Συμπεριφορές.

Επιλέξτε ένα DIV χρησιμοποιώντας τον πίνακα Στοιχεία AP ή επιλέξτε ένα στοιχείο απευθείας στη σελίδα.

Στον πίνακα Συμπεριφορές, κάντε κλικ στο σύμβολο συν.

Εμφανίζεται το μενού των διαθέσιμων συμπεριφορών.

Από το μενού, επιλέξτε τη συμπεριφορά που θέλετε να εφαρμόσετε.

Για παράδειγμα, για να εφαρμόσετε ένα εφέ εξασθένισης, επιλέξτε Εφέ→ Εμφάνιση/Αποσβήσιμο.

Ανοίγει το πλαίσιο διαλόγου Εμφάνιση/Αποσβήσιμο.

Βεβαιωθείτε ότι το εφέ έχει οριστεί σε Fade και επιλέξτε το πλαίσιο ελέγχου Εναλλαγή εφέ για να βεβαιωθείτε ότι το πλαίσιο θα εμφανιστεί ξανά όταν κάνετε κλικ σε αυτό για δεύτερη φορά. Στη συνέχεια, κάντε κλικ στο OK.

Η συμπεριφορά προστίθεται στη λίστα. Η φράση onClick στα αριστερά της υποδεικνύει ότι αυτή η ενέργεια πραγματοποιείται όταν κάνετε κλικ στο πλαίσιο.

Επιλέξτε Αρχείο→Αποθήκευση για να αποθηκεύσετε τη σελίδα.

Για να δείτε το εφέ σε δράση, κάντε προεπισκόπηση της σελίδας σε ένα πρόγραμμα περιήγησης.

Επιλέξτε Αρχείο→ Προεπισκόπηση στο πρόγραμμα περιήγησης και επιλέξτε ένα πρόγραμμα περιήγησης για να εκκινήσετε τη σελίδα.

Όταν δοκιμάζετε τη σελίδα, κάνοντας κλικ στο πλαίσιο εξαφανίζεται ή εμφανίζεται ξανά — πολύ διασκεδαστικό για εσάς και εξαιρετικά διαδραστικό για τους χρήστες!

Εάν το πρόγραμμα περιήγησής σας περιορίζει την εκτέλεση σεναρίων ή στοιχείων ελέγχου ActiveX στην ιστοσελίδα, κάντε κλικ στο μήνυμα στο επάνω μέρος του παραθύρου του προγράμματος περιήγησης και επιλέξτε Να επιτρέπεται το αποκλεισμένο περιεχόμενο για να δοκιμάσετε σωστά τις νέες συμπεριφορές.

Όταν χρησιμοποιούνται συμπεριφορές εφέ, το Dreamweaver πρέπει να αντιγράψει στον τοπικό σας ιστότοπο πολλά αρχεία που καθιστούν δυνατά τα εφέ.