Η οικοδόμηση της πρώτης ιστοσελίδας σας δεν είναι το πιο δύσκολο πράγμα που θα κάνετε στη ζωή σας, αλλά δεν είναι εύκολο. Απαιτεί να μάθετε νέα τεχνολογία, λεξιλόγιο και λογισμικό που δεν χρειάζεστε πριν.
Πρέπει να μάθετε κάποιο βασικό κώδικα HTML, να αποκτήσετε έναν επεξεργαστή ιστού, να εντοπίσετε μια υπηρεσία για να φιλοξενήσετε την ιστοσελίδα σας, να συγκεντρώσετε το περιεχόμενο της σελίδας σας, να ανεβάσετε την ιστοσελίδα στον κεντρικό υπολογιστή, να δοκιμάσετε τη σελίδα και στη συνέχεια να την προωθήσετε. Μπά!
Τα καλά νέα είναι ότι αφού το κάνατε όλα μια φορά, έχετε μάθει την καμπύλη μάθησης. Μπορείτε να το κάνετε ξανά και ξανά για την παραγωγή ιστοσελίδων σε πολλαπλά θέματα ή για πολλαπλούς σκοπούς.
01 από 08Πάρτε χρόνο για να σχεδιάσετε
Πριν κάνετε οτιδήποτε, περάστε λίγο χρόνο αποφασίζοντας βασικές ερωτήσεις σχετικά με την ιστοσελίδα που πρόκειται να χτίσετε. Προσδιορίστε το κοινό σας και μάθετε τι πρέπει να πείτε σε αυτούς. Εάν προωθήσετε την επιχείρησή σας, ελέγξτε τις ιστοσελίδες των ανταγωνιστών σας και αποφασίστε τι λειτουργεί ή δεν λειτουργεί καλά γι 'αυτούς. Αν σχεδιάζετε έναν ιστότοπο με πολλές συνδεδεμένες ιστοσελίδες και ίσως είστε, σχεδιάστε ένα διάγραμμα που απεικονίζει τη σχέση των σελίδων μεταξύ τους.
Όσο περισσότερο χρόνο ξοδεύετε τον προγραμματισμό πριν ξεκινήσετε την οικοδόμηση ενός ιστοτόπου, τόσο πιο ομαλή είναι η πραγματική διαδικασία κατασκευής.
02 από 08Αποκτήστε έναν επεξεργαστή ιστού
Για να δημιουργήσετε μια ιστοσελίδα, χρειάζεστε ένα πρόγραμμα επεξεργασίας ιστού στο οποίο πληκτρολογείτε HTML, τον κώδικα που κάνει την ιστοσελίδα σας να λειτουργήσει. Δεν χρειάζεται να είναι ένα φανταχτερό κομμάτι του λογισμικού στο οποίο ξοδεύετε πολλά χρήματα, αν και υπάρχουν πολλά διαθέσιμα. Μπορείτε να χρησιμοποιήσετε ένα πρόγραμμα επεξεργασίας κειμένου που συνοδεύει το λειτουργικό σας σύστημα, όπως το Σημειωματάριο στα Windows 10 ή το TextEdit σε Mac, ή μπορείτε να κάνετε λήψη ενός δωρεάν ή φθηνού επεξεργαστή από το διαδίκτυο. Το NotePad ++ και το Komodo Edit, μεταξύ άλλων, είναι εξαιρετικοί δωρεάν επεξεργαστές HTML για Windows. Το Komodo Edit είναι επίσης διαθέσιμο για Mac. Άλλοι δωρεάν επεξεργαστές HTML για Mac περιλαμβάνουν Bluefish, Eclipse, SeaMonkey και άλλους.
Μάθετε μερικά βασικά HTML
Το HTML είναι το δομικό στοιχείο των ιστοσελίδων. Ενώ μπορείτε να χρησιμοποιήσετε ένα WYSIWYG (αυτό που βλέπετε είναι αυτό που παίρνετε) editor και ποτέ δεν χρειάζεται να ξέρετε οποιαδήποτε HTML, η εκμάθηση τουλάχιστον λίγο HTML σας βοηθά να δημιουργήσετε και να διατηρήσετε τις σελίδες σας. Καθώς παίρνετε λίγο περισσότερο στην οικοδόμηση ιστοσελίδων, θα θελήσετε να μάθετε για τα Cascading Style Sheets (CSS) και το XML για να πάρετε τις νέες σας δεξιότητες στο επόμενο επίπεδο. Προς το παρόν, ξεκινήστε από τα βασικά του HTML.
Η εκμάθηση HTML δεν είναι δύσκολη και μπορείτε να μάθετε πολλά προβάλλοντας παραδείγματα HTML. Στα περισσότερα προγράμματα περιήγησης, μπορείτε να επιλέξετε να δείτε τον πηγαίο κώδικα της ιστοσελίδας που βρίσκεστε. Επιλέξτε μια απλή σελίδα γι 'αυτό, ώστε να μην είστε συγκλονισμένοι. Μπορεί ακόμη και να αντιγράψετε τον πηγαίο κώδικα για να το μελετήσετε.
Για να εξασκηθείτε, γράψτε κάποια απλή HTML στο πρόγραμμα επεξεργασίας κειμένου και δείτε πώς θα φαινόταν στον ιστό. Εάν είναι ένα χάλκινο χάος, ίσως να αφήσετε κάτι έξω. Αν μοιάζει ακριβώς όπως εσείς εννοούσε να κοιτάξει, συγχαρητήρια.
04 του 08Γράψτε την ιστοσελίδα και αποθηκεύστε τη στο σκληρό σας δίσκο
Η συναρμολόγηση της ιστοσελίδας και η σύνταξη του περιεχομένου είναι το διασκεδαστικό μέρος. Ανοίξτε τον επεξεργαστή ιστού και ξεκινήστε να δημιουργείτε την ιστοσελίδα σας. Εάν πρόκειται για πρόγραμμα επεξεργασίας κειμένου, πρέπει να γνωρίζετε κάποια HTML, αλλά αν είναι WYSIWYG, μπορείτε να δημιουργήσετε μια ιστοσελίδα όπως ακριβώς θα κάνατε με ένα έγγραφο του Word.
Το γράψιμο για τον ιστό είναι διαφορετικό από άλλους τύπους γραφής. Οι άνθρωποι τείνουν να απομακρύνουν αυτό που βλέπουν, αντί να διαβάσουν προσεκτικά, και δεν θα κολλήσουν εκεί για μια χίλιες λέξεις πραγματεία. Κρατήστε το κείμενο σύντομο και σχετικό με την ιστοσελίδα σας. Βγείτε στο σημείο της πρώτης παραγράφου και γράψτε σε ενεργή φωνή. Οι ρήξεις δράσης κρατούν τη ροή κίνηση. Κρατήστε τις φράσεις σύντομες και χρησιμοποιήστε τους καταλόγους αντί των παραγράφων όπου είναι δυνατόν. Σχεδιάστε υποτίτλους με μεγαλύτερο ή μαύρο χρώμα για να προσελκύσετε το μάτι του αναγνώστη.
Μην ξεχάσετε να προσθέσετε εικόνες και συνδέσμους στην ιστοσελίδα σας. Θα πρέπει να έχετε μάθει πώς να κάνετε και τα δύο βασικά HTML. Θα χρειαστεί να μεταφορτώσετε αντίγραφα των εικόνων στον κεντρικό υπολογιστή σας ή σε κάποιο άλλο μέρος του ιστού για να δουλέψουν όταν έρθει η ώρα, οπότε παραμείνετε οργανωμένοι καθώς εργάζεστε και συγκεντρώνετε όλα όσα σχετίζονται με την ιστοσελίδα σας σε ένα φάκελο αποθηκευμένο στο σκληρό σας δίσκο οδηγώ.
Πάντα προεπισκόπηση της ιστοσελίδας σας και διόρθωση της εργασίας σας. Μια θολή από τυπογραφικά λάθη ή από σπασμένους συνδέσμους μπορεί να βλάψει την αξιοπιστία σας σε ένα θέμα.
05 του 08Βρείτε έναν οικοδεσπότη Ιστού για την ιστοσελίδα σας
Τώρα που έχετε γράψει την ιστοσελίδα σας και την έχετε αποθηκεύσει στο σκληρό σας δίσκο, είναι καιρός να το βάλετε στο διαδίκτυο έτσι ώστε να μπορούν να το δουν και άλλοι. Κάνετε αυτό με τη βοήθεια ενός web υποδοχής, η οποία είναι μια εταιρεία όπου ανεβάζετε όλα τα αρχεία σας. Υπάρχουν πολλοί εκεί έξω, και η επιλογή ενός αξιόπιστου οικοδεσπότη είναι σημαντική. Μπορείτε να επισκεφθείτε ιστότοπους αναθεώρησης ιστότοπων φιλοξενίας ή να πάτε με έναν από τους γνωστούς παρόχους όπως το HostGator ή το GoDaddy για μια επιχείρηση. Μην παραβλέπετε το Wix (μια πλατφόρμα WYSIWYG), το WordPress.com και το Weebly, τα οποία είναι καλοί οικοδεσπότες.
Υπάρχουν πολλές επιλογές για φιλοξενία ιστοσελίδων από δωρεάν (με και χωρίς διαφήμιση) σε όλη τη διαδρομή μέχρι μερικές εκατοντάδες δολάρια το μήνα. Αυτό που χρειάζεστε σε ένα web host εξαρτάται από το τι χρειάζεται ο ιστοχώρος σας για να προσελκύσει και να κρατήσει τους αναγνώστες. Επισκεφθείτε μερικές ιστοσελίδες φιλοξενίας ιστοσελίδων και δείτε τι κοστίζουν και τι παρέχουν. Ορισμένοι προμηθευτές παρέχουν μια γενική διεύθυνση URL, αλλά αν θέλετε να προσαρμόσετε τη διεύθυνση URL της επιχείρησής σας ή θέλετε να χρησιμοποιήσετε το όνομά σας ως μέρος της διεύθυνσης URL, θα πρέπει να εγγραφείτε σε έναν τομέα. Μπορείτε να καταχωρίσετε έναν τομέα για $ 10 ή λιγότερο ή $ 10.000 ή περισσότερα. Επειδή αυτή είναι η πρώτη σας ιστοσελίδα, πηγαίνετε χαμηλά.
Συμπληρώστε μια εφαρμογή, αποκτήστε έναν τομέα και αποφασίστε για τα άλλα χαρακτηριστικά που χρειάζεστε και εγγραφείτε με έναν οικοδεσπότη Ιστού.
06 του 08Μεταφορτώστε τη σελίδα σας στον κεντρικό υπολογιστή σας
Μόλις έχετε έναν πάροχο φιλοξενίας, θα πρέπει να μετακινήσετε τα αρχεία σας από τον τοπικό σκληρό σας δίσκο στον υπολογιστή φιλοξενίας. Πολλές εταιρείες φιλοξενίας παρέχουν ένα online εργαλείο διαχείρισης αρχείων το οποίο μπορείτε να χρησιμοποιήσετε για να μεταφορτώσετε τα αρχεία σας, αλλά εάν δεν το χρησιμοποιούν, μπορείτε να χρησιμοποιήσετε το FTP για να μεταφορτώσετε την ιστοσελίδα σας. Η διαδικασία διαφέρει ανάλογα με τον πάροχο, επομένως ακολουθήστε τις οδηγίες που δίνονται σχετικά με το πού θα φορτώσετε τα αρχεία σας. Οι περισσότεροι πάροχοι φιλοξενίας δημοσιεύουν tutorials για άτομα όπως εσείς που ανεβάζουν τα πρώτα τους αρχεία. Εάν έχετε συγκεκριμένες ερωτήσεις σχετικά με τον τρόπο λήψης των αρχείων σας στον διακομιστή της εταιρείας και πού να τα τοποθετήσετε, ζητήστε τεχνική βοήθεια.
Σε κάποιο σημείο, λαμβάνετε μια διεύθυνση URL από τον οικοδεσπότη Ιστού. Είναι η διεύθυνση της ιστοσελίδας σας, την οποία μπορείτε να δώσετε σε όλους τους φίλους και τους συγγενείς σας, ώστε να μπορούν να θαυμάσουν την δουλειά σας, αλλά μην τα παραδώσετε ακόμα.
07 του 08Δοκιμάστε τη σελίδα σας
Πριν να δημοσιεύσετε τη διεύθυνση URL στα κοινωνικά μέσα ή να τα παραδώσετε, δοκιμάστε την ιστοσελίδα σας. Δεν θέλετε καμία δυσάρεστη έκπληξη.
Πολλοί αρχάριοι προγραμματιστές ιστού παραλείπουν τη φάση δοκιμής της δημιουργίας ιστοσελίδας, αλλά είναι σημαντικό. Η δοκιμή των σελίδων σας εξασφαλίζει ότι βρίσκονται στη διεύθυνση URL που νομίζετε ότι είναι και ότι φαίνονται εντάξει σε όλα τα δημοφιλή προγράμματα περιήγησης ιστού. Ανοίξτε την ιστοσελίδα σας στο Chrome, το Firefox, το Safari, το Opera και άλλα προγράμματα περιήγησης που εσείς ή ένας φίλος έχετε εγκαταστήσει σε έναν υπολογιστή. Βεβαιωθείτε ότι όλες οι εικόνες εμφανίζονται και οι σύνδεσμοι λειτουργούν. Δεν θέλετε καμία δυσάρεστη έκπληξη.
Εάν συναντήσετε μια έκπληξη, ακολουθήστε τα τυπικά βήματα για την επίλυση προβλημάτων στον σχεδιασμό ιστοσελίδων.
Όταν η ιστοσελίδα φαίνεται ακριβώς όπως σχεδιάσατε, είναι καιρός να την προωθήσετε.
08 από 08Προωθήστε την ιστοσελίδα σας
Αφού έχετε την ιστοσελίδα σας στον ιστό, ενημερώστε τους ανθρώπους για αυτό. Ο απλούστερος τρόπος είναι να στείλετε ένα μήνυμα ηλεκτρονικού ταχυδρομείου στους πελάτες, τους φίλους και την οικογένειά σας με τη διεύθυνση URL. Προσθέστε τη διεύθυνση URL στην υπογραφή σας μέσω ηλεκτρονικού ταχυδρομείου ή δημοσιεύστε την στον ιστοτόπο κοινωνικής δικτύωσης. Εάν πρόκειται για την επιχείρησή σας, προσθέστε τη διεύθυνση στις επαγγελματικές σας κάρτες και σε άλλα έντυπα.
Εάν θέλετε πολλοί άνθρωποι να δουν την ιστοσελίδα σας, πρέπει να μάθετε πώς να την προωθήσετε στις μηχανές αναζήτησης και σε άλλες τοποθεσίες, αλλά η βελτιστοποίηση μηχανών αναζήτησης (SEO) είναι μια ιστορία για μια άλλη μέρα.
