Οδηγός για την ανάπτυξη ιστοσελίδων

Abstract

Η πτυχιακή αυτή αποτελεί την κορύφωση των γνώσεων που εισπράξαμε από την φοίτηση μας στο Τ.Ε.Ι Πειραιά. Σκοπός μας ήταν να μπορέσουμε να κάνουμε κατανοητές τις έννοιες και χρήσεις των βασικών προγραμμάτων για την σχεδίαση και κατασκευή μιας ιστοσελίδας . Παρουσιάζονται γνώσεις σε κάθε κεφάλαιο , οι οποίες θα μπορέσουν να δομήσουν σωστά και χωρίς ελλείψεις μια προσωπική/επαγγελματική ιστοσελίδα . Εστιάζουμε στην ανάγκη του αναγνώστη να γνωρίζει με απλά λόγια τι σημαίνει μια ιστοσελίδα και πόσο εύκολη και πρόσχαρη είναι η δημιουργία αυτής. Στο πρώτο κεφάλαιο παρουσιάζεται και αναλύεται η Γλώσσα Σήμανσης Υπερκειμένου HTML, η οποία αποτελεί το βασικό χαρακτηριστικό που χρειάζεται να γνωρίζουμε όταν μιλάμε για παγκόσμιο ιστό και sites. Η γλώσσα HTML τείνει να εξαφανιστεί καθώς υπάρχουν αρκετές άλλες περισσότερο εξελιγμένες και με μεγαλύτερες δυνατότητες όπως η XML, η sHTML κ.α. Ωστόσο η άποψη ότι είναι άσκοπη η γνώση της HTML, η οποία γίνεται και πιο διαδεδομένη, είναι αβάσιμη καθώς αρκετές φορές θα χρειαστεί κάποιος να επέμβει στον κώδικα τόσο για αλλαγές ή ενέργειες τις οποίες το πρόγραμμα που χρησιμοποιούμε δεν μπόρεσε να εκτελέσει όσο και για διορθώσεις σφαλμάτων που μπορεί να οφείλονται σε πολλούς λόγους όπως π.χ. ασυμβατότητα προγράμματος κατασκευής ιστοσελίδων και παροχής φιλοξενίας ιστοσελίδας. Στις περιπτώσεις αυτές αλλά και σε πολλές άλλες η γνώση HTML όχι μόνο μας διευκολύνει αλλά δύναται και να είναι η μόνη λύση για την κατασκευή μίας ιστοσελίδας. Οπότε θεωρείται και λογικό να ξεκινάμε από την βάση των γνώσεων όταν μιλάμε για ιστοσελίδες και κυρίως για δομή αυτών. Χρησιμοποιούνται παραδείγματα καθώς και εφαρμογές σχεδόν όλων όσων παρατίθενται σε μορφή κώδικα για να γίνει κατανοητή η ευκολία χρήσης αυτού του εργαλείου. Το επόμενο κεφάλαιο αφιερώνεται στην Γλώσσα Επικαλυπτόμενων στυλ μορφοποίησης CSS, τις ιδιότητες της καθώς και τους τρόπους με τους οποίους μπορεί εύκολα να χρησιμοποιηθεί σε έγγραφα υπερκειμένου. Στο ερώτημα τι μπορούμε να κάνουμε με τα CSS, θα πρέπει να γνωρίζουμε ότι τα CSS είναι μια γλώσσα στυλ (style language) που ορίζουν τη διάταξη (layout) των HTML εγγράφων . Για παράδειγμα, τα CSS έχουν να κάνουν με γραμματοσειρές (fonts), με χρώματα (colours), με περιθώρια (margins), με εικόνες φόντου (background images) και με πολλά άλλα. Με την HTML θα δυσκολευτούμε να αλλάξουμε τη διάταξη των ιστοσελίδων μας, αλλά τα CSS προσφέρουν πολλές επιλογές και είναι πολύ πιο συγκεκριμένα στις λεπτομέρειες. Στο ερώτημα τώρα ποια είναι η διαφορά ανάμεσα στα CSS και την HTML, μπορούμε να πούμε ότι η HTML χρησιμοποιείται για να δομήσει το περιεχόμενο ( content), ενώ τα CSS χρησιμοποιούνται για τη διαμόρφωση ή μορφοποίηση (formatting) του δομημένου περιεχομένου. Σύντομα θα γίνει σαφές το τι εννοούμε. Το τρίτο κεφάλαιο αφιερώνεται στην Javascript. Η JaνaScript είναι μια γλώσσα συγγραφής σεναρίων (scήpting language) που χρησιμοποιείται για να προσθέσει εφέ και διαλογικότητα (αλληλεπίδραση, διαδραστικότητα, interactiνity) στις ιστοσελίδες μας και είναι ανταγωνιστική της γλώσσας προγραμματισμού VBScript. Δημιουργήθηκε από την εταιρεία Netscape και το αρχικό της όνομα ήταν LiveScript. Ο κώδικας της JavaScήpt γράφεται σε καθαρό κείμενο (ASCII μορφή) και ενσωματώνεται μέσα στον κώδικα της HTML, μπορεί δε να εκτελεσθεί αμέσως ή όταν λαμβάνει χώρα ένα συμβάν (event). Δεν γίνεται μεταγλώττιση (compilation) του κώδικα της JavaScript, αρκεί μόνο ο φυλλομετρητής (browser) να υποστηρίζει την JaνaScript. Στο τέταρτο κεφάλαιο κλείνουμε ουσιαστικά το θεωρητικό μέρος με την παρουσίαση της Serνer-Side συναρτησιακής γλώσσας προγραμματισμού σεναρίων ΡΗΡ. Η γλώσσα ΡΗΡ (είναι ανοικτό-ελεύθερο λογισμικό) μπορεί να εγκατασταθεί σχεδόν σε όλα τα λειτουργικά συστήματα όπως Windows, Linux, Mac OS Χ, Risc OS κλπ αλλά και υποστηρίζεται και από τα περισσότερους εξυπηρετητές ιστοσελίδων όπως ο Apache ή ο IIS. Η ΡΗΡ μπορεί να λειτουργήσει είτε ως εγκατεστημένη μονάδα (module) στον εξυπηρετητή ιστοσελίδων είτε μέσω ενός επεξεργαστή CGI σεναρίων. Η ΡΗΡ μπορεί να χρησιμοποιηθεί για εκτέλεση σεναρίων (scripts) από την πλευρά του απομακρυσμένου εξυπηρετητή ιστοσελίδων όπως γίνεται και με τα σενάρια CGI. Επίσης, μπορεί να χρησιμοποιηθεί για είσοδο/έξοδο δεδομένων από τον χρήστη ή για την δυναμική δημιουργία σελίδων. Από την Θεωρία στην Πράξη. Στα επόμενα κεφάλαια υλοποιούμε πολλές από τις θεωρητικές γνώσεις που πήραμε με την χρήση εφαρμογών. Συγκεκριμένα, κάνουμε χρήσεις των Joomla, Weebly και ΙΜ Creator. Κάνουμε αναφορές στα θεωρητικά κομμάτια των συγκεκριμένων εφαρμογών, αλλά κύριος στόχος μας είναι η πρακτική εφαρμογή αυτών για να αναδείξουμε πως μπορούμε να "χτίσουμε" από το μηδέν μια ιστοσελίδα αλλά και πως μπορούμε να επέμβουμε στην καλύτερη παρουσίαση αυτής.