Δημιουργώντας ένα πανό στο Google Web Designer

Βήμα 1: Ξεκινώντας

Το Google Web Designer είναι ένα ελεύθερο περιβάλλον ανάπτυξης για webmasters παρέχουν τη δυνατότητα να δημιουργήσουν ιστοσελίδες, συμπεριλαμβανομένων των ατομικών στοιχείων όπως banners χρήση CSS3 και HTML5. Για να χρησιμοποιήσετε αυτό το εργαλείο, πρώτα απ 'όλα, θα πρέπει να κατεβάσετε το αρχείο εγκατάστασης από την επίσημη ιστοσελίδα και να το εγκαταστήσετε.

Κατεβάστε το Google Web Designer από το επίσημο site

εγκατάσταση του προγράμματος

1. Κάντε κλικ στο σύνδεσμο που παρουσιάζονται παραπάνω για να πάει στο ΕΠΙΧΕΙΡΗΣΗ σελίδας και κάντε κλικ στο κουμπί «Λήψη Web Designer». Σημειώστε ότι τα στηρίγματα του προγράμματος μόνο για Windows 7 και νεότερες εκδόσεις.



2. Μέσα από το pop-up παράθυρο Αποθήκευση, επιλέξτε μια θέση στον υπολογιστή σας και χρησιμοποιήστε το κουμπί που σημειώνονται στον πίνακα κάτω.



3. Μεταβείτε στο φάκελο με μόλις αποθηκεύσατε το αρχείο και κάντε διπλό κλικ στο αριστερό πλήκτρο του ποντικιού για να εκτελέσει το άνοιγμα. Ως εκ τούτου, θα πρέπει να ανοίξει το παράθυρο εγκατάστασης.

   

   Η ίδια η διαδικασία εγκατάστασης πραγματοποιείται σε πλήρως αυτόματη λειτουργία, την αποθήκευση όλων των αρχείων που εργάζονται στον κατάλογο με τα άλλα προγράμματα στο δίσκο του συστήματος.

Εξουσιοδότηση

1. Αν θέλετε να αποθηκεύσετε έργων στο Διαδίκτυο ή σε γενικές γραμμές, δημιουργούν ένα πανό ειδικά για τις εσωτερικές υπηρεσίες της Google, είναι επιπλέον αξίζει να εκτελεί άδεια. Για να το κάνετε αυτό, εκτελέστε το πρόγραμμα χρησιμοποιώντας το κατάλληλο εικονίδιο, κλείστε το παράθυρο καλωσορίσματος και κάντε κλικ στο κουμπί «Σύνδεση» στον πίνακα κορυφή.



2. Καθορίστε τα δεδομένα από το λογαριασμό Google, κάντε κλικ στο «Next» και επιβεβαιώστε εάν είναι απαραίτητο. Μετά από αυτό, ο λογαριασμός θα προστεθεί αμέσως, χωρίς να απαιτείται κάποια επιμέρους ρυθμίσεις.

Αλλαγή των ρυθμίσεων

1. Έχοντας κατανοήσει με την προετοιμασία, τώρα είναι επιθυμητό να κάνετε αλλαγές στις βασικές ρυθμίσεις του λογισμικού για να διευκολύνει το έργο στο μέλλον. Χρησιμοποιώντας τον πίνακα επάνω, αναπτύξτε το μενού Επεξεργασία και επιλέξτε «Ρυθμίσεις» στο τέλος της λίστας.



2. Στην καρτέλα «Κύριες», μπορείτε να αλλάξετε την αρχική συμπεριφορά του προγράμματος για να ανοίξετε γρήγορα τα έργα, να ορίσετε ένα φάκελο για να αποθηκεύσετε τα δημιούργησε πρότυπα, καθώς και σειρά προκαθορισμένων τιμών για τον προσδιορισμό της ανακοίνωσης κατά τη δημιουργία.



3. Η ακόλουθη σελίδα «λειτουργία προβολής διάταξης» περιέχει τις παραμέτρους εμφάνιση του εκδότη. Αλλαγή των ρυθμίσεων που παρουσιάζονται, μπορείτε να ρυθμίσετε το δίκτυο και δεσμευτική αντικείμενα για πιο ακριβή τοποθέτηση των στοιχείων.



4. Το Google Web Designer έχει ένα πρόγραμμα επεξεργασίας κώδικα με τις ρυθμίσεις του. Έτσι, στην καρτέλα «Κώδικας Viewer», μπορείτε να ορίσετε το στυλ του σχεδιασμού, ρυθμίστε τις παραμέτρους μορφοποίησης και προσθέστε πλήκτρων με τα καθήκοντα.



5. Η τελευταία καρτέλα «Επέκταση» περιέχει μόνο δύο παραμέτρους - «καταγραφή» και «κλίμακας εφαρμογή». Στην πρώτη περίπτωση, η ένταξη θα δημιουργήσει ένα αρχείο καταγραφής αλλαγών, ενώ το δεύτερο στοιχείο σας επιτρέπει να ορίσετε ένα νέο πρότυπο κλίμακας για το χώρο εργασίας του επεξεργαστή.

   Πρόσεχε! Εάν ορίσετε πολύ κλίμακα, τα προβλήματα με την έλλειψη χώρου στην οθόνη μπορεί να εμφανιστεί για σημαντικά στοιχεία.

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

Βήμα 2: Δημιουργία πανό

Με τη διαμόρφωση του προγράμματος, μπορείτε να αρχίσει να εργάζεται για το πανό χρησιμοποιώντας όλες τις επιλογές για το Google Web Designer. Ωστόσο, ας σημειωθεί ότι αυτή η θεραπεία είναι αποκλειστικά ως οπτικό επεξεργαστή, επιτρέποντάς σας να δημοσιεύσετε μόνο τα έτοιμα στοιχεία που έχουν δημιουργηθεί χωριστά, για παράδειγμα, στο Photoshop.

Εργασία με τα εργαλεία

1. Μετά την προετοιμασία της διάταξης, θα πρέπει να εξοικειωθούν με τα εργαλεία. Στην κορυφή του πίνακα της κύριας προσοχής, η λίστα «Προβολή» αξίζει, που επιτρέπει να ενεργοποιήσετε και να απενεργοποιήσετε τα βοηθητικά στοιχεία.



2. Μέσα από το μενού «Παράθυρο», μπορείτε να απενεργοποιήσετε προσωρινά ένα συγκεκριμένο στοιχείο διεπαφής. Για παράδειγμα, αν θέλετε να κάνετε ένα στατικό banner, το «χρονοδιάγραμμα» θα παρεμβαίνει μόνο, και ως εκ τούτου, είναι καλύτερο να αφαιρέσετε το κατάλληλο τσιμπούρι.



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



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



5. Το δεξί μέρος του προγράμματος έχει επίσης ένα σύνολο εργαλείων που σας επιτρέπει να ελέγχετε το χρώμα, το κείμενο, τη δομή των αντικειμένων, τις ιδιότητες και απλά στρώματα. Όπως και το κύριο σύνολο των λειτουργιών, τα παράθυρα είναι καλύτερα να μελέτης ανεξάρτητα στην διαδικασία δημιουργίας ενός έργου.



6. Εάν είναι απαραίτητο, η χρήση του "χρονοδιαγράμματος" μπορεί να δημιουργηθεί ένα κινούμενο banner. Ταυτόχρονα, για να διαχειριστείτε την κύρια περιοχή του συντάκτη, χρησιμοποιήστε ένα χώρο σύσφιξης και LCM, καθώς και ένα μπλοκ με παράμετροι κλίμακας.

Γεμίζοντας μια διάταξη

1. Η δημιουργία ενός πανύους ξεκινά πάντα με το φόντο και ως εκ τούτου, μετά την προετοιμασία μιας διάταξης, ανοίξτε την καρτέλα "Ιδιότητες" και στο μπλοκ της σελίδας, χρησιμοποιήστε την υποενότητα "Γεμίστε". Είναι πολύ δυνατόν να εγκαταστήσετε οποιοδήποτε χρώμα, συμπεριλαμβανομένης μιας κλίσης ή ένα πλήρως διαφανές υπόβαθρο.



2. Περαιτέρω στην ουρά, προσθέστε γραφικά στοιχεία που προετοιμάζονται εκ των προτέρων. Μπορείτε να το κάνετε αυτό στην καρτέλα Βιβλιοθήκη αντικειμένων κάνοντας κλικ στο εικονίδιο "+" στον κάτω πίνακα.



3. Επιλέξτε τα αρχεία που θέλετε και κάντε κλικ στο κουμπί Άνοιγμα. Αυτό μπορεί να γίνει ταυτόχρονα για όλα τα απαραίτητα στρώματα και ξεχωριστά, επαναλαμβάνοντας αυτές τις ενέργειες.



4. Για να φιλοξενήσετε, σφίξτε την επιθυμητή εικόνα στην καρτέλα Βιβλιοθήκη αντικειμένων και σύρετε τον επεξεργαστή στην κύρια περιοχή.

   

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



5. Επιλέγοντας ένα αρχείο γραφικού στον χώρο εργασίας ή στην καρτέλα Δομουργού Επεξεργαστή, ανοίξτε τις "Ιδιότητες". Υπάρχουν περισσότερες από περισσότερες από περισσότερες δυνατότητες από ό, τι στην περίπτωση του φόντου, για παράδειγμα, οι συνοριακές ρυθμίσεις ή οι περιπτώσεις.



6. Εάν ο σχεδιασμός Banner παρέχει την παρουσία κειμένου, μπορείτε να προσθέσετε το κατάλληλο στοιχείο χρησιμοποιώντας το πρότυπο εργαλείο Google Web Designer. Κάντε κλικ στο εικονίδιο "T" στο αριστερό παράθυρο, κάντε κλικ στο κύριο παράθυρο του επεξεργαστή και εισάγετε το επιθυμητό σύνολο χαρακτήρων.

   

   Για να ελέγξετε το κείμενο, επιλέξτε το στρώμα στην καρτέλα "Δομουργός επεξεργαστή", επεκτείνετε το "κείμενο" και ρυθμίστε τις κατάλληλες παραμέτρους.

Ρύθμιση της κινούμενης εικόνας

1. Στο μπλοκ "Timeline", μπορείτε να προσθέσετε και να διαμορφώσετε τις επιδράσεις της κινούμενης εικόνας. Για να ξεκινήσετε, κάντε κλικ στο κουμπί "Προσθήκη εικονιδίου" με το εικονίδιο "+".



2. Κάντε κλικ στο εικονίδιο ".5s" μεταξύ των πλαισίων και ορίστε τις παραμέτρους που χρειάζεστε. Για παράδειγμα, μπορείτε να αλλάξετε τη διάρκεια και το στυλ της μετάβασης.



3. Κάθε επιμέρους μπλοκ για το «χρονοδιάγραμμα» είναι εντελώς ανεξάρτητη από τους άλλους. Για να δημιουργήσετε κινούμενα σχέδια, να αλλάξει κάποια στοιχεία για την κρίση σας και να ελέγξετε το αποτέλεσμα χρησιμοποιώντας το κουμπί αναπαραγωγής.

   

   Μετά την ολοκλήρωση της διαδικασίας επεξεργασίας, χρησιμοποιήστε το κουμπί Επανάληψη. Αυτό θα δημιουργήσει μια ατελείωτη animation.

Προσθήκη εκδηλώσεις

1. Έχοντας κατανοήσει με τη διάταξη, θα πρέπει να προσθέσετε μετάβαση εκδηλώσεις για τα επιμέρους στοιχεία ή ολόκληρο το banner στο σύνολό της. Για να το κάνετε αυτό, στη στήλη Τομέα Επιθεωρητή, ανοίξτε την καρτέλα Συμβάντα και κάντε κλικ στο εικονίδιο «+» στο κάτω μέρος της οθόνης.



2. Στο παράθυρο που ανοίγει από τη λίστα «Σκοπός», επιλέξτε ένα αντικείμενο που θα πρέπει να αναφέρονται.



3. Στη σελίδα συμβάντων, αναπτύξτε τη σελίδα «Ποντίκι» και επιλέξτε «Κάντε κλικ». Ανάλογα με τις απαιτήσεις για το αποτέλεσμα, μπορείτε να συνδυάσετε διαφορετικές εγκαταστάσεις.



4. Περαιτέρω από τη λίστα «Ενέργεια», ανοίξτε την Διακήρυξη της Google και ορίστε την τιμή «μετάβαση». Η επιλογή ενός θα κάνει, έτσι ώστε ο χρήστης πηγαίνει στην συγκεκριμένη σελίδα θα πρέπει να έχετε στο διαδίκτυο.



5. Ως «αποδέκτης», επιλέξτε ένα και μόνο «GWD-AD» έκδοση.



6. Κατά την τελευταία φάση στο πεδίο «Identif. Δείκτες »Ελέγξτε τη σύνδεση με τη συντόμευση και να συμπληρώσετε“URL”, καθορίζοντας την επιθυμητή σελίδα. Χρησιμοποιήστε το «OK» για να αποθηκεύσετε.

Εργασία με τον πηγαίο κώδικα

1. Όπως αναφέραμε, το Google Web Designer περιέχει ένα ενσωματωμένο πρόγραμμα επεξεργασίας κώδικα. Μπορεί να ενεργοποιηθεί χρησιμοποιώντας το κουμπί «Κωδικός» στη δεξιά πλευρά του πίνακα κορυφή.



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

Οι περιγράφονται οι δράσεις θα πρέπει να είναι αρκετό για να δημιουργήσει ένα πανό, ανεξάρτητα από την εφαρμογή. Την ίδια στιγμή, μπορείτε να επεκτείνει σημαντικά τις δυνατότητες συνδυάζοντας αυτά τα εργαλεία.

Βήμα 3: Ολοκλήρωση

Όταν το banner έχει ολοκληρωθεί και είναι έτοιμο για τοποθέτηση στο χώρο, μπορείτε να μεταβείτε στο τελευταίο βήμα. Πρώτα απ 'όλα, αξίζει τον έλεγχο πώς το έργο σας στην πραγματική ιστοσελίδα μοιάζει.

Προεπισκόπηση

1. Στον πίνακα κορυφή, κάντε κλικ στο κουμπί Προεπισκόπηση για να ανοίξετε το μενού Πρόσθετα. Εδώ μπορείτε να καθορίσετε το πρόγραμμα περιήγησης με το οποίο θα ανοίξει το banner.



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



3. Εάν είναι απαραίτητο, μπορείτε πάντα να αποδείξετε το αποτέλεσμα σε άλλους ανθρώπους. Για να το κάνετε αυτό, επιλέξτε "Λήψη συνδέσμου κοινής χρήσης" και επιβεβαιώστε την πρόσβαση στο λογαριασμό Google.

   

   Ως αποτέλεσμα, ένας σύνδεσμος θα εμφανιστεί στην οθόνη για να δείτε το banner σε μια τέτοια λειτουργία όπως περιγράφεται παραπάνω. Φυσικά, είναι δυνατή μόνο αν έχετε λογαριασμό.

Διατήρηση και δημοσίευση

1. Για να αποθηκεύσετε το έργο, ανοίξτε πρώτα το μενού Αρχείο και χρησιμοποιήστε την επιλογή Αποθήκευση. Μετά από αυτό, το αρχείο προέλευσης θα αποθηκευτεί στον υπολογιστή και μπορεί να ανοίξει στη συνέχεια.



2. Μπορείτε να ετοιμάσετε ένα έργο για να τοποθετήσετε στην περιοχή ανοίγοντας το μενού "Δημοσίευση" στην επάνω δεξιά γωνία του προγράμματος και επιλέγοντας μία από τις θέσεις της αποθήκευσης.



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

   

   Ως αποτέλεσμα, ο φάκελος μπορεί να βρεθεί στο χώρο αποθήκευσης. Η τοποθέτηση του banner στην περιοχή διαφέρει στην εξάρτηση του χώρου και γενικά δεν ανήκει πλέον στη διαδικασία δημιουργίας.