Απαιτούμενα βήματα για τη δημιουργία και δημοσίευση ιστοσελίδας HTML

Αφιερώστε χρόνο για να προγραμματίσετε

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

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

Αποκτήστε έναν Επεξεργαστή Ιστού

Για να δημιουργήσετε μια ιστοσελίδα, χρειάζεστε έναν επεξεργαστή ιστού στον οποίο πληκτρολογείτε HTML, τον κώδικα που κάνει την ιστοσελίδα σας να λειτουργεί. Δεν χρειάζεται να είναι ένα φανταχτερό λογισμικό που ξοδεύετε πολλά χρήματα, αν και υπάρχουν πολλά από αυτά διαθέσιμα. Μπορείτε να χρησιμοποιήσετε ένα πρόγραμμα επεξεργασίας κειμένου που συνοδεύει το λειτουργικό σας σύστημα, όπως το Σημειωματάριο (Notepad) στα Windows 10 ή TextEdit σε Macή μπορείτε να κατεβάσετε έναν δωρεάν ή φθηνό πρόγραμμα επεξεργασίας από το Διαδίκτυο. Το NotePad ++ και το Komodo Edit, μεταξύ άλλων, είναι υπέροχα δωρεάν επεξεργαστές HTML για Windows. Το Komodo Edit είναι επίσης διαθέσιμο για Mac. Αλλα δωρεάν επεξεργαστές HTML για Mac περιλαμβάνουν Bluefish, Eclipse, SeaMonkey και άλλα.

Μάθετε κάποια βασική HTML

Το HTML είναι το δομικό στοιχείο των ιστοσελίδων. Ενώ μπορείτε να χρησιμοποιήσετε έναν επεξεργαστή WYSIWYG (αυτό που βλέπετε είναι αυτό που παίρνετε) και δεν χρειάζεται ποτέ να γνωρίζετε κανένα HTML, η εκμάθηση τουλάχιστον λίγου HTML σας βοηθά να δημιουργήσετε και να διατηρήσετε τις σελίδες σας. Καθώς προχωράτε λίγο στη δημιουργία ιστοσελίδων, θα θελήσετε να μάθετε Φύλλα Cascading Style (CSS) και XML για να μεταφέρετε τις νέες σας δεξιότητες στο επόμενο επίπεδο. Προς το παρόν, ξεκινήστε από το βασικά στοιχεία της HTML.

Η εκμάθηση HTML δεν είναι δύσκολη και μπορείτε να μάθετε πολλά βλέποντας παραδείγματα HTML. Στα περισσότερα προγράμματα περιήγησης, μπορείτε να επιλέξετε δείτε τον πηγαίο κώδικα της ιστοσελίδας στην οποία βρίσκεστε. Επιλέξτε μια απλή σελίδα για αυτό, ώστε να μην είστε συγκλονισμένοι. Μπορεί ακόμη και να μπορείτε αντιγράψτε τον πηγαίο κώδικα να το μελετήσει.

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

Γράψτε την ιστοσελίδα και αποθηκεύστε τη στο σκληρό σας δίσκο

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

Το γράψιμο για τον Ιστό είναι διαφορετικό από άλλους τύπους γραφής. Οι άνθρωποι τείνουν να αποφεύγουν ό, τι βλέπουν, αντί να διαβάζουν προσεκτικά, και δεν θα κολλήσουν εκεί για μια χίλια λέξεις. Διατηρήστε το κείμενο σύντομο και σχετικό με την ιστοσελίδα σας. Φτάστε στο σημείο της πρώτης παραγράφου και γράψτε με ενεργή φωνή. Τα ρήματα δράσης διατηρούν τη ροή σε κίνηση. Κρατήστε τις προτάσεις μικρές και χρησιμοποιήστε λίστες αντί για παραγράφους όπου είναι δυνατόν. Σχεδιάστε υπότιτλους σε μεγαλύτερο ή έντονο τύπο για να προσελκύσετε το βλέμμα του αναγνώστη.

Μην ξεχάσετε να προσθέσετε εικόνες και συνδέσεις στην ιστοσελίδα σας. Θα έπρεπε να έχετε μάθει πώς να κάνετε και τα δύο στα βασικά σας HTML. Θα πρέπει να ανεβάσετε αντίγραφα των εικόνων στον οικοδεσπότη Ιστού σας ή σε άλλο μέρος στον Ιστό για να λειτουργήσουν όταν έρθει η ώρα έρχεται, οπότε μείνετε οργανωμένοι καθώς εργάζεστε και συγκεντρώστε όλα όσα σχετίζονται με την ιστοσελίδα σας σε έναν φάκελο που είναι αποθηκευμένος στο σκληρό σας οδηγώ.

Πάντα προεπισκόπηση της ιστοσελίδας σας και διορθώστε τη δουλειά σας. Ένα χτύπημα τυπογραφικών λάθους ή σπασμένων συνδέσμων μπορεί να βλάψει την αξιοπιστία σας σε ένα θέμα.

Βρείτε έναν οικοδεσπότη Ιστού για την ιστοσελίδα σας

Τώρα που έχετε γράψει την ιστοσελίδα σας και την έχετε αποθηκεύσει στον σκληρό σας δίσκο, ήρθε η ώρα να την τοποθετήσετε στον Ιστό έτσι ώστε να μπορούν να τη δουν άλλοι. Αυτό το κάνετε με τη βοήθεια ενός web host, ο οποίος είναι μια εταιρεία όπου ανεβάζετε όλα τα αρχεία σας. Υπάρχουν πολλά από αυτά, και η επιλογή ενός αξιόπιστου οικοδεσπότη είναι σημαντική. Μπορείτε να επισκεφθείτε ιστότοπους αναθεώρησης φιλοξενίας ιστοσελίδων ή να πάτε με έναν από τους γνωστούς παρόχους όπως το HostGator ή το GoDaddy για μια επιχείρηση. Μην παραβλέπετε το Wix (μια πλατφόρμα WYSIWYG), το WordPress.com και το Weebly, τα οποία είναι όλοι καθιερωμένοι οικοδεσπότες.

Υπάρχουν πολλές επιλογές για φιλοξενία ιστοσελίδων από δωρεάν (με και χωρίς διαφημίσεις) έως και αρκετές εκατοντάδες δολάρια το μήνα. Αυτό που χρειάζεστε σε έναν οικοδεσπότη Ιστού εξαρτάται από το τι χρειάζεται ο ιστότοπός σας για να προσελκύσει και να κρατήσει τους αναγνώστες. Επισκεφθείτε μερικές ιστοσελίδες φιλοξενίας ιστοσελίδων και δείτε τι κοστίζουν και τι παρέχουν. Ορισμένοι πάροχοι παρέχουν μια γενική Διεύθυνση URL διεύθυνση, αλλά εάν θέλετε να εξατομικεύσετε τη διεύθυνση URL για την επιχείρησή σας ή θέλετε να χρησιμοποιήσετε το όνομά σας ως μέρος της διεύθυνσης URL, θα πρέπει να εγγραφείτε για έναν τομέα. Μπορείτε να καταχωρίσετε έναν τομέα για 10 $ ή λιγότερο ή 10.000 $ ή περισσότερα. Επειδή αυτή είναι η πρώτη ιστοσελίδα σας, πηγαίνετε χαμηλά.

Συμπληρώστε μια αίτηση, αποκτήστε έναν τομέα και αποφασίστε για τις άλλες δυνατότητες που χρειάζεστε και εγγραφείτε με έναν οικοδεσπότη Ιστού.

Ανεβάστε τη σελίδα σας στον κεντρικό υπολογιστή σας

Μόλις έχετε έναν πάροχο φιλοξενίας, θα πρέπει να μετακινήσετε τα αρχεία σας από τον τοπικό σκληρό δίσκο στον υπολογιστή φιλοξενίας. Πολλές εταιρείες φιλοξενίας παρέχουν ένα διαδικτυακό εργαλείο διαχείρισης αρχείων που μπορείτε να χρησιμοποιήσετε για να ανεβάσετε τα αρχεία σας, αλλά αν δεν το κάνετε, μπορείτε χρησιμοποιήστε το FTP για να ανεβάσετε την ιστοσελίδα σας. Η διαδικασία διαφέρει ανάλογα με τον πάροχο, οπότε ακολουθήστε τις οδηγίες που σας δίνονται σχετικά με το πού να ανεβάσετε τα αρχεία σας. Οι περισσότεροι από τους παρόχους φιλοξενίας δημοσιεύουν σεμινάρια για άτομα όπως εσείς που ανεβάζουν τα πρώτα αρχεία τους. Εάν έχετε συγκεκριμένες ερωτήσεις σχετικά με τον τρόπο λήψης των αρχείων σας στον διακομιστή της εταιρείας και πού να τα βάλετε, ζητήστε τεχνική βοήθεια.

Σε κάποιο σημείο, λαμβάνετε μια διεύθυνση URL από τον οικοδεσπότη Ιστού. Είναι η διεύθυνση του ιστότοπού σας, την οποία μπορείτε να δώσετε σε όλους τους φίλους και τους συγγενείς σας, ώστε να μπορούν να θαυμάσουν τη δουλειά σας, αλλά μην το διανείμετε ακόμα.

Δοκιμάστε τη σελίδα σας

Πριν δημοσιεύσετε τη διεύθυνση URL στα μέσα κοινωνικής δικτύωσης ή διανέμετε, δοκιμάστε την ιστοσελίδα σας. Δεν θέλετε δυσάρεστες εκπλήξεις.

Πολλοί αρχάριοι προγραμματιστές ιστού παραλείπουν τη δοκιμαστική φάση της δημιουργίας ιστοσελίδων, αλλά είναι σημαντικό. Ο έλεγχος των σελίδων σας διασφαλίζει ότι βρίσκονται στη σωστή διεύθυνση URL και ότι φαίνεται εντάξει σε όλα τα δημοφιλή προγράμματα περιήγησης ιστού. Ανοίξτε την ιστοσελίδα σας σε Chrome, Firefox, Safari, Opera και άλλα προγράμματα περιήγησης που έχετε εγκαταστήσει εσείς ή ένας φίλος σας σε έναν υπολογιστή. Βεβαιωθείτε ότι όλες οι εικόνες εμφανίζονται και οι σύνδεσμοι λειτουργούν. Δεν θέλετε δυσάρεστες εκπλήξεις.

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

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

Προωθήστε την ιστοσελίδα σας

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

Αν θέλετε πολλά άτομα να βλέπουν την ιστοσελίδα σας, πρέπει να μάθετε πώς να την προωθείτε σε μηχανές αναζήτησης και σε άλλες τοποθεσίες, αλλά η βελτιστοποίηση μηχανών αναζήτησης (SEO) είναι μια ιστορία για μια άλλη μέρα.