HTML & CSS για αρχάριους

HTML & CSS για αρχάριους (Μέρος 48): Η ιστοσελίδα πηγαίνει online.

Όλα τα βίντεο του μαθήματος HTML & CSS για αρχάριους

Συνήθως αναπτύσσετε τον ιστότοπό σας τοπικά. Γι' αυτό δημιουργείτε - όπως έχει ήδη επαρκώς επιδειχθεί - την κατάλληλη δομή φακέλων.

HTML & CSS για αρχάριους (Μέρος 48): Η ιστοσελίδα πηγαίνει online


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

Δοκιμάστε τον ιστότοπό σας τοπικά ενδελεχώς. Θα πρέπει να λειτουργεί πραγματικά σχεδόν αβίαστα.


Ο κατάλληλος παροχέας

Για να ανεβάσετε τον ιστότοπό σας online, χρειάζεστε τον αντίστοιχο χώρο στον διακομιστή ιστού. (Εδώ υποθέτω ότι δεν θέλετε να διαχειρίζεστε τον δικό σας διακομιστή, αλλά να νοικιάσετε χώρο ιστού από έναν πάροχο).

Πρώτα απ' όλα, πρέπει να βρείτε αποθηκευτικό χώρο από έναν πάροχο. Το ίδιο ισχύει και για ένα domain, δηλαδή τη διεύθυνση με την οποία θα προσπελαύνετε τον ιστότοπο αργότερα. Σήμερα υπάρχουν πολλοί πάροχοι που προσφέρουν οικονομικά ενοικιαζόμενο χώρο ιστού. Θα πρέπει να λάβετε υπόψη σας τα ακόλουθα στοιχεία κατά την επιλογή του παρόχου και του πακέτου χώρου ιστού:

• Τουλάχιστον 1,5 Gigabyte αποθηκευτικού χώρου

• 1 De-Domain συμπεριλαμβάνεται

• Κανονικά θα πρέπει να υποστηρίζεται το PHP τουλάχιστον.

• Θα πρέπει να υπάρχει μια βάση δεδομένων MySQL.

• Βεβαιωθείτε σίγουρα ότι υπάρχει απεριόριστη κίνηση.

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

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

Στη σελίδα http://www.webhostlist.de/webhosting/vergleich/ μπορείτε να αναζητήσετε συγκεκριμένα τον κατάλληλο πάροχο για εσάς.

HTML & CSS για αρχάριους (Μέρος 48): Η ιστοσελίδα πηγαίνει online.



Η επιλογή πάροχου μπορεί να ξεκινήσει ανάλογα με πολλά διαφορετικά κριτήρια.

Μόλις αποφασίσετε για έναν πάροχο και επιλέξετε το πακέτο και εγγραφείτε το επιθυμητό domain σας, μπορεί να ξεκινήσετε. Από τον πάροχο θα λάβετε όλες τις σχετικές πληροφορίες, όπως τα στοιχεία πρόσβασης FTP κ.λπ. μέσω email.

Μεταφορά των δεδομένων

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

• Ελέγξτε αν όλοι οι υπερσύνδεσμοι και οι διαδρομές εικόνων είναι σωστοί. (Ειδικά αν έχετε δημιουργήσει τις HTML σελίδες με έναν επεξεργαστή WYSIWYG, μπορεί να συμβεί να χρησιμοποιούνται τοπικές διαδρομές που μετά δεν είναι πλέον σωστές).

• Ελέγξτε τα ονόματα αρχείων και φακέλων για κενά και ειδικούς χαρακτήρες.

Είναι όλα σωστά; Τότε μπορείτε να ανεβάσετε τις σελίδες σας online. Γι' αυτό δημιουργείτε μια σύνδεση FTP με τον χώρο ιστού. Αυτό μπορεί να γίνει με οποιοδήποτε εργαλείο FTP. Ένα από τα καλύτερα και ελεύθερα διαθέσιμα είναι το FileZilla, το οποίο μπορεί να ληφθεί από τη σελίδα http://www.filezilla.de/.

HTML & CSS για αρχάριους (Μέρος 48): Η ιστοσελίδα πηγαίνει online.

Μετά την εγκατάσταση και την εκκίνηση του FileZilla, επισκέπτεστε το File>Server Manager. Στο παράθυρο διαλόγου που ανοίγει, κάντε κλικ στο New Server.

HTML & CSS για αρχάριους (Μέρος 48): Η ιστοσελίδα πηγαίνει online

Στον δεξιό τομέα του παραθύρου πρέπει να εισαγάγετε τα στοιχεία FTP που έχετε λάβει από τον πάροχό σας. Αυτό μπορεί να είναι κάτι σαν:

Διακομιστής = www.το-όνομα-χρήστη-σας.de

Τύπος Διακομιστή = FTP-File Transfer Protocol

Τύπος σύνδεσης = Κανονική

Χρήστης = ftp_sdfsdfsfd@το-όνομα-χρήστη-σας.de

Κωδικός = Ο κωδικός σας

Εδώ πρέπει να καταχωρηθούν τα στοιχεία FTP. Κάντε ξανά ερώτηση στον πάροχο σας, αν χρειαστεί.

Με την επιλογή Σύνδεση γίνεται η σύνδεση με τον FTP-Server.

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

HTML & CSS για αρχάριους (Μέρος 48): Η ιστοσελίδα πηγαίνει online

Το πλεονέκτημα αυτής της άμεσης μεθόδου: Χωρίς περαιτέρω ρυθμίσεις, ο ιστότοπος σας θα είναι προσβάσιμος στη διεύθυνση http://www.το-δικό-σας-κονικό-σας.de/. Οπότε δεν χρειάζεται να δημιουργή

Τέλος και Συμπέρασμα

Έτσι λοιπόν φτάσαμε στο τέλος αυτής της σειράς HTML-CSS. Αυτό που θα έπρεπε να έχετε μάθει είναι τα βασικά βήματα για τη δημιουργία ιστοσελίδων με βάση το HTML και το CSS και πώς να τις παρουσιάσετε στο κοινό. Κυρίως όμως θα έπρεπε να έχει γίνει ξεκάθαρο ένα πράγμα: Η δημιουργία μιας ιστοσελίδας είναι ένας χρονοβόρος διαδικασία. Ξεκινά από τον σχεδιασμό, συνεχίζεται με την πραγματική ανάπτυξη της ιστοσελίδας και τελειώνει με τον μεταφόρτωση και τον έλεγχο της ιστοσελίδας. Και τώρα σας εύχομαι πολλή επιτυχία με την καινούρια σας ιστοσελίδα!