HTML και Ιστοσελίδες

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

Τρία είναι τα χαρακτηριστικά των ηλεκτρονικών αρχείων που πρέπει να εξετάζουμε, το είδος η αλλιώς format του αρχείου, η θέση που βρίσκεται και ο τρόπος που το χρησιμοποιούμε. Μια γνωστή σε πολλούς μορφή ηλεκτρονικού αρχείου είναι το αρχείο κειμένου όπως τα αρχεία της Microsoft Word. Τα αρχεία html όπως δείξαμε στη παρουσίαση περιέχουν το κείμενο που θα εμφανιστεί στην ιστοσελίδα. Επίσης περιέχουν εντολές γραμμένες σε κώδικα HTML που καθορίζουν με ποιο τρόπο θα παρουσιαστούν τα κείμενα. Είχαμε ετοιμάσει 10 δείγματα αρχείων html που περιείχαν μόνο κείμενο και εντολές. Εκτός από κείμενο θα μπορούσαν να περιέχουν φωτογραφίες και άλλα στοιχεία μαζί με τις εντολές για το τρόπο παρουσίασης του. Δύο από αυτά τα αρχεία είναι παρακάτω ώστε εάν θέλει κανείς μπορεί να τα τρέξει και να δει το αποτέλεσμα.

test 6     test 10

 Όπως είχαμε εξηγήσει στα 2 video για την HTML, εάν ανοίξει κανείς τα αρχεία θα δει τι περιέχουν, το κείμενο μαζί με τον κώδικα που ορίζει το τρόπο παρουσίασης του κειμένου. Εάν όμως τρέξει τα αρχεία θα εμφανιστεί μόνο το κείμενο στην ιστοσελίδα. Το αποτέλεσμα του τρεξίματος αυτών των πολύ απλών προγραμμάτων είναι μια απλούστατη ιστοσελίδα. Η ιστοσελίδα φιλοξενείται στον υπολογιστή αυτού που τρέχει το αρχείο html.

Ότι υπάρχει στο διαδίκτυο έχει ως βάση τον κώδικα HTML που συμπληρώνεται με CSS και PHP. Τα διάφορα αρχεία-προγράμματα που βρίσκονται πίσω από τις ιστοσελίδες είναι πολύ πιο πολύπλοκα και μεγάλα από αυτά που φτιάξαμε για τη παρουσίαση. Φιλοξενούνται σε διάφορους servers που μπορούμε να τους φανταστούμε ως κάτι αντίστοιχο με τεράστιους σκληρούς δίσκους (hard disk) του υπολογιστή μας.

Ένας ιστότοπος (web site) περιλαμβάνει συνήθως πολλές ιστοσελίδες (web pages). Κάθε ιστότοπος έχει ένα domain name που καθορίζει τη διεύθυνση του πχ www.greactiv.eu . Η κάθε ιστοσελίδα έχει δική της διεύθυνση URL που αποτελείται από το domain name του ιστότοπου και έχει το δικό της extension πχ www.grebiz.com/exegese. Η επιλογή του κατάλληλων ονομασιών για τον ιστότοπο και τις ιστοσελίδες βοηθάει το Search Engine Optimization. Σε περίπτωση που υπάρχει ήδη επωνυμία εταιρείας η οργανισμού τότε η επωνυμία καθορίζει το URL του ιστότοπου. 

Η διεύθυνση του ιστότοπου δεν καθορίζει που βρίσκεται φυσικά ο ιστότοπος αλλά το πως θα βρει κανείς τον ιστότοπο. Ο ιστότοπος βρίσκεται φυσικά στο server που τον φιλοξενεί. Μπορεί να αλλάξει ο host και επομένως να αλλάξει και ο server και το domain name να μείνει το ίδιο. To domain name μοιάζει περισσότερο με τον αριθμό του τηλεφώνου παρά με την ταχυδρομική διεύθυνση. Μπορεί κανείς να αλλάξει διεύθυνση δηλαδή φυσική έδρα αλλά να κρατήσει το ίδιο τηλέφωνο. Όπως και με το τηλέφωνο, το domain name καθορίζει πως μπορεί να βρει κανείς κάποιον, ανεξάρτητα από το που έχει έδρα. Ότι είναι το τηλέφωνο για το άτομo η την εταιρεία είναι το domain name για τον ιστότοπο. Όπως και στη περίπτωση του τηλεφώνου, μπορεί κανείς να αλλάξει domain name δηλαδή να παραμείνει ο ίδιος ιστότοπος με διαφορετικό domain name.

Ένας ιστότοπος μπορεί να είναι απλός η πολύπλοκος. Ένα blog (ιστολόγιο) είναι ένας απλός ιστότοπος και συνήθως είναι subdomain πχ grebiz.blogspot.gr. Το portal είναι μια πύλη στο διαδίκτυο και τα ηλεκτρονικά καταστήματα (eshop) είναι ιστότοποι που επιτρέπουν την αγορά προϊόντων. Μπορούν να δημιουργηθούν διάφορες εφαρμογές σε ιστότοπους από απλές μέχρι εξαιρετικά πολύπλοκες. Παραδείγματα είναι κρατήσεις, αναζητήσεις, ενημέρωση βάσης προϊόντων, θέσεων, δωματίων κλπ. Οι στατικές σελίδες είναι πάντα ίδιες και μπορούν να αλλάξουν μόνο εάν γίνει αλλαγή στον κώδικα. Οι δυναμικές σελίδες μπορεί να παρουσιάζονται διαφορετικές ανάλογα με τον χρόνο και το χρήστη.  

Δείτε περισσότερα GReACTIV