Ξεκινώντας με τον Παγκοσμιο Ιστό

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

Η ιστορία του πρώτου σας ιστότοπου

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

Ακολουθώντας τα άρθρα που παρατίθενται παρακάτω, θα πάτε από το μηδέν στην πρώτη σας ιστοσελίδα online. Ας ξεκινήσουμε!

Εγκατάσταση βασικού λογισμικού

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

What will your website look like?

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

Ενασχόληση με τα αρχεία

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

Τα βασικά της HTML

Η γλώσσα HTML (Hypertext Markup Language, Γλώσσα Σήμανσης Υπερκειμένου) είναι ο κώδικας που χρησιμοποιείτε για να δομήσετε το περιεχομένό σας στον Παγκόσμιο Ιστό και με τον οποί του δίνετε νόημα και σκοπό. Για παράδειγμα, το περιεχόμενό μου είναι ένα σύνολο παραγράφων ή μια λίστα με κουκκίδες; Έχω τοποθετήσει εικόνες στη σελίδα μου; Έχω έναν πίνακα δεδομένων; Η ενότητα Τα βασικά της HTML παρέχει αρκετές πληροφορίες για να εξοικειώθείτε με τη γλώσσα HTML, χωρίς να σας κουράσει.

Τα βασικά των CSS

Τα Cascading Stylesheets (CSS, Επικαλυπτόμενα Φύλλα Στυλ ή αλλιώς Φύλλα Διαδοχικού Στυλ) είναι ο κώδικας που χρησιμοποιείτε για να δώσετε στυλ στον ιστότοπό σας. Για παράδειγμα, θέλετε το κείμενο να είναι μαύρο ή κόκκινο; Πού πρέπει να εμφανισθεί το περιεχόμενο στην οθόνη; Ποιες εικόνες φόντου και ποια χρώματα θα πρέπει να χρησιμοποιηθούν για να διακοσμήσετε τον ιστότοπό σας; Η ενότητα Τα βασικά των CSS σας μεταφέρουν σε αυτό που χρειάζεστε για να ξεκινήσετε.

Τα βασικά της JavaScript

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

Δημοσίευση του ιστότοπού σας

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

Πως λειτουργεί ο Παγκόσμιος Ιστός

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

Δείτε επίσης

Web Demystified: Μια εξαιρετική σειρά βίντεο που εξηγεί τα θεμελιώδη στοιχεία του ιστού και που στοχεύει σε πλήρως αρχάριους στην ανάπτυξη ιστού. Δημιουργήθηκε από τον Jérémie Patonnier.

Feedback

Βοηθήστε μας να βελτιώσουμε τους οδηγούς και τα tutorials σαν και αυτό εδώ συμπληρώνοντας το σχετικό ερωτηματολόγιο.