9 ιδέες για την οικοδόμηση μεγάλων ιστοσελίδων με λιγότερο
Όλοι γνωρίζουμε πόσο επίπονη εργασία στο διαδίκτυο μπορεί να είναι. Δεν είναι καθήκον των αδύναμων καρτών και γενικά απαιτεί ένα χρόνο σπουδών για να κατανοήσουν πραγματικά. Καθώς η εποχή μας έχει εξελιχθεί, έχουμε δει λαμπρές ιδέες και καινοτομίες που οδηγούν την online κοινότητα προς την ανοικτή πηγή και την κοινή χρήση.
Η κατασκευή ενός δικτυακού τόπου έχει εξελιχθεί πραγματικά σε μια διαδικασία πολλαπλών στρωμάτων. Πρέπει να εξετάσετε τα γραφικά των ιστοσελίδων, να κωδικοποιήσετε τα στυλ και τη διάταξη του front-end, τη φιλοξενία διακομιστών και, ενδεχομένως, τον back-end προγραμματισμό για την εκκίνηση. Οι προγραμματιστές έχουν εδώ και χρόνια κουβεντιάσει με αυτά τα συστήματα και τελικά έχουμε φτάσει σε ένα σημείο ενδιαφέροντος, αλλά θα είναι εξαιρετικά εξαντλητικό αν πρόκειται να χειριστείτε όλα αυτά τα έργα από μόνοι σας.
Παρακάτω έχω μοιραστεί μερικούς χρήσιμους πόρους για τον αποτελεσματικό σχεδιασμό μεγάλων σχεδίων ιστοτόπων. Αυτά έρχονται σε πολλές μορφές σε όλη τη διάρκεια της δημιουργικής διαδικασίας. Αν και αυτό δεν είναι μια εξαντλητική λίστα, ελπίζω να αγγίξω πόρους χρήσιμους τόσο για τους ειδικούς όσο και για τους αρχάριους.
1. Αφήστε το στους ειδικούς
Από τους σχεδιαστές εικονιδίων μέχρι τους προγραμματιστές σε όλο τον κόσμο, όλοι έχουμε διαφορετικά σύνολα δεξιοτήτων ποικίλου μεγέθους. Δεν βλέπουμε συχνά τους εαυτούς μας ως σούπερ ήρωες που επιδιώκουν να οικοδομήσουν δεξιότητες πέρα από το σημείο της γνώσης. Ωστόσο, για να γίνει δημιουργικός καλλιτέχνης και προγραμματιστής είναι ένα πραγματικό δώρο.
Για όσους από εμάς εστιάζουμε σε μια συγκεκριμένη θέση, η εξωτερική βοήθεια θα πρέπει να επικροτηθεί θερμά. Μπορεί να επιταχύνει τη διαδικασία κατασκευής ενός ιστοτόπου δέκα φορές και προσφέρει μια μοναδική εμπειρία για να εργαστεί σε ένα περιβάλλον ομάδας. Μερικές από τις καλύτερες υπηρεσίες PSD σε HTML περιλαμβάνουν τα psd2html και xhtmlchop.com, το Google "PSD to HTML services" για να πάρετε περισσότερα, ή να δείτε μια λίστα 100+ υπηρεσιών εδώ.
Η φυσική διαδικασία συνεδρίασης για να κωδικοποιήσετε ένα έγγραφο του Photoshop σε HTML / CSS μπορεί να είναι ενοχλητική. Ειδικά αν έχετε κωδικοποιήσει εδώ και πολλά χρόνια, καθώς η επανάληψη γίνεται βαρετή και σχεδόν απαρχαιωμένη. Πολλές από αυτές τις υπηρεσίες υπόσχονται παράδοση 24 ωρών και θα προσφέρουν ακόμη και εκπτώσεις για σχέδια δευτερευουσών σελίδων.
Εάν ενδιαφέρεστε για την κωδικοποίηση αλλά πέφτει πίσω με τις δεξιότητες σχεδίασης, θα συνιστούσα την περιήγηση σε ορισμένα δίκτυα ψηφιακών καλλιτεχνών. Αυτές περιλαμβάνουν το Dribbble και το DesignMoo όπου οι σχεδιαστές γραφικών μπορούν να δημοσιεύσουν και να μοιραστούν τα τελευταία έργα τους. Γενικά, θα βρείτε επίσης μια σελίδα εμφάνισης χαρτοφυλακίου για κάθε καλλιτέχνη, συμπεριλαμβανομένων πληροφοριών επικοινωνίας όπως e-mail, Twitter ή IM chat.
2. Λύσεις εξωτερικής ανάθεσης
Υπάρχουν μεγάλα παραδείγματα ελεύθερων επαγγελματιών που προσφέρουν τις υπηρεσίες τους για να υποστηρίξουν τα στούντιο των έργων. Αλλά με το σημερινό σημερινό επίπεδο επικοινωνίας υπάρχουν πολλές περιπτώσεις όπου οι ελεύθεροι επαγγελματίες θα δουλεύουν χέρι-χέρι για να ολοκληρώσουν το έργο τους. Ακόμη και πιθανότατα από δύο ξεχωριστές τοποθεσίες σε όλο τον κόσμο!
Με την απελευθέρωση τόσων πολλών ανεξάρτητων κοινοτήτων, ποτέ δεν ήταν πιο εύκολο για τους σχεδιαστές και τους προγραμματιστές να συναντηθούν και να συνεργαστούν. Ένας μεγάλος προγραμματιστής της κοινότητας Meet Designer επιτρέπει στους web developers και τους σχεδιαστές να μιλάνε και να μοιράζονται ιδέες για τα έργα. Πρόκειται για ένα σχετικά άγνωστο δίκτυο και εξακολουθεί να λειτουργεί ως μικρός επαγγελματίας.
Εναλλακτικά, μπορεί να ψάχνετε για εργασία ως ελεύθερος επαγγελματίας και να βρείτε θέσεις εργασίας δύσκολη. Αυτό είναι όπου οι πολλές πίνακες εργασίας από όλο το Διαδίκτυο δείχνουν τη χρήση τους. Τέτοιες εταιρείες όπως η Fresh Web Jobs και η Krop είναι μόνο μερικά παραδείγματα των πολλών ευκαιριών ελεύθερων επαγγελματιών. Καθένα ενημερώνεται καθημερινά και προσφέρει πλήρεις περιγραφές μαζί με πληροφορίες επικοινωνίας.
3. Χρησιμοποιήστε το Open Source
Μια από τις καλύτερες εφευρέσεις από την κοινότητα ανάπτυξης ιστού σήμερα πρέπει να είναι λογισμικό ανοιχτού κώδικα. Υπάρχουν αμέτρητες προσπάθειες που εργάζονται καθημερινά για να συμπληρώσουν και να βελτιώσουν τις υπάρχουσες βιβλιοθήκες. jQuery και MooTools είναι δύο από τις εκατοντάδες βιβλιοθήκες JavaScript που ξεχωρίζουν από τα υπόλοιπα με βάση απλά μαθήματα και φήμη. Ωστόσο, το JavaScript δεν είναι το μοναδικό ανοιχτό πρωτόκολλο στο οποίο έχουν εργαστεί. Κυριολεκτικά εκατοντάδες χιλιάδες προγραμματιστές μοιράζονται και συνεισφέρουν πακέτα κώδικα στο GitHub κάθε μέρα. Οι γλώσσες περιλαμβάνουν PHP, CSS, SQL, ASP, Objective-C, Java και πολλά άλλα!
Το WordPress, μια πλατφόρμα blogging που αναπτύχθηκε από τον Matt Mullenweg και έχει αναπτυχθεί ιστορικά τα τελευταία χρόνια, είναι ίσως η επιτομή των έργων επιτυχίας ανοικτού κώδικα. Φαίνεται εντυπωσιακό κοιτάζοντας τόσες πολλές μικρότερες συσκευασίες που κοσκινίζονται μέσω του διαδικτύου, αλλά το WordPress εξουσιάζει εκατομμύρια ιστοσελίδες και φιλοξενεί χιλιάδες προγραμματιστές που εργάζονται στην backend τους. Το σύνολο του πακέτου είναι ελεύθερο για λήψη και είναι πολύ εύκολο στην εγκατάσταση. Ο επίσημος δικτυακός τόπος της εταιρείας wordpress.org προσφέρει συνδέσμους και σεμινάρια για προγραμματιστές που ενδιαφέρονται να δημιουργήσουν θέματα και plugins για WP. Υποστηρίξαμε επίσης ένα εισαγωγικό φροντιστήριο για προσθήκες WP για αρχάριους προγραμματιστές. Παρομοίως, υπάρχει μια επίσημη συλλογή που διαθέτει ένα εντυπωσιακό ποσό δωρεάν plugins για όλους τους χρήστες του WordPress για να απολαύσουν.
Για όσους από εσάς αναζητάτε δέσμες ενεργειών ηλεκτρονικού εμπορίου ανοιχτού κώδικα, ελέγξτε αυτήν την ανάρτηση.
4. Σχεδιασμός ιδίων εικονιδίων - Δεν απαιτείται
Προχωρώντας προς την γραφιστική και την κινούμενη πλευρά του σχεδιασμού εξακολουθούμε να βλέπουμε μια ανοικτή κοινότητα κοινής χρήσης. Οι σχεδιαστές ιστοσελίδων απολαμβάνουν όχι μόνο να μοιράζονται το έργο τους στον κόσμο αλλά να βοηθούν τους άλλους να προωθήσουν τις ιδέες τους.
Τα γραφικά είναι μερικές από τις πιο περίπλοκες πτυχές μιας ιστοσελίδας. Αυτό ισχύει ιδιαίτερα επειδή οι κορυφαίοι σχεδιαστές γραφικών είναι δύσκολο να έρθουν κοντά. Πολλά από τα δωρεάν εικονίδια, όπως το FamFamFam, το Wefunction, η Fugue και πολλά άλλα, αποκαλύπτουν τις λήψεις τους ως ελεύθερες για χρήση σε συνδέσμους τιμωρίας ή στην πίστωση του έργου τους. Αυτό φαίνεται σαν ένα απλό συμβιβασμό για απεριόριστες χρήσεις!
Μια άλλη φανταστική υπηρεσία Icon Finder συμπεριφέρεται ως μηχανή αναζήτησης για τα πιο δημοφιλή σύνολα εικονιδίων. Συχνά, αν κάνετε περιήγηση στα αποτελέσματα αναζήτησης Google, υπάρχουν εκατοντάδες ιστολόγια σχεδίασης ιστοσελίδων που παρουσιάζουν τα καλύτερα δωρεάν εικονίδια. Αυτά έχουν επίσης μοιραστεί σε τέτοιες μηχανές όπως το Finder Icon για να κάνουν κτίριο ιστοσελίδες ακόμη πιο γρήγορα.
5. Καλύτερη συμφωνία για τη φιλοξενία και την κοινή χρήση αρχείων
Μπορούμε όλοι να χρησιμοποιήσουμε μερικές επιπλέον χρήματα αυτές τις μέρες. Ακόμη και ως σχεδιαστές ιστοσελίδων είναι σημαντικό να αναζητήσουμε εκείνες τις εταιρείες που προσφέρουν συμφωνίες και υποστηρίζουν την ανεξάρτητη γενιά.
Web hosting είναι μόνο ένα από τα πολλά έξοδα που πρέπει να ληφθούν υπόψη. Συχνά, μπορείτε να βρείτε κουπόνια σε σχετικούς ιστότοπους που εξοικονομούν χρήματα για αγορές ονομάτων τομέα και χώρου διακομιστών.
Η κοινή χρήση αρχείων έχει γίνει ένα σημαντικό μέρος του τρόπου ζωής του σχεδιαστή του web. Υπάρχουν αμειβόμενες και δωρεάν υπηρεσίες και αν γνωρίζετε κάποιον στην επιχείρηση δεν είναι δύσκολο να αποκτήσετε έναν λογαριασμό μέλους. Για τα υπόλοιπα, εξετάστε τις εναλλακτικές λύσεις κοινής χρήσης αρχείων, οι οποίες παρέχουν εντελώς δωρεάν υποστήριξη σε όλους τους χρήστες.
6. Ελεύθερος έλεγχος απόδοσης
Οι εφαρμογές ιστότοπων είναι οι τελευταίες τάσεις που διαπερνούν τις ψηφιακές ραφές. Από τις εφαρμογές για κινητά σε προγράμματα περιήγησης εμφανίζεται σχεδόν οτιδήποτε μπορεί να ολοκληρωθεί σε έναν υπολογιστή αυτές τις μέρες. Για τους webmasters είναι σημαντικό να γνωρίζετε τις πολλές ελεύθερες δυνατότητες για μηχανική δοκιμή και συντήρηση του ιστότοπου.
Αν είστε σαν οι περισσότεροι από εμάς, τότε ο χρόνος λειτουργίας του ιστοτόπου είναι μεγάλης ανησυχίας. Έχοντας τον ιστοχώρο σας να πέσει για ακόμα λίγα λεπτά μπορεί να γίνει καταστροφικός στους αριθμούς κυκλοφορίας σας, για να μην αναφέρουμε βαθιά σύγχυση στους επισκέπτες σας. Το Pingdom είναι ένα δωρεάν εργαλείο που πρέπει να χρησιμοποιήσουν όλοι οι webmasters για να ελέγξουν τους κωδικούς απόκρισης από τον web server τους. Αυτός είναι ένας σίγουρος τρόπος για να κρατάτε τις καρτέλες στο backend σας και να παρακολουθείτε την απόδοση από πίσω.
Μια άλλη μεγάλη υπηρεσία, η Google Webmasters επιτρέπει στους προγραμματιστές να διεκδικήσουν την ιδιοκτησία του ιστότοπού τους. Αυτό μπορεί να γίνει με χάρτη ιστότοπου, μετα-ετικέτα ή άλλες εναλλακτικές λύσεις που παρέχει η Google. Εάν χρησιμοποιείτε έναν λογαριασμό Google, είναι δυνατή η αποθήκευση δεδομένων RSS και η παρακολούθηση λέξεων-κλειδιών για μεμονωμένους ιστότοπους. Η εφαρμογή είναι 100% δωρεάν και σας επιτρέπει να αποθηκεύετε απεριόριστες συνδέσεις στον ιστότοπο!
7. Κωδικοποιητές μπορούν να είναι φτηνοί (ή δωρεάν)
Είτε θέλουμε να παραδεχτούμε ότι οι περισσότεροι σχεδιαστές ιστοσελίδων τείνουν να dabble σε κάποια μορφή Ανάπτυξη διαδικτύου. Είναι μόνο για εκείνους που είναι πραγματικά προικισμένοι στο Adobe Photoshop ή το Illustrator που δεν εμπλακούν σε σχεδιασμό HTML και CSS.
Για τους παραμένοντες προγραμματιστές και το backend, μπορεί να είναι δύσκολο να βρείτε ένα άνετο περιβάλλον εργασίας. Η Adobe προσφέρει το Dreamweaver το οποίο υποστηρίζει την επισήμανση κώδικα σε πολλές γλώσσες, αλλά δυστυχώς θα κοστίσει αρκετά χρήματα. Έχουμε αναθεωρήσει τους κορυφαίους 10 δωρεάν επεξεργαστές πηγαίου κώδικα και έχουμε προσφέρει άμεσες συνδέσεις λήψης σε κάθε σελίδα.
Αν ξεκινάτε απλά να γράψετε κώδικα, σας συνιστώ να ξοδέψετε λίγο χρόνο για να ερευνήσετε αυτά τα θέματα. Το αναπτυξιακό σας περιβάλλον είναι κρίσιμο και θα έχει επιπτώσεις στο πώς γράφετε τον κώδικα. Πολλοί από αυτούς τους επεξεργαστές είναι ειδικά για τα Windows και παρόλο που μπορείτε να βρείτε μερικές φιλικές προς τις Mac επιλογές, σας προτείνω το Coda του Πανικού - ένας τρόπος φθηνότερων εκδότες κώδικα (σε σύγκριση με το Adobe Dreamweaver) για σοβαρή ανάπτυξη ιστοσελίδων.
8. Πάρτε μερικά πακέτα εκκίνησης
Τώρα που έχετε μια σταθερή ιδέα για τις διαθέσιμες υπηρεσίες και προγράμματα δοκιμάστε να κατεβάσετε μερικά πακέτα εκκίνησης για να πάτε. Ως σχεδιαστές ιστοσελίδων είναι σημαντικό να εστιάσουμε τη συνειδητή μας προσοχή στη δημιουργικότητα και να προωθήσουμε νέες ιδέες για πλατφόρμες διαμόρφωσης.
Τα τελευταία χρόνια οι σχεδιαστές έχουν απελευθερώσει σιγά-σιγά δωρεάν πακέτα εικόνων, πρότυπα, στοιχεία μορφής, στοιχεία GUI και πολλά παρόμοια έργα. Παρακαλούμε να εξετάσετε τη λίστα των εκκινητήριων συσκευών σχεδιαστή ιστοσελίδων για να δείτε αν κάτι τραβάει το μάτι σας.
Η εργασία διάταξης του Photoshop δεν είναι πάντα η πιο εύκολη για την ολοκλήρωση. Συχνά βρισκόμαστε σε αμφιβολίες και επαναπροσέγγιση για να διορθώσουμε τα σχέδια χρωμάτων και την τοποθέτηση. Η παλιά παροιμία “η πρακτική κάνει τέλεια” φαίνεται να ισχύει πολύ σε αυτό το σενάριο, μαζί με πολλούς άλλους. Και αυτά τα βασικά κιτ εκκίνησης θα πρέπει να σας βγάλουν στο δεξί πόδι!
9. Να ακολουθείτε πάντα την ώρα μελέτης
Με το πέρασμα του χρόνου, όλοι έχουμε την τάση να χάσουμε το ενδιαφέρον για τις δραστηριότητες. Αν είστε πραγματικά παθιασμένοι με το σχεδιασμό ιστοσελίδων θα πρέπει να κρατήσετε τον εαυτό σας κίνητρο και να μελετήσει νέα θέματα. Εξετάστε το ενδεχόμενο να ανοίξετε το μυαλό σας σε μια γλώσσα ανάπτυξης ή να εφαρμόσετε ένα νέο λογισμικό.
Τα online εργαλεία σήμερα είναι πιο προηγμένα από ποτέ, βοηθώντας τους νεαρούς σχεδιαστές ιστοσελίδων να πάρουν το βραβείο. Η βιβλιοθήκη σχεδίασης ιστοσελίδων ξεκίνησε αρχικά με το Template Monster μαζί με την Jetimpex Inc και συνέχισε σε έναν κατάλογο πολύ δημοφιλών tutorials. Ο ιστότοπος ενημερώνεται καθημερινά με νέες συνδέσεις και αντικείμενα επίδειξης για έμπνευση.
Ο ιστότοπος επίσης συνδέει μεταξύ πολλών χώρων συνεργατών, συμπεριλαμβανομένου του Template Ninajas. Αυτό έχει ως αποτέλεσμα ημερήσιες προσφορές που δεν μπορείτε να βρείτε οπουδήποτε αλλού - μερικές φορές ακόμη και demos ή freebies! Τα πρότυπα ιστότοπων είναι ένα εξαιρετικό μέρος για να ξεκινήσετε όταν δεν είστε εξοικειωμένοι με την κατασκευή μιας διάταξης ιστοσελίδας ή απλά χρειάζεστε κάποιες νέες ιδέες.
Θα ήθελα επίσης να συστήσω ιδιαίτερα το δίκτυο Tuts + που δημιουργήθηκε από την Envato. Φιλοξενούν χιλιάδες μαθήματα που κυμαίνονται από Photoshop, Illustrator, HTML5, ActionScript, μορφές διανυσμάτων και ακόμη και φωτογραφία. Μερικοί από τους κώδικες τους απαιτούν τη λήψη μελών για λήψη, αλλά όλα τα μαθήματα είναι ελεύθερα να ακολουθήσουν και να προσφέρουν βήμα προς βήμα οδηγίες για να διευκολύνουν τον κύκλο εκμάθησης.
Μαζί με τα γραπτά άρθρα, τα περισσότερα από τα σχόλια θα προσφέρουν επίσης εξαιρετικές συμβουλές. Το σύνολο του δικτύου διευθύνεται από σχεδιαστές ιστοσελίδων και διαβάζεται από σχεδιαστές ιστοσελίδων, ώστε να μπορείτε να είστε σίγουροι για τα σχόλια υψηλής ποιότητας.
συμπέρασμα
Αυτές οι μέθοδοι θα πρέπει να σας ξεκινήσουν σε μια βροντερή διαδρομή προς την διαφώτιση του σχεδιασμού ιστοσελίδων. Τα καλύτερα τεχνάσματα του εμπορίου έχουν περάσει εδώ και χρόνια μέσω της κοινότητας του Ίντερνετ. Και παρομοίως, καθώς το ποσό των σχεδιαστών ιστοσελίδων έχει αυξηθεί, έχουν δημιουργηθεί πιο ανοικτά πρότυπα.
Εξετάστε μερικές από τις ιδέες που παρουσιάστηκαν παραπάνω και περάστε λίγο χρόνο περιήγησης σε ενδιαφέροντα άρθρα ή σεμινάρια. Ακόμα και να εξοικειωθείτε με φρέσκο υλικό, μπορείτε να τρελαίνετε τον εγκέφαλό σας και να σκεφτείτε σε μια αυξημένη νοοτροπία σχεδιασμού. Αν έχετε παρόμοιες ιδέες, μπορείτε να τις μοιραστείτε στην παρακάτω ενότητα σχολίων.
