Αναρτήσεις
τις δυναμικές, που εφευρέθηκαν αργότερα. Ο βρετανός Τιμ-Μπέρνες Λι, εφευρέτης
internet ή του world wide web το 1989, δημοσίευσε τον Αύγουστο του 1991 αυτό που,
θεωρούμε σήμερα ως την πρώτη ιστοσελίδα, η οποία ήταν γραμμένη σε html, δηλαδή στη γλώσσα όπου γράφονται οι στατικές ιστοσελίδες. Οι δυναμικές ιστοσελίδες
βασίζονται σε γλώσσες και τεχνολογίες που ανακαλύφτηκαν πρόσφατα και
αναπτύσσονται συνεχώς. Οι δυναμικές ιστοσελίδες γράφονται στη γλώσσα προγραμματισμού php που αναπτύσσεται διαρκώς. Σήμερα χρησιμοποιείται η 4η κι η 5η έκδοση της php.
Για την ανάπτυξη και σχεδίαση δυναμικών ή στατικών ιστοσελίδων χρησιμοποιούνται πολλές γλώσσες. Η html χρησιμοποιείται ευρέως στις στατικές ιστοσελίδες και η php στις δυναμικές. Στις δυναμικές μπορεί όμως να χρησιμοποιηθεί και html γιατί η html δεν είναι γλώσσα προγραμματισμού σε αντίθεση με την php όπου είναι.
HTML (HyperText Markup Language):
Αξιοσημείωτο είναι επίσης ότι η html είναι η πρώτη και πιο διαδεδομένη γλώσσα περιγραφής της δομής μιας ιστοσελίδας.
Η html έφερε τα πρώτα προβλήματα εμφάνισης ιστοσελιδών από τους διάφορους browsers.
Ειδικά όταν περιλαμβάνει (που περιλαμβάνει συχνά) εφαρμογές σε Javascript. Αρχικά είχαν θεσπιστεί κάποιες προδιαγραφές για τη html που κάλυπταν μέχρι τη html 2.0. Τα προβλήματα προέκυψαν όταν οι Microsoft κι η Netscape πρόσθεσαν στην html τέτοιες δυνατότητες που ήταν συμβατές να απεικονιστούν από ορισμένους browsers. Ακόμη και τώρα αλλιώς απεικονίζεται μια σελίδα από διαφορετικούς browsers. Χάρη σε αυτό εκθρονίστηκε ο explorer από τον firefox.
Μεγάλα προγράμματα στα οποία ο χρήστης συγγράφει κώδικα html και ταυτόχρονα μπορεί να βλέπει και το αποτέλεσμα των κωδικών που συγγράφει είναι το Dreamweaver της Adobe, το FrontPage της Microsoft και το Ace HTML.
PHP:
Η php είναι μια γλώσσα προγραμματισμού που χρησιμοποιείται κυρίως στην κατασκευή δυναμικών ιστοσελίδων.
CSS (Cascading Style Sheets):
Τα πλεονεκτήματα της CSS συνοπτικά είναι:
1. Ελαχιστοποίηση χρόνου φόρτωσης μιας σελίδας, αφού μικραίνει το μέγεθος των αρχείων μιας σελίδας.
2. Ελαχιστοποίηση χρόνου γραφής κώδικα.
3. Προσβασιμότητα από όλους τους φυλλομετρητές-περιηγητές-web browsers (π.χ. Explorer).
4. Είναι πιστοποιημένο από το W3C, τον μεγαλύτερο οργανισμό Web Standards παγκοσμίως.
5. Ομοιόμορφη εμφάνιση όλων των σελιδών μιας ιστοσελίδας, αφού συνδέονται με το ίδιο αρχείο CSS.
6. Είναι SEO friendly, αφού ο κώδικας της σελίδας είναι πολύ καθαρότερος.
Η CSS είναι σχετικά πολύ εύκολη γλώσσα στην εκμάθησή της.
XML:
Είναι μια γλώσσα περιγραφής/δόμησης των δεδομένων. Λέγοντας δεδομένα, εννοούμε μια συλλογή στοιχείων δεδομένων, όπως κατάλογοι βιβλίων ή διευθύνσεων. Η XML δεν είναι γλώσσα προγραμματισμού και ούτε έχει τα χαρακτηριστικά μιας γλώσσας προγραμματισμού. Η XML χρησιμοποιείται για να διευκολύνει τον υπολογιστή μας να παράγει και να δομήσει τα δεδομένα.
Οι παραπάνω τέσσερις γλώσσες είναι από τις βασικότερες που χρησιμοποιούνται για την κατασκευή μιας ιστοσελίδας.
Πλεονεκτήματα και Μειονεκτήματα Στατικής και Δυναμικής Ιστοσελίδας
Όλες οι ιστοσελίδες είναι ένα ηλεκτρονικό αρχείο ή ένα σύνολο από ηλεκτρονικά αρχεία αποθηκευμένα σε σκληρούς δίκους που λέγονται servers.
Τα ηλεκτρονικά αρχεία μπορεί να είναι εικόνες (.jpeg, .gif, .png, .bmp) τα οποία τοποθετούνται στη σελίδα μας, με τη χρήση των κατάλληλων κωδικών σήμανσης, ώστε να αναγνωρίζονται από τον περιηγητή μας, ο οποίος με τη σειρά του θα μας τα απεικονίσει στην οθόνη μας. Οι "κατάλληλοι κωδικοί σήμανσης" που προανέφερα είναι html/xhtml/xml.
Βέβαια σήμερα τα πράγματα δεν είναι τόσο απλά. Έχουν εξελιχθεί σε μεγάλο βαθμό. Η απλή γλώσσα σήμανσης html, έχει συνδιαστεί με εφαρμογές Javascript και με CSS, και έτσι τα πράγματα έχουν γίνει πολύ πιο περίπλοκα.
Πάντως σε γενικές γραμμές, οι browsers ακολουθούν τα ενιαία πρότυπα και προδιαγραφές που έχει θέσει το W3C. Κι οι browsers σήμερα ενσωματώνουν πάνω τους τα πρόσθετα (plug-ins), που άλλωτε θα έπρεπε να τα εγκαταστήσουν οι χρήστες ξεχωριστά.
Η στατική ιστοσελίδα έχει πλεονεκτήματα που δεν έχουν οι δυναμικές και το αντίθετο. Για αυτό δεν μπορούμε να πούμε ότι η μία είναι καλύτερη από την άλλη. Αυτό το λάθος το κάνουν πολλοί, που λένε ότι οι δυναμικές είναι καλύτερες από τις στατικές, ίσως επειδή έχουν πιο πολλά πλεονεκτήματα.
Η βασική διαφορά είναι ότι οι στατικές ιστοσελίδες δεν αλληλεπιδρούν με τον επισκέπτη, πράγμα που κάνουν οι δυναμικές.
Οι στατικές ιστοσελίδες
Οι στατικές ιστοσελίδες χαρακτηρίζονται από την μονιμότητα του περιεχομένου τους και της διάταξής τους (layout), τα οποία μπορούν να αλλάξουν/να τροποποιηθούν μόνο με αίτημα για αναβάθμιση (update) από τον προγραμματιστή/διαχειριστή της σελίδας αυτης. Μια απλή σελίδα html (έγγραφο html) που περιλαμβάνει κείμενο, συνδέσμους και φωτογραφίες για παράδειγμα, είναι ένα απλό παράδειγμα στατικής σελίδας. Τα δεδομένα σε μια στατική ιστοσελίδα δεν αλλάζουν δυναμικά. Έχουν σταθερό, αμετάβλητο περιεχόμενο.
Στα υπερ της στατικής σελίδας είναι το χαμηλό κόστος κατασκευής και συντήρησης, γιατί μια στατική σελίδα, δεν απαιτεί μεγάλο χώρο σε φιλοξενία από webserver. Μια στατική σελίδα αναπτύσσεται/σχεδιάζεται γρηγορότερα από ότι μια δυναμική. Επίσης οι στατικές σελίδες φορτώνουν πιο γρήγορα από ότι οι δυναμικές.
Στα κατά μιας στατικής ιστοσελίδας είναι ότι χρήστης πρέπει να έχει γνώσεις προγραμματισμού, για να μπορεί να ανενεώσει το περιεχόμενο της σελίδας. Κι αυτό γιατί θα πρέπει να επεμβαίνει στον κώδικα.
Σε μια στατική ιστοσελίδα ο χρήστης δεν έχει κανένα είδους αλληλεπίδραση με τη σελίδα και όποια άλλα μεινονεκτήματα συνεπάγονται σε αυτό.
Θα επιλέξετε μια στατική ιστοσελίδα αν δεν έχετε σκοπό να ανανεώνετε συχνά τις σελίδες σας, οι οποίες δεν θα ξεπεράσουν τις 15-20. Οι στατικές ιστοσελίδες ενδείκνυνται για μικρές επιχειρήσεις που θέλουν να κάνουν μια απλή παρουσιάση των προϊόντων τους στο διαδίκτυο, χωρίς να θέλουν να τα ανανεώνουν συχνά.
Η κατασκευή μιας στατικής ιστοσελίδας από τους web designers έχουν χαμηλότερο κόστος, σε σχέση με τις δυναμικές, και αυτό είναι λογικό γιατί είναι πιο απλή η κατασκευή τους. Ενδεικτικά οι τιμές για μια στατική ιστοσελίδα αρχίζουν από 60 εως 400 ευρώ σε γενικές γραμμές.
Δυναμικές ιστοσελίδες
Οι δυναμικές ιστοσελίδες προσαρμόζουν το περιεχόμενο τους και την εμφάνισή τους σύμφωνα με την καταχώρηση/αλληλεπίδραση ή τις αλλαγές του τελικού χρήστη στο περιβάλλον προγραμματισμού (χρήστης, ώρα, τροποποιήσεις στη βάση δεδομένων κτλ.). Το περιεχόμενο μπορεί να αλλάζει στον υπολογιστή του τελικού-χρήστη με τη χρήση των γλωσσών προγραμματισμού που εκτελούνται στον υπολογιστή του χρήστη (JavaScript, VBScript, Actionscript, etc.). Το περιεχόμενο στις δυναμικές σελίδες συχνά μεταφράζεται στον εξυπηρετητή (server), που εκεί αποστέλνεται μέσω του διακομιστή (Apache), μέσω γλωσσών προγραμματισμού που εκτελούνται στον εξυπηρετητή (Perl, PHP, ASP, JSP, ColdFusion, .NET κτλ). Πίσω από δυναμικά websites κρύβονται πάντα βάσεις δεδομένων (databases) οπού εκεί αποθηκεύονται δεδομένα και πληροφορίες του εν λόγω website. Και με εντολή του χρήστη, το website επικοινωνεί με την database, από όπου θα αντλήσει το περιεχόμενο που απαίτησε να δει ο χρήστης. Λόγω των databases καθιστάται εύκολη η προσθαφαίρεση περιεχομένου στις δυναμικές ιστοσελίδες, ακόμα και από τον πιο άσχετο (σε γνώσεις προγραμματισμού) χρήστη-επισκέπτη της σελίδας.
Κάποιος θα επιλέξει μια δυναμική ιστοσελίδα αν θέλει να έχει μια δυναμική παρουσία στο διαδίκτυο. Αν έχει σκοπό να ανανεώνει συχνά το περιεχόμενό της και να θέλει να έχει απεριόριστο αριθμό διαφορετικών σελιδών. Στα υπερ είναι ότι το περιεχόμενό της μπορεί να ανανεωθεί και να τροποποιηθεί από ανθρώπους που δεν γνωρίζουν προγραμματισμό, σε αντίθεση με τις στατικές, όπου αυτό καθιστάται αδύνατον. Επίσης σε μια δυναμική ιστοσελίδα είναι πολύ εύκολη η διαχείρηση χρηστών, διαχειριστών και μελών της ιστοσελίδας.
Θα επιλέξετε μια δυναμική σελίδα αν θέλετε να ανεβάσετε πολύ περιεχόμενο σε αυτή (μιλάμε για πάνω από 20 σελίδες) και επίσης θέλετε να ανανεώνετε το περιεχόμενό της συχνά. Αν θέλετε οι αναρτήσεις σας και τα άθρα σας να είναι κατηγοριοποιημένα και αρχειοθετημένα. Αν θέλετε να έχετε συντάκτες όπου θα δημοσιεύουν νέο περιεχόμενο χωρίς να γνωρίζουν προγραμματισμό. Αν θέλετε να δίνετε τη δυνατότητα στους επισκέπτες σας να γίνουν ενεργά μέλη στη σελίδα σας και να έχουν δικό τους κωδικό πρόσβασης για να συνδέονται σε αυτην.
Στα κατά ενος δυναμικού site είναι αναμφίβολα το κατα πολύ υψηλότερο κόστος κατασκευής, αλλά και συντήρησης, γιατί λόγω των μεγαλύτερων απαιτήσεων, απαιτεί πολύ μεγαλύτερο χώρο φιλοξενίας σε webserver. Συνήθως φορτώνει πιο αργά από μια στατική σελίδα και για να κατασκευασθεί μια δυναμική σελίδα από κάποιον web designer ή από κάποιον προγραμματιστή απαιτείται πολύς χρόνος, γιατί όπως προείπα απαιτούνται πολλές-πολλές σειρές κώδικα.
Ενδείκνυνται για μεγάλες επιχειρήσεις, που θέλουν να φτιάξουν ηλεκτρονικό κατάστημα (e-shop), όπου θα διαθέτουν προς πώληση τα προϊόντα τους, για ξενοδοχεία τα οποία θέλουν ο επισκέπτης να κάνει ηλεκτρονικές κρατήσεις των δωματίων τους και γενικότερα για μεγάλα ειδησεογραφικά portals τα οποία ανανεώνουν συχνά το περιεχόμενό τους και θέλουν ο χρήστης-επισκέπτης να γίνεται μέλος στη σελίδα, να αφήνει σχόλια, να λαμβάνει newsletter και γενικότερα να αλληλεπιδρά με την σελίδα.
Οι δυναμικές ιστοσελίδες έχουν υψηλότερο κόστος κατασκευής από ότι οι στατικές και αυτό είναι λογικό, λόγω της πολυπλοκότητας του περιχομένου τους. Ενδεικτικά οι τιμές κυμαίνονται από 300 ευρώ, ενώ έχω δει να φτάνουν εως 5000, αν πρόκειται για ένα πολύ περίπλοκο site, π.χ. το site ενός πολύ μεγάλου e-shop.
Οι τιμές αυτές είναι ενδεικτικές, ενώ μεταβάλλονται διαρκώς.
Όπως εξήγησα παραπάνω κιόλας κυκλοφορούν στην αγορά έυχρηστοι μηχανισμοί CMS όπου όλα γίνονται αρκετά πιο αυτοματοποιημένα και έτσι η δημιουργία ενός δυναμικού website καθιστάται πιο εύκολη και φτηνή από ποτέ.
Το δημοφιλέστερο, μεγαλύτερο και πιο διαδεδομένο σύστημα διαχείρησης περιεχομένου (CMS) είναι το Joomla που είναι και open source εφαρμογή, ενώ ακολουθεί και το Drupal, που ομολογουμένως είναι πιο δύσκολο, γιατί απαιτεί γνώσεις προγραμματιστή.
Το ότι σε γενικές γραμμές οι δυναμικές ιστοσελίδες παρέχουν μεγαλύτερες δυνατότητες από ότι οι στατικές, αυτό σε σημαίνει ότι είναι απαραίτητες για όλους. Πριν προέβεις στην επιλογή δυναμικού ή στατικού website, μεγάλη σημασία έχει να ξέρεις τι ζητάς από αυτό.
Η εφεύρεση των δυναμικών ιστοσελιδών αποτέλεσε σταθμό στη πορεία του internet. Με την ανακάλυψη αυτή, πλέον ο χρήστης από απλός αναγνώστης θα μπορούσε να γίνει μέλος σε μια σελίδα, να την προσαρμόσει στα μέτρα του, να προσθέσει τις δικές του πληροφορίες σε αυτή, και γενικώς με τις δυναμικές ιστοσελίδες δημιουργήθηκαν τα μεγαλύτερα σε επισκεψημότητα σημερινά sites. Αυτή η ανακάλυψη είχε σημαντικότατες επιπτώσεις σε διάφορους τομείς. Πλέον πολλοί σύλλογοι, ομάδες έχουν μόνο διαδικτυακή παρουσία. Ιδίως οι άνθρωποι με αναπηρίες μπορούν να κάνουν πράγματα, που δεν θα μπορούσαν να τα κάνουν με άλλον τρόπο. Με τις δυναμικές ιστοσελίδες, "ζωντάνεψε" το internet!
Μην ξεχνάμε ότι όλα τα ηλεκτρονικά καταστήματα (e-shops) και οι ηλεκτρονικές κρατήσεις ξενοδοχείων (online booking) είναι εφικτές μόνο απο δυναμικές σελίδες. Με τα δυναμικά websites, πλέον μπορούμε να κάνουμε οικονομικές συναλλαγές μέσω του internet, να δούμε τα e-mail μας και γενικότερα να κάνουμε πράγματα που παλαιότερα ήταν αδύνατα από το διαδίκτυο.
Προμηνύεται λαμπρό μέλλον και για τις δυναμικές και για τις στατικές ιστοσελίδες (και ίσως ανακαλυφτεί κι άλλη κατηγορία), με τις νέες τεχνολογίες που ανακαλύπτονται διαρκώς και άλλες που βρίσκονται σε πειραματικά στάδια.
Παρακαλώ σεβαστείτε τα πνευματικά δικαιώματα (copyrights) στο παραπάνω άρθρο! Μου πήρε εβδομάδες για να το συγγράψω. Παρακάτω αναφέρω τις πηγές από τις οποίες άντλησα το περιεχόμενό του άρθρου.
Πηγές:
1. "Μαθαίνετε εύκολα Joomla" από Εκδόσεις Ξαρχάκος
Copyrights: για το http://bloggertips.gr/
| 