Βασικές έννοιες και όροι για την ανάπτυξη ιστοσελίδας

Web Development |Αναπτυξη ιστοσελιδων | Αναπτυξη ιστοσελιδας :Τι είναι  το website development?  

Το Website development  αναφέρεται στην διαδικασία ανάπτυξης μιας ιστοσελίδας.  Αυτό μπορεί να ισχύει για την δημιουργία μιας απλής ιστοσελίδας μέχρι την ανάπτυξη μιας πολυσύνθετης διαδικτυακής εφαρμογής ή ενός  online κοινωνικού δικτύου /social network.

Ενώ η ανάπτυξη ιστοσελίδων / web development ιστού αναφέρεται συνήθως σε σήμανση ιστού ( web markup ) και συγγραφή κώδικα, περιλαμβάνει όλες τις σχετικές εργασίες ανάπτυξης όπως client-side scripting, server-side scripting, διαμόρφωση ασφαλείας διακομιστή και δικτύου, ανάπτυξη ηλεκτρονικού εμπορίου και ανάπτυξη συστήματος διαχείρισης περιεχομένου (CMS).

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

1. Τι είναι ένα website / ιστοσελίδα ;

Οι ιστότοποι είναι αρχεία που αποθηκεύονται σε διακομιστές, οι οποίοι είναι υπολογιστές που φιλοξενούν ιστότοπους / web hosting (όρος “αποθήκευση αρχείων για”). Αυτοί οι διακομιστές είναι συνδεδεμένοι σε ένα τεράστιο δίκτυο που ονομάζεται Διαδίκτυο… ή στον Παγκόσμιο Ιστό, όπως αλλιώς αποκαλείται.

Τα προγράμματα περιήγησης είναι προγράμματα υπολογιστών που φορτώνουν τους ιστότοπους μέσω της σύνδεσής σας στο Διαδίκτυο, όπως το Google Chrome ή ο Internet Explorer. Ο υπολογιστής σας είναι επίσης γνωστός ως client / πελάτης.

2. Τι είναι η διεύθυνση Internet Protocol (IP) ;

Το Internet Protocol είναι ένα σύνολο προτύπων που διέπουν την αλληλεπίδραση στο Διαδίκτυο. Για να αποκτήσετε πρόσβαση σε έναν ιστότοπο, πρέπει να γνωρίζετε τη διεύθυνση IP του. Αυτό το ανακαλύπτει αυτόματα μέσω ενός συστήματος ο περιηγητής / browser σας κάθε φορά που πληκτρολογείται το domain name ενός website που θέλετε να επισκεφθείτε κάνοντας resolve το domain name σε μια ip που του αντιστοιχεί.

Μια διεύθυνση IP είναι μια μοναδική σειρά αριθμών. Κάθε συσκευή έχει μια διεύθυνση IP για να ξεχωρίσει από τα δισεκατομμύρια ιστότοπους και συσκευές που συνδέονται μέσω του Διαδικτύου.

Η διεύθυνση IP για το dreamweaver.gr είναι 176.119210.113. Μπορείτε να βρείτε τη διεύθυνση IP οποιουδήποτε ιστότοπου χρησιμοποιώντας τη Γραμμή εντολών σε Windows ή το Network Utility> Traceroute σε MacBooks ή μεταβαίνοντας σε έναν ιστότοπο όπως ο ιστότοπος εδώ

Για να βρείτε τη διεύθυνση IP της συσκευής σας, μπορείτε επίσης να πληκτρολογήσετε “whats my ip ” στο πρόγραμμα περιήγησης αναζήτησης.

Ενώ μπορείτε να αποκτήσετε πρόσβαση σε έναν ιστότοπο χρησιμοποιώντας τη διεύθυνση IP του, οι περισσότεροι χρήστες του Διαδικτύου προτιμούν να χρησιμοποιούν domain names / ονόματα τομέων ή μέσω των μηχανών αναζήτησης. Είναι σίγουρα πιο εύκολο να θυμάσαι ένα domain name παρά μια ακολουθία αριθμών. Σωστά; Διαβάστε ακολούθως πως γίνεται αυτό.

3. Τι είναι το HyperText Transfer Protocol ;

Το HyperText Transfer Protocol (HTTP) συνδέει εσάς και τον ιστότοπό σας με τον απομακρυσμένο διακομιστή / server  που φιλοξενεί όλα τα δεδομένα ιστότοπου. Είναι ένα σύνολο κανόνων (ένα πρωτόκολλο) που καθορίζει τον τρόπο αποστολής των μηνυμάτων μέσω του Διαδικτύου. Σας επιτρέπει να μεταβείτε μεταξύ σελίδων ιστότοπου και ιστότοπων.

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

Είναι ουσιαστικά ο μεταφραστής ανάμεσα σε εσάς και το Διαδίκτυο – διαβάζει το αίτημα του ιστότοπού σας, διαβάζει τον κωδικό που στάλθηκε πίσω από το διακομιστή και τον μεταφράζει με τη μορφή ενός ιστότοπου.

4. Τι είναι ο κώδικας / coding ;

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

Το κάθε λογισμικό είναι γραμμένο από τουλάχιστον μία γλώσσα κώδικα. Οι γλώσσες διαφέρουν ανάλογα με την πλατφόρμα, το λειτουργικό σύστημα και το στυλ. Υπάρχουν πολλοί διαφορετικοί τύποι γλωσσών κώδικα.Όλοι  εμπίπτουν σε δύο κατηγορίες (γραμμένες από δύο διαφορετικούς τύπους προγραμματιστών) – front-end και backend.

5. Τι είναι το front-end;

Το Front-end (ή client-side) είναι η πλευρά ενός ιστότοπου ή λογισμικού με το οποίο βλέπετε και αλληλεπιδράτε ως χρήστης του Διαδικτύου. Όταν οι πληροφορίες ιστότοπου μεταφέρονται από έναν διακομιστή σε ένα πρόγραμμα περιήγησης, οι γλώσσες κωδικοποίησης front-end επιτρέπουν στον ιστότοπο να λειτουργεί χωρίς να χρειάζεται να συνεχώς «επικοινωνεί» με το Διαδίκτυο.

Ο κώδικας διεπαφής επιτρέπει σε χρήστες, όπως εσείς και εμένα, να αλληλεπιδράσετε με έναν ιστότοπο και να αναπαράγετε βίντεο, να επεκτείνετε ή να ελαχιστοποιήσετε εικόνες, να επισημάνετε κείμενο και άλλα. Οι προγραμματιστές Ιστού που εργάζονται στην κωδικοποίηση front-end δουλεύουν στο client-side development.

Θα παρουσιάσουμε περισσότερα για την front-end development στην επόμενη ενότητα.

6. Τι είναι το backend ; 

Backend (ή server-side) είναι η πλευρά με την οποία δεν έρχεστε σε επαφή οταν περιηγείστε στο διαδίκτυο. Είναι η ψηφιακή υποδομή και σε μη προγραμματιστές μοιάζει με μια σειρά από αριθμούς, γράμματα και σύμβολα.

Υπάρχουν περισσότερες γλώσσες  backend από τις γλώσσες front-end. Αυτό οφείλεται στο ότι τα προγράμματα περιήγησης – στο front end – κατανοούν μόνο τη JavaScript, αλλά ένας διακομιστής – στο backend – μπορεί να ρυθμιστεί ώστε να κατανοεί (σχεδόν) οποιαδήποτε γλώσσα. Θα καλύψουμε περισσότερα σχετικά με την ανάπτυξη backend ακολούθως.

7. Τι είναι ένα σύστημα διαχείρισης περιεχομένου (CMS) ;

Ένα σύστημα διαχείρισης περιεχομένου (CMS) είναι μια εφαρμογή ιστού ή μια σειρά προγραμμάτων που χρησιμοποιούνται για τη δημιουργία και τη διαχείριση περιεχομένου ιστού. (Σημείωση: Τα CMS δεν είναι τα ίδια με sitebuilders,  όπως το Squarespace ή το Wix.)

Αν και δεν απαιτείται για την  δημιουργία ενός ιστότοπου, η χρήση του CMS σίγουρα κάνει την ζωή ενός κατασκευαστή ιστοσελίδων πολύ ευκολότερη. Παρέχει τα δομικά στοιχεία (όπως πρόσθετα plugins – addons)  και σας επιτρέπει να δημιουργήσετε τη δομή του ιστοτόπου σας προσθέτοντας το περιεχόμενο και τον κώδικα σας μέσω αυτού.

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

Τα CMS χρησιμοποιούνται και για το ηλεκτρονικό εμπόριο για την δημιουργία ενός eshop – ηλεκτρονικού καταστήματος,  αλλά είναι χρήσιμα για όλους τους τύπους ιστότοπων.

Γι’ αυτό θα βρείτε πολλά οικονομικά πακέτα κατασκευής e-shop που αποκαλούνται επίσης και έτοιμα πακέτα e shop που στηρίζονται στο στήσιμο μιας τέτοιας shopping cart εφαρμογής, όπως το OpenCart, WooCommerce κ.α.

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


Shoot Me an offer

Your name:
E-mail address *:
Message *: