Δημιουργία ιστοσελίδων Flash με Wix
Υπάρχουν κάποιες συγκεκριμένες μειονεκτήματα για την κατασκευή ιστοσελίδων με το Flash (το κλειδί είναι η έλλειψη υποστήριξης για το Flash στο iOS), αλλά εξακολουθούν να υπάρχουν πολλές τοποθεσίες που είναι κατασκευασμένες στο Flash και αυτό είναι απίθανο να αλλάξει σύντομα.
Και μερικές φορές πρόκειται να έχετε πελάτες που είναι νεκροί-που έχουν μια ιστοσελίδα Flash .
Αλλά τι γίνεται αν δεν ξέρετε πώς να χρησιμοποιήσετε το Flash; Ξοδεύετε ώρες προσπαθώντας να προσαρμόσετε ένα πρότυπο, μαθαίνοντας καθώς πηγαίνετε; Ή υπάρχει καλύτερος τρόπος;
Wix είναι μια εξαιρετική επιλογή για όποιον θέλει να δημιουργήσει μια ιστοσελίδα Flash χωρίς να μάθει Flash.
Σε αντίθεση με πολλούς δημιουργούς ιστότοπων, σας επιτρέπει να προσαρμόσετε ουσιαστικά κάθε πτυχή των τοποθεσιών που δημιουργείτε, είτε ξεκινάτε από το μηδέν είτε δημιουργείτε τον ιστότοπό σας από ένα πρότυπο.
Δύο επιλογές
Wix σας δίνει δύο επιλογές για τη δημιουργία της ιστοσελίδας σας: μπορείτε να ξεκινήσετε από το μηδέν, το οποίο βασικά σας δίνει ένα κενό καμβά? ή μπορείτε να προσαρμόσετε ένα από τα πρότυπα τους.
Υπάρχουν πάνω από 300 πρότυπα διαθέσιμα σήμερα, σε μια ευρεία ποικιλία κατηγοριών: ηλεκτρονικό εμπόριο, επιχειρήσεις, συμβουλές, ακίνητα, φωτογραφία, τρόπος ζωής, παιδιά, προσωπικά και πολλά άλλα.
Υπάρχουν πολλά υπέροχα πρότυπα που προσφέρονται, αλλά υπάρχουν και πολλά πολύ κακώς σχεδιασμένα. Θα θελήσετε να τα εξετάσετε προσεκτικά πριν αποφασίσετε για ένα.
Δεδομένου του αριθμού των προτεινόμενων προτύπων, σχεδόν σίγουρα θα θελήσετε να αναζητήσετε ένα πρότυπο που θα μπορούσε να προσαρμοστεί στις ανάγκες σας, αντί να ξεκινήσετε εξ ολοκλήρου από το μηδέν.
Κάνει για μια πολύ ταχύτερη διαδικασία σχεδιασμού, και εξαλείφει πολλά από το legwork και το μέρος ρύθμισης της δημιουργίας του σχεδιασμού σας. Και, επειδή μπορείτε να αλλάξετε κυριολεκτικά κάθε πτυχή ενός προτύπου, εξακολουθεί να προσφέρει πλήρες δημιουργικό έλεγχο.
Κτίριο από ένα πρότυπο
Ας ρίξουμε μια ματιά στη διαδικασία της οικοδόμησης μιας ιστοσελίδας Wix με ένα από τα πρότυπα τους. Βεβαιωθείτε ότι δεν βλέπετε μόνο το πρότυπο, αλλά και προεπισκόπησης από τον επεξεργαστή για να βεβαιωθείτε ότι έχει ρυθμιστεί σωστά και ότι όλα λειτουργούν πριν αρχίσετε να κάνετε προσαρμογές.
Είναι δυνατό να διορθώσετε τα πράγματα αν δεν λειτουργούν, αλλά θα θέλετε να γνωρίζετε αν αυτό είναι απαραίτητο προτού ξεκινήσετε.
Θα ξεκινήσουμε με το Φωτογράφοι Ουτοπία πρότυπο. Πρόκειται για ένα απλό πρότυπο, αλλά μπορεί εύκολα να προσαρμοστεί σε κάθε τοποθεσία όπου οι εικόνες και / ή το βίντεο θα διαδραματίσουν σημαντικό ρόλο. Για αυτό το άρθρο, θα χτίζουμε έναν ιστότοπο για να παρουσιάσουμε ένα τρέιλερ ταινιών για μια ταινία indie.
Οι ταινίες σχεδόν πάντα χρησιμοποιούν το Flash, τουλάχιστον σε κάποιο βαθμό, οπότε έχει νόημα ότι αν σχεδιάζεις έναν κινηματογραφικό ιστό, μπορείς να χρησιμοποιήσεις το Wix.
Η διεπαφή Wix είναι αρκετά απλή και αυτονόητη.
Ξεκινάμε διαγράφοντας το μεγαλύτερο μέρος του περιεχομένου από την αρχική σελίδα και ενσωματώνοντας το βίντεο του τρέιλερ. Θέλουμε αυτό να είναι το επίκεντρο της αρχικής σελίδας. Απλά κάντε κλικ σε κάθε στοιχείο και, στη συνέχεια, χρησιμοποιήστε το εικονίδιο του κάδου απορριμμάτων για να το διαγράψετε (ή απλά πατήστε διαγραφή στο πληκτρολόγιό σας).
Στη συνέχεια, μεταβείτε στο κουμπί "Προσθήκη" στην αριστερή πλευρά της οθόνης, επιλέξτε βίντεο και στη συνέχεια επιλέξτε την πηγή. Μπορείτε να χρησιμοποιήσετε βίντεο από το YouTube, το Metacafe ή το 5Min και μπορείτε να προσαρμόσετε τη συσκευή αναπαραγωγής. Μπορείτε να αλλάξετε το μέγεθος του στοιχείου μόλις έχετε ενσωματώσει το βίντεο στην τοποθεσία.
Στη συνέχεια, μπορούμε να προχωρήσουμε για να προσθέσουμε περιεχόμενο σε κάθε μία από τις επόμενες σελίδες. Διαγράφηκα τη σελίδα "Τοποθεσία" (εφόσον δεν ισχύει εδώ). Για να το κάνετε αυτό, απλώς κάντε κλικ στη σελίδα του Διαχειριστή σελίδας και στη συνέχεια τοποθετήστε το δείκτη του ποντικιού πάνω από το βέλος για να εμφανιστεί ένα αναπτυσσόμενο μενού. Μπορείτε επίσης να μετονομάσετε ή να αναδιατάξετε τις σελίδες εδώ.
Για να προσθέσετε περιεχόμενο, χρησιμοποιήστε το κουμπί "Προσθήκη" στα αριστερά. Για να επεξεργαστείτε περιεχόμενο, απλά κάντε κλικ στο στοιχείο που θέλετε να αλλάξετε και ένα μενού για επεξεργασία αυτού του περιεχομένου θα εμφανιστεί στα δεξιά. Αν πρόκειται για στοιχείο κειμένου, μπορείτε είτε να κάνετε διπλό κλικ για να αλλάξετε το κείμενο ή, αφού επιλέξετε το πλαίσιο κειμένου, κάντε κλικ στην επιλογή "επεξεργασία" στη συμβουλή εργαλείων που εμφανίζεται.
Ένα θέμα που έτρεξα με αυτό το πρότυπο ήταν ότι δεν μπορούσα να αλλάξω τη γραμματοσειρά στα πλαίσια κειμένου που ήταν ήδη εκεί σε κάτι άλλο από Arial ή Times New Roman. Ο μόνος τρόπος αντιμετώπισης ήταν να διαγράψω τα πλαίσια κειμένου και να προσθέσω νέα (αντιγραφή του περιεχομένου πριν από τη διαγραφή τους και στη συνέχεια να τα επικολλήσω στο νέο πλαίσιο κειμένου).
Εάν θέλετε να προσθέσετε μια εντελώς νέα σελίδα, κάντε κλικ στην επιλογή "Προσθήκη σελίδας" στη Διαχείριση σελίδας. Ονομάστε τη σελίδα σας και στη συνέχεια χρησιμοποιήστε τις επιλογές Μετακίνηση προς τα πάνω ή Μετακίνηση προς τα κάτω για να την τοποθετήσετε σωστά μέσα στην πλοήγησή σας. Δεν είναι πολύ πιο εύκολο.
Φυσικά, μπορείτε επίσης να αλλάξετε τις μεταβάσεις, τις κινούμενες εικόνες και άλλες ρυθμίσεις, αλλά θα τις αποθηκεύσουμε για την επόμενη ενότητα, όπου θα δημιουργήσουμε έναν ιστότοπο από την αρχή.
Μερικά μεγάλα παραδείγματα προτύπων
Το Wix προσφέρει έναν τόνο προτύπων που μπορείτε να προσαρμόσετε αν δεν θέλετε να ξεκινήσετε από την αρχή, όλα διαθέσιμα από τη σελίδα δημιουργίας τους .
Το προσωπικό χαρτοφυλάκιό μου
Ιστοσελίδα Catering
Το κατάστημα λουλουδιών μου
Χαρτοφυλάκιο σχεδιαστών
Αστικός καλλιτέχνης
Κέντρο Γιόγκα
Χώρος δείπνου
Photo Planet
Κτίριο από το μηδέν
Η δημιουργία ενός δικτυακού τόπου εξ ολοκλήρου από το Wix δεν είναι πολύ πιο περίπλοκη από τη δημιουργία ενός με βάση ένα πρότυπο.
Ξεκινάτε με ένα κυρίως κενό καμβά, με μια κύρια περιοχή περιεχομένου (το προεπιλεγμένο μέγεθος είναι 1000 × 650 εικονοστοιχεία, αν και μπορείτε να το ορίσετε σε οποιοδήποτε μέγεθος θέλετε) και ένα φόντο. Το πρώτο πράγμα που θα θελήσετε να κάνετε είναι να ρυθμίσετε τις κύριες σελίδες σας.
Για έναν μικρό ιστότοπο, πιθανότατα θέλετε να δημιουργήσετε μια μοναδική κύρια σελίδα. Μεγαλύτερες τοποθεσίες ή τοποθεσίες όπου θέλετε συγκεκριμένες ενότητες μπορούν να επωφεληθούν από πολλές κύριες σελίδες.
Στην κύρια σελίδα σας θα θέλετε να ρυθμίσετε το χρώμα φόντου για ολόκληρη τη σελίδα και, στη συνέχεια, την εικόνα φόντου ή το χρώμα για την κύρια περιοχή περιεχομένου.
Για αυτό το site, επέλεξα ένα μοτίβο ξύλου για το κύριο περιεχόμενο, με μαύρο χρώμα για το συνολικό υπόβαθρο. Ορίσα επίσης τον τίτλο μου στη βασική σελίδα, έτσι ώστε να εμφανίζεται στο ίδιο σημείο σε κάθε πρόσθετη σελίδα μου.
Προσθέστε οποιαδήποτε άλλα στοιχεία που θέλετε να παραμείνετε ομοιόμορφα σε κάθε σελίδα εδώ. Τώρα, μπορείτε να σκεφτείτε ότι θα πρέπει επίσης να ρυθμίσετε την πλοήγησή σας σε αυτό το στάδιο, αλλά διαπίστωσα ότι αυτό δεν λειτουργεί πραγματικά όπως θα σκεφτόσαστε.
Εάν έχετε πολλές κύριες σελίδες που χρησιμεύουν ως τμήματα, τότε θα ρυθμίσετε τα μενού σας σε αυτό το επίπεδο για να πλοηγηθείτε μεταξύ κάθε ενότητας. Αλλά αν έχετε μόνο μία κύρια σελίδα, η πλοήγησή σας δεν θα λειτουργήσει σε αυτό το επίπεδο. Αυτό που θέλετε να κάνετε είναι να προσθέσετε την πλοήγησή σας σε μία από τις σελίδες που έχετε ρυθμίσει.
Αφού ρυθμίσετε τη βασική κύρια σελίδα σας, μεταβείτε στη σελίδα διαχείρισης και κάντε κλικ στο "Προσθήκη σελίδας". Ονομάστε τη σελίδα σας ό, τι θέλετε να εμφανίζεται όπως στην πλοήγησή σας. Προσθέστε όσες σελίδες χρειάζεστε (εδώ, κάναμε "Αρχική", "Σχετικά", "Ιστορία" και "Επαφή", όπως εμφανίστηκε στον ιστότοπο του προτύπου μας).
Θα δείτε ένα ορθογώνιο "Κύριες σελίδες" στο σχεδιασμό σας μόλις προσθέσετε σελίδες στο Διαχειριστή σελίδας. Αλλάξτε το μέγεθος ώστε να συμπεριλαμβάνει πλήρως το περιεχόμενο για κάθε σελίδα που έχετε δημιουργήσει. Σε αυτή την περίπτωση, συμπληρώνει το τμήμα της σελίδας που δεν χρησιμοποιείται από τον τίτλο ή την πλοήγηση.
Για να προσθέσετε ένα μενού πλοήγησης, κάντε κλικ στο κουμπί "Προσθήκη" και, στη συνέχεια, επιλέξτε "Πλοήγηση". Θα μπορείτε να επιλέξετε από μια σειρά προ-σχεδιασμένων μενού πλοήγησης (τα οποία είναι πλήρως προσαρμόσιμα μόλις τα προσθέσετε).
Εδώ έχουμε επιλέξει ένα κάθετο μενού πλοήγησης. Το πρωτότυπο ήταν μαύρο και μπλε, το οποίο δεν λειτουργεί πραγματικά με το χρώμα μας. Κάντε κλικ στο μενού και, στη συνέχεια, κάντε κλικ στο "Χρώμα", ρυθμίστε το χρώμα και στη συνέχεια "Μορφοποίηση κειμένου" και προσαρμόστε τις ρυθμίσεις κειμένου.
Στη συνέχεια, εισήγαγα μια εικόνα (χρησιμοποίησα μια εικόνα από τη γκαλερί Wix, από καφέ χαρτί, αν και μπορείτε επίσης να επιλέξετε εικόνες από την Fotolia ή να ανεβάσετε το δικό σας). Αυτό τοποθετήθηκε στο πλαίσιο Κύριες σελίδες, περιστράφηκε για να το ορίσετε σε λοξή γωνία και στη συνέχεια το βίντεο προστέθηκε στην κορυφή. Μπορείτε να στρώσετε όσα στοιχεία θέλετε και να τα αναδιοργανώσετε πηγαίνοντας στο μενού "Ταξινόμηση" στην κορυφή.
Θα παρατηρήσετε ότι τα χρώματα σε αυτό είναι λίγο ξεπλυμένα, και οι υφές ξύλου και χαρτιού δεν είναι σχεδόν τόσο ζωντανές όσο εμφανίζονται στα μενού. Για να αφαιρέσετε ή να ρυθμίσετε με άλλο τρόπο τα χρώματα των εικόνων σας, απλά κάντε κλικ στο στοιχείο και στη συνέχεια κάντε κλικ στο "Εφέ" στο δεξί μενού. Από εκεί, μπορείτε να επιλέξετε την επιλογή "Προσαρμογή χρώματος" και να ρυθμίσετε την αντίθεση, τη φωτεινότητα, τον κορεσμό και την απόχρωση.
Σε επιπρόσθετες σελίδες, έβαλα το ίδιο φόντο με καφέ χαρτί, αλλά αυτή τη φορά χωρίς το λοξό. Μεγέθυνση και ταξινόμηση σε μια σελίδα, στη συνέχεια, αντιγράψτε και επικολλήστε την σε κάθε επιπλέον σελίδα. Θα πρέπει να το τοποθετήσετε με το χέρι, όμως. Συμβουλή: Εάν δεν θέλετε να αφιερώσετε χρόνο για να ορίσετε οδηγούς, μπορείτε να το τοποθετήσετε περίπου όπου νομίζετε ότι ανήκει και στη συνέχεια να μετακινηθείτε μεταξύ των σελίδων για να δείτε αν είναι σωστά τοποθετημένες. Κάντε μικρορυθμίσεις μέχρι να μην παρατηρήσετε τη μετάβαση μεταξύ των σελίδων.
Φωτογραφίες και κείμενο προστέθηκαν σε κάθε πρόσθετη σελίδα. Μπορείτε να προσθέσετε καρέ γύρω από τις φωτογραφίες σας επιλέγοντας τη φωτογραφία και στη συνέχεια κάντε κλικ στο "Κορνίζες" στο δεξί μενού. Υπάρχουν αρκετά πλαίσια για να διαλέξετε. Μπορείτε επίσης να προσθέσετε εφέ στις φωτογραφίες σας, όπως και για τις εικόνες φόντου. Και μπορείτε να προσθέσετε κινούμενα σχέδια και συμπεριφορές.
Η προσθήκη μιας φόρμας επικοινωνίας είναι αρκετά εύκολη. Απλά πηγαίνετε στο "Προσθήκη" και στη συνέχεια κάντε κλικ στο "Widgets". Η επιλογή φόρμας επικοινωνίας παρατίθεται εκεί και υπάρχουν μερικές διαφορετικές επιδερμίδες από τις οποίες μπορείτε να επιλέξετε (και να προσαρμόσετε, φυσικά).
Τέλος, θα θέλετε να προσθέσετε μεταβατικές αλλαγές μεταξύ των σελίδων σας. Για να το κάνετε αυτό, απλά κάντε κλικ σε οποιαδήποτε σελίδα του ιστότοπού σας και, στη συνέχεια, κάντε κλικ στις μεταβάσεις στο μενού ομάδας σελίδων στα δεξιά. Οι πιο συχνές μεταβάσεις παρατίθενται εκεί. Διάλεξα τη μετάβαση των θολών επειδή είναι παρόμοια με αυτή που χρησιμοποιείται στο τρέιλερ.
Αφού τα διατάξετε και τα ρυθμίσετε όσα θέλετε, απλά κάντε κλικ στο "Προεπισκόπηση" στην κορυφή για να δείτε τον ιστότοπο παραγωγής. Εάν είστε ικανοποιημένοι με αυτό, μπορείτε να κάνετε κλικ στο "Δημοσίευση".
Παραδείγματα τοποθεσιών εκτός προτύπου
Ο Wix έχει μια μεγάλη γκαλερί των μη προτύπων ιστότοπων που μπορείτε να αναζητήσετε για έμπνευση.
Αγαπώ τον Δαβίδ . Ένα πολύ cool site που περιλαμβάνει μια σελίδα splash για τους επισκέπτες για να επιλέξετε μια γλώσσα.
Barefoot Φωτογραφία . Μια όμορφη τοποθεσία με κεντρικό περιεχόμενο και μια πολυεπίπεδη εμφάνιση.
FlyingDork.com . Ο ιστότοπος FlyingDork έχει ένα κινούμενο intro, παρουσιάζει ένα ρολόι demo στην αρχική σελίδα και έχει μια ενδιαφέρουσα δομή πλοήγησης.
Φωτογραφία Jen Adams . Πρόκειται για ένα πολύ κλασικό design site, που είναι κομψό και καλά σχεδιασμένο.
Σφαίρα . Το Sproud έχει μια ενδιαφέρουσα σελίδα εκκίνησης, και στη συνέχεια ένα πολύ παραδοσιακό, καθαρά σχεδιασμένο site.
Βασικά στοιχεία συμβάντος . Ένα άλλο πολύ ωραίο, πιο παραδοσιακό σχέδιο, αλλά με πολλά εφέ κίνησης.
Belinda ES Αυτός ο ιστότοπος είναι απλά λίγο πλούσιος, αλλά ταυτόχρονα πολύ μαλακός και θηλυκός. Η κατακόρυφη περιήγηση με καρτέλες είναι επίσης ενδιαφέρουσα.
Η συνείδηση Η ταινία . Εδώ είναι ένας άλλος ιστοχώρος ταινιών, αυτή τη φορά για μια δραματική σύντομη.
Widgets και άλλα σχέδια
Το Wix σας επιτρέπει επίσης να δημιουργείτε widgets και η διαδικασία είναι πολύ παρόμοια με τη δημιουργία ενός ιστότοπου απλά απλοποιημένη.
Υπάρχουν τρεις διαφορετικές επιλογές για τη δημιουργία σχεδίων εκτός τοποθεσίας: Widget (300 × 400 εικονοστοιχεία), Σχόλιο (400 × 300 εικονοστοιχεία) και Header (800 × 250 εικονοστοιχεία). Απλώς μεταβείτε στο κάτω μέρος της σελίδας "Δημιουργία" για να επιλέξετε. Υπάρχει επίσης μια ενότητα προτύπων "Widgets" που μπορείτε να περιηγηθείτε.
Ποιος πρέπει να χρησιμοποιήσει το Wix;
Το καλύτερο μέρος για το Wix είναι πόσο απίστευτα εύκολο είναι να το χρησιμοποιήσετε από τη στιγμή που γνωρίζετε τη διεπαφή και τα ελάχιστα quirks.
Και οι δύο ιστότοποι που δημιουργήθηκαν για αυτήν την ανάρτηση έγιναν σε περίπου μία ώρα (λίγο λιγότερο για τον ιστότοπο του προτύπου, λίγο περισσότερο για την τοποθεσία από το μηδέν). Αυτό περιλαμβάνει το σχεδιασμό, τη δημιουργία του περιεχομένου, τη μεταφόρτωση εικόνων κ.λπ. Πραγματικά απλοποιεί και επιταχύνει τη διαδικασία ανάπτυξης.
Το Wix δεν απαιτεί καμία γνώση του Flash (ή οποιασδήποτε άλλης γλώσσας προγραμματισμού), η οποία είναι επίσης μεγάλη για πολλούς ανθρώπους. Και για μικρούς χώρους ή χαρτοφυλάκια, η Wix είναι μια εξαιρετική επιλογή. Το ελεύθερο σχέδιο είναι κατάλληλο για να το δοκιμάσετε και να δοκιμάσετε τα νερά.
Αναβαθμίστε σε premium και αποκτάτε το δικό σας όνομα τομέα, χωρίς διαφημίσεις, απεριόριστο εύρος ζώνης, επιπλέον αποθηκευτικό χώρο και πολλά άλλα. Τα σχέδια Premium ξεκινούν από 4,95 δολάρια το μήνα (παρόλο που το σχέδιο εξακολουθεί να περιλαμβάνει διαφημίσεις και το λογότυπο Wix) και ανέρχεται σε 24,90 δολάρια το μήνα για το πλήρες σχέδιο ηλεκτρονικού εμπορίου τους (αν και όλα τα σχέδια είναι μειωμένα). Υπάρχουν επίσης εκπτώσεις για την πληρωμή του έτους και όχι μηνιαία.
Αυτή τη στιγμή, δεν υπάρχει κανένας τρόπος για να τρέξετε ένα blog με το Wix, αν και θα μπορούσατε να συνδέεστε πάντα με ένα ιστολόγιο εκτός του χώρου. Δεν είναι επίσης αναγκαστικά θα είναι μεγάλη για πολύ μεγάλους χώρους, ή χώρους ηλεκτρονικού εμπορίου με πολλά προϊόντα.
Αλλά συνολικά, Wix είναι μια εξαιρετική επιλογή χαμηλού κόστους εάν θέλετε να δημιουργήσετε ένα Flash site χωρίς να μάθετε Flash.
Γράφτηκε αποκλειστικά για WDD από Κάμερον Τσάπμαν . Λάβετε υπόψη ότι οι συνδέσεις με το Wix περιέχουν ένα αναγνωριστικό θυγατρικών που μπορείτε να χρησιμοποιήσετε για να υποστηρίξετε το WDD κατά την αναβάθμιση σε ένα premium account. Αυτό δεν έχει επηρεάσει σε καμία περίπτωση το περιεχόμενο αυτού του άρθρου και οι απόψεις που εκφράζονται σε αυτό το άρθρο είναι αυτές του συγγραφέα μόνο.
Χρησιμοποιήσατε ποτέ Wix σε περιβάλλον παραγωγής; Θα θέλαμε να μάθουμε τις εμπειρίες σας στα σχόλια!