Φτιάχνουμε στοιχειώδη ρολόγια Αρχίζουμε να μαθαίνουμε πώς να δημιουργούμε φλας.

Φτιάχνουμε στοιχειώδη ρολόγια Αρχίζουμε να μαθαίνουμε πώς να δημιουργούμε φλας

Συνέχισα να τραβάω και να τραβάω με αυτό το θέμα, αλλά νιώθω ότι ήρθε η ώρα :-) Διαφορετικά, χωρίς εξάσκηση, δεν μαθαίνω τον εαυτό μου και αρχίζω να ξεχνάω, αλλά τουλάχιστον στην πορεία που γράφω αναρτήσεις θα θυμάμαι και ίσως Θα μάθω ποιο νήμα :-)

Ένας μικρός πρόλογος:
1.- Εγώ ο ίδιος είμαι μόνο μαθητής σε αυτόν τον τομέα. Επομένως, λέω μόνο τι μπορώ και πώς μπορώ :-)
2.- Προσωπικά χρησιμοποιώ το Sothink SWF Quicker. Δεν έχω Adobe flash και δεν σκοπεύω να το εγκαταστήσω ακόμα.
3.- Με βάση το σημείο "2", πρέπει να κάνετε λήψη του Sothink SWF Quicker. Το πρόγραμμα είναι εύκολο(περίπου 15 mb) (σύνδεσμος λήψης στο τέλος της ανάρτησης)

Ζητώ συγγνώμη για το σκληρό ξεκίνημα.

Τώρα λίγη θεωρία, πολύ μπουκάφ))

Μπορείτε να δημιουργήσετε πολλά πράγματα χρησιμοποιώντας την "τεχνολογία flash", οπότε να είστε προετοιμασμένοι. Το Flash δεν είναι μόνο κινούμενα σχέδια και καρτ ποστάλ, αλλά και πλήρως λειτουργικά προγράμματα που εκτελούν ορισμένες λειτουργίες.
Αλλά φυσικά, τα ίδια πανό μπορούν να γίνουν και σε flash) Και γενικά, πολλά πράγματα)

Τώρα για να εργαστείτε στο ίδιο το πρόγραμμα.

Πριν ξεκινήσετε να δημιουργείτε κάτι χρησιμοποιώντας συγκεκριμένα παραδείγματα, πρέπει να πιάσετε λίγο την ουσία. Εκείνοι. τα κύρια πράγματα στο πρόγραμμα) Το ξέρω σίγουρα, το κατάλαβα στο παράδειγμα της εκπαίδευσης Η ΙνμίραΕγώ, όπως πάντα, δεν θα χρησιμοποιήσω τη σωστή ορολογία (εγώ ο ίδιος δεν τη γνωρίζω ακόμη πλήρως και δεν τη χρειαζόμαστε ακόμα)

Έτσι, σε ένα πρόγραμμα, μπορούμε να δημιουργήσουμε τρία κύρια «πράγματα», αυτά είναι-
1.- Κουμπιά
2.- κλιπ
3.- γραφικά αντικείμενα

Από αυτά τα τρία «πράγματα» αθροίζουμε το βασικό «σκηνικό» - που είναι ήδη το τελικό αποτέλεσμα, δηλ. Η μονάδα flash μας :-)
Χονδρικά φανταζόταν;
Τέλεια, τώρα ας προχωρήσουμε.

Το πρόγραμμα χρησιμοποιεί Action Script. Εκείνοι. Βασικά είναι μια γλώσσα προγραμματισμού. Μια φορά κι έναν καιρό, λένε, τον υποτιμούσαν ... αλλά δεν είναι αυτό το θέμα) Ετοιμαστείτε λοιπόν να μελετήσετε ακατανόητες επιγραφές και ιερογλυφικά (απλά ένα αστείο))

Όλοι, τώρα για εξάσκηση. Δεν θα χρησιμοποιήσουμε ακόμα τις δυνατότητες προτύπων του προγράμματος, κάνουμε τα πάντα μόνοι μας)
Σε γενικές γραμμές, φυσικά, θα ήταν καλύτερα να μην ξεκινήσετε με ένα ρολόι, αλλά να σας τραβήξετε το ενδιαφέρον ;-) ας ξεκινήσουμε με αυτά))) και στα επόμενα μαθήματα θα μάθουμε τα απαραίτητα βασικά

Ανοίγουμε το πρόγραμμα. Σε ένα τέτοιο αναδυόμενο παράθυρο, επιλέξτε το πρώτο στοιχείο και κάντε κλικ στο ok:

Ανοίξαμε το πλαίσιο επεξεργασίας για το κλιπ μας. Τώρα πάρτε το εργαλείο κειμένου (αριστερό κλικ του ποντικιού):

Στο πεδίο εργασίας, επιλέξτε την περιοχή για το κείμενο - κράτημα αριστερό κουμπίσύρετε το ποντίκι στα πλάγια :-))) Θα γίνει έτσι:

Τώρα κοιτάμε κάτω μέροςπρόγραμμα Windows και ρυθμίστε τις παραμέτρους. Κάντε κλικ στα βέλη και επιλέξτε τα στοιχεία όπως στην εικόνα μου:

Στο δεξιό κυκλικό πλαίσιο, γράψτε χειροκίνητα "time" (όπως στο στιγμιότυπο οθόνης)

Τώρα δημιουργήστε αντίγραφα ασφαλείας στο πλαίσιο κειμένου μας. Κάνουμε κλικ σε αυτό μια φορά με το αριστερό βιβλίο. ποντίκι και πληκτρολογήστε "00 00 00"
Εκείνοι. δύο μηδενικά διάστημα, δύο μηδενικά διάστημα, δύο μηδενικά :-))

Παίρνω:

Τώρα αναζητούμε το παράθυρο του προγράμματος (ταινία πλαισίου). Σηκωνόμαστε στο δεύτερο πλαίσιο του πρώτου μας στρώματος (κάνουμε κλικ με το αριστερό κουμπί του ποντικιού) και πατάμε το κουμπί στο πληκτρολόγιο "F5":

Κοιτάμε προς τα κάτω το παράθυρο του προγράμματος και κάνουμε κλικ στο βέλος:

Εισαγάγετε το σενάριο στο πεδίο που ανοίγει. Απλώς πάρτε το από εμένα και επικολλήστε:

κωδικός: mydate = new Date();
sec = mydate.getSeconds();
min = mydate.getMinutes();
ώρα = mydate.getHours();
εάν (δευτ< 10)
{
sec = "0" + sec;
) // τέλος εαν
εάν (ελάχ< 10)
{
min = "0" + min;
) // τέλος εαν
αν (ώρα< 10)
{
ώρα = "0" + ώρα;
) // τέλος εαν
χρόνος = ώρα προσθήκη " " προσθήκη ελάχ. προσθήκη " " προσθήκη δευτερολέπτου;

Μετά από αυτό, κάντε κλικ στο πλαίσιο ελέγχου:

Μια τέτοια πινακίδα θα πρέπει να σέρνεται έξω, όπου πατάμε "ok":

Αναζητούμε το πρόγραμμα και πατάμε την επιγραφή "σκηνή 1":

Ένα παρόμοιο πεδίο εργασίας θα ανοίξει, αλλά ήδη μικρό (λευκό τετράγωνο στο κέντρο :-)))
Τώρα, σε αυτό το λευκό τετράγωνο σύρουμε το κλιπ μας. Κοιτάξτε δεξιά:

Κρατώντας πατημένο το αριστερό κουμπί του ποντικιού - σύρετε το αντικείμενο στο λευκό πεδίο:

Εδώ είναι περίπου τι συμβαίνει:

Γεια σε όλους! Σήμερα θα σας πω πώς να διακοσμήσετε τον ιστότοπό σας και να τον κάνετε πιο κατατοπιστικό προσθέτοντας ένα ρολόι flash σε αυτό.

Σταδιακά, θα προσθέσω διάφορες γκαλερί ρολογιών flash για τον ιστότοπο στο blog, τις οποίες μπορείτε να εγκαταστήσετε εύκολα.

Το ρολόι φλας θα ρυθμιστεί σε μορφή swf:

Το ShockWave Flash (swf) είναι μια επέκταση αρχείου που περιέχει διάφορα αρχεία πολυμέσων. Ιδανικό για τη δημιουργία banner, κινούμενων εικόνων, είναι επίσης δυνατή η εγκατάσταση σε ιστότοπους με αναπαραγωγή αρχείων ήχου και βίντεο. Για να δείτε το αρχείο, απλώς εγκαταστήστε το adobe υπολογιστής flash player, για επεξεργασία χρησιμοποιήστε προγράμματα, ένα από αυτά είναι Adobe Flashεπαγγελματίας.

Πώς να εγκαταστήσετε το ρολόι flash στον ιστότοπο

Αρχικά, στο πρώτο άρθρο θα σας πω πώς να εγκαταστήσετε ένα ρολόι flash στον ιστότοπο.

Περίπτωση 1 - Για κατόχους CMS: WordPress, Joomla, κ.λπ. Τα ρολόγια Flash είναι σχεδόν πάντα εγκατεστημένα στην πλαϊνή γραμμή, όπου θα φαίνονται καλύτερα. Αν και, αν το θέμα σας περιλαμβάνει επίσης τοποθέτηση γραφικών στοιχείων στο υποσέλιδο, τότε και αυτή η περίπτωση είναι παρόμοια.

1. Μεταβείτε από τον πίνακα διαχείρισης στο Εμφάνιση-> Γραφικά στοιχεία και επιλέξτε το γραφικό στοιχείο "Κείμενο" και σύρετέ το στον πίνακα Ενεργά γραφικά στοιχεία (στη δεξιά πλευρά):

Αποθηκεύουμε και παρατηρούμε το αποτέλεσμα.

Αν κοιτάξετε τον κώδικα, μπορείτε να δείτε τα χαρακτηριστικά πλάτος (πλάτος) και ύψος (ύψος), για τα οποία μπορείτε να συνταγογραφήσετε εκείνες τις τιμές που είναι πιο κατάλληλες για εσάς.

Το φόντο έχει οριστεί σε wmode=transparent - διαφανές, αν είναι δυνατόν, ορίστε το χρώμα φόντου που θα συνδυαστεί με τον ιστότοπό σας.

Παράδειγμα: ήταν - wmode=transparent, ορίστε το χρώμα φόντου σε κίτρινο θα είναι - bgcolor=#FFFF00. Για να ταιριάζει καλύτερα το χρώμα του ιστότοπου, διαβάστε πώς να ορίσετε το χρώμα του κειμένου και τις παλέτες του προγράμματος.

type=application/x-shockwave-flash - αυτή η παράμετρος χρησιμοποιείται για τη σύνδεση του ιστότοπου με το πρόγραμμα περιήγησης για να ενημερώσει το πρόγραμμα περιήγησης για λήψη του Adobe Flash Player(εάν είναι εγκατεστημένο στο πρόγραμμα περιήγησης, διαφορετικά το ρολόι δεν θα εμφανίζεται)

2η περίπτωση. Τόσο για CMS όσο και για άλλους ιστότοπους HTML. Πρέπει να αποφασίσετε πού θα εγκαταστήσετε δεδομένο αρχείο, αλλά ο ίδιος ο κωδικός δεν θα αλλάξει.

Ρολόι φλας για ιστότοπο: σκοτεινό ρολόι φλας

Σήμερα θα εξετάσω μια επιλογή από σκούρα ρολόγια φλας για τον ιστότοπο, η συλλογή θα περιλαμβάνει 15 ρολόγια φλας. !! Όλα τα ρολόγια παρουσιάζονται με φόντο χρώματος ανθρακί (σύμφωνα με την υπηρεσία Yandex Colors), π.χ. το φόντο είναι γεμάτο με το χρώμα #464451, αλλά το ίδιο το ρολόι είναι στρογγυλό (στα παραδείγματα είναι όλα τετράγωνα λόγω του γεγονότος ότι το φόντο είναι αδιαφανές).

Την επόμενη φορά θα υπάρχουν πιο ενδιαφέροντα ρολόγια flash, οπότε εγγραφείτε στον ιστότοπο και μείνετε συντονισμένοι.

Παρουσιάζω στην προσοχή σας μια συλλογή ρολογιών Flash (Flash) για τον ιστότοπο (blog). Τα κομψά και πρωτότυπα ρολόγια θα διακοσμήσουν τον πόρο σας και θα προσθέσουν περιεχόμενο πληροφοριών για τους επισκέπτες.

Παρακάτω μπορείτε να δείτε διαφορετικές εκδόσεις του Flash Clock. Για να εγκαταστήσετε ένα τέτοιο ρολόι στον ιστότοπό σας, κάντε λήψη του συνδέσμου Κατεβάστε(κάτω) η αγαπημένη σας επιλογή ρολογιού.

Θα κατεβάσετε ένα μικρό αρχείο αρχειοθέτησης. Αποσυμπιέστε το αρχείο και θα δείτε ένα αρχείο όπως το 01.swf. Πως καταλαβαίνεις 01 είναι το όνομα αρχείου, μπορεί να είναι διαφορετικό (03, 09, 14, κ.λπ.) swf - επέκταση αρχείου flash.

Τοποθετήστε (ανεβάστε) αυτό το αρχείο σε οποιονδήποτε φάκελο στον οποίο βρίσκεται ο ιστότοπός σας στο διακομιστή. Για παράδειγμα, αυτό το αρχείο δεν βρίσκεται στον ριζικό φάκελο μου και η διαδρομή προς αυτό μοιάζει με αυτό: files/20110703/01.swf . Στη συνέχεια, γράψτε στην ιστοσελίδα (στο σημείο όπου θέλετε να δείτε το ρολόι) τον κωδικό που βλέπετε Λίστα 1παρακάτω:

Λίστα 1.

Στις γραμμές data="files/20110703/01.swf" και γράψτε την πραγματική διαδρομή στον ιστότοπό σας στον φάκελο στον οποίο βρίσκεται το αρχείο 01.swf. Αν το αρχείο βρίσκεται στον ριζικό φάκελο του ιστότοπου, αντίστοιχα, αυτές οι γραμμές θα έχουν την εξής μορφή: data="01.swf" και

Μπορείτε να αλλάξετε το μέγεθος του ρολογιού αλλάζοντας τις τιμές: width="150" - width και height="150" - height.

Τώρα ο κωδικός έχει οριστεί διάφανο φόντογια την τιμή των ωρών: Αλλά εάν είναι απαραίτητο, μπορείτε να ορίσετε οποιοδήποτε επιθυμητό χρώμα φόντου, αντικαταστήστε αυτήν τη γραμμή με αυτήν: Τώρα το χρώμα φόντου έχει οριστεί σε κίτρινο (#FFFF00), αντικαταστήστε αυτήν την τιμή με αυτήν που χρειάζεστε.

Αυτό είναι στην πραγματικότητα όλο, ενημερώστε τα διορθωμένα αρχεία στον διακομιστή και απολαύστε το νέο ρολόι.

ΥΣΤΕΡΟΓΡΑΦΟ. Και κάτι ακόμα, έτσι ώστε ένα τέτοιο ρολόι φλας να εμφανίζεται κανονικά, πρέπει να έχετε εγκαταστήσει flash Player , συνήθως είναι ήδη εγκατεστημένο στο σύστημα, αλλά συμβαίνει (σπάνια, αλλά συμβαίνει) ότι το flash player πρέπει να εγκατασταθεί επιπλέον.

Σχόλια σε αυτό το άρθρο (μάθημα):

Ευχαριστώ Andrey! Πολύ ωραίο σετ ρολογιών! Θα χρησιμοποιηθεί σίγουρα! Η ανάρτηση έγινε retweet! Με εκτίμηση, Nikolay Gizhitsky

Δεν καταλαβαίνω γιατί πρέπει να βάλεις ένα ρολόι στο μπλοκ. Εξάλλου, το μπλοκ εξετάζεται στον υπολογιστή και το ρολόι είναι ήδη εκεί. Είναι πολύ πιο χρήσιμο να εισάγετε ένα ημερολόγιο. Οποιος χρήσιμες υπηρεσίες. Για παράδειγμα, ο καιρός.

Για κάποιο λόγο, δεν μπορώ να δω εικόνες με επιλογές ρολογιού. Σε γενικές γραμμές, ευχαριστώ πολύ για όλες τις πληροφορίες στο site σας, μαζικά χρήσιμες συμβουλές, όλα παρέχονται με σαφή σειρά και σε προσιτή μορφή. Έχω ωφεληθεί πολύ. Ευχαριστώ και πάλι! Με εκτίμηση, Γκαλίνα

Όσο για μένα, είναι όλα στον ιστότοπο δεν είναι απαραίτητο. Για την εκπαίδευση και την κατανόηση - ναι, ευχαριστώ για αυτό. Αλλά το θέμα είναι να βάλετε και να γεμίσετε τον χώρο του ιστότοπου με ρολόγια, ημερολόγια και άλλα gadget - αυτό δεν είναι πρακτικό. Τώρα πρέπει (για παράδειγμα) να εγκαταστήσω ένα σενάριο σχολίων στον ιστότοπο (ο ιστότοπος δεν είναι σε CMS) - αυτό θα ήταν χρήσιμο και απαραίτητο! Ευχαριστώ για το σεμινάριο, είναι ενδιαφέρον. Μην θεωρήσετε το σχόλιό μου ως κριτική - άρα, καθαρά γνώμη μου.

Ευχαριστώ Andrey! Ωραίο ρολόι, ναι, υπάρχει ένα ρολόι και ένα ημερολόγιο στον υπολογιστή, αλλά όταν κοιτάς τις σελίδες του ιστότοπου τα ξεχνάς. Μου έλειψε ο χρόνος μου πολλές φορές. Αντρέι, θέλω να βάλω ένα μπλε ρολόι στον ιστότοπο στα αριστερά πάνω γωνία, ο ιστότοπος του τρίτου επιπέδου www.akhmad51.ucoz.ru ο διακομιστής βρίσκεται στο Ηνωμένο Βασίλειο. Χρειάζεται αποθήκευση στον υπολογιστή μου και μεταφορά στον διακομιστή; Σας είμαι ευγνώμων για τη δουλειά σας, ευχαριστώ Andrey.