Μέρος 3 ο : Βασικές Έννοιες για δυναμικές ιστοσελίδες

Μέρος 3 ο : Βασικές Έννοιες για δυναμικές ιστοσελίδες Εισαγωγή-Σκοπός. Τρόποι δημιουργίας δυναμικών ιστοσελίδων. Dynamic Web Pages. Dynamic Web Page Development Using Dreamweaver. Τρόποι δημιουργίας δυναμικών ιστοσελίδων-μπάρες. Δημιουργία πηγής δυναμικού περιεχομένου. Προσθήκη δυναμικού περιεχομένου σε ιστοσελίδα. Ενίσχυση της λειτουργίας μιας δυναμικής σελίδας. 1

Σκοπός δημιουργίας δυναμικών ιστοσελίδων. Τα στατικά περιεχόμενα μιας HTML Web τοποθεσίας είναι απλώς αυτό,δηλαδή στατικά(οι χρήστες δεν μπορούν να συνδιαλέγονται με την τοποθεσία με κάποιο χρήσιμο τρόπο). Έτσι χρησιμοποιώντας μια γλώσσα(που θα αναφερθούμε παρακάτω) και μια βάση δεδομένων μπορούμε να κάνουμε τις τοποθεσίες μας δυναμικές-διαδραστικές,δηλαδή να είναι προσαρμόσιμες και να περιέχουν ενημερωμένες πληροφορίες. Οι δυναμικές ιστοσελίδες λοιπόν δημιουργούνται ακριβώς με τον τρόπο που δημιουργούμε στατικές ιστοσελίδες με τη μόνη διαφορά ότι ενσωματώνουμε γραμμές κώδικα απο τη γλώσσα που θα επιλέξουμε στον απλό HTML κώδικα για να επιτύχουμε το αποτέλεσμα που θέλουμε. Ο χρήστης έχει τη δυνατότητα να επιλέξει τα δεδομένα που θα εμφανιστούν στη σελίδα ανάλογα με τις προτιμήσεις του. 2

Τρόποι δημιουργίας δυναμικών ιστοσελίδων Υπάρχουν διάφορες μέθοδοι για τη δημιουργία δυναμικών ιστοσελίδων. PHP: Είναι μια γλώσσα script απο την πλευρά του διακομιστή,σχεδιασμένη ειδικά για το WEB.Μέσα σε μια HTML σελίδα μπορούμε να ενσωματώσουμε PHP κώδικα,που θα εκτελείτε κάθε φορά που θα επισκεπτόμαστε τη σελίδα.ο PHP κώδικας μεταφράζεται στον WEB διακομιστή και δημιουργεί κώδικα HTML ή άλλη έξοδο που θα δεί ο επισκέπτης. ASP: Οι Active Server Pages (ASP)) είναι η μηχανή script της Microsoft απο την πλευρά του Server για δυναμικά-παραγόμενες ιστοσελίδες. Πωλείται ως πρόσθετη στις υπηρεσίες πληροφοριών Διαδικτύου (IIS). Ο προγραμματισμός ASP των ιστοσελίδων γίνεται ευκολότερος από τα διάφορα ενσωματωμένα αντικείμενα. Κάθε αντικείμενο αντιστοιχεί σε μια ομάδα συχνά-χρησιμοποιημένης λειτουργίας χρήσιμης για δυναμικές ιστοσελίδες.στην ASP 2,0 υπάρχουν έξι τέτοια ενσωματωμένα αντικείμενα: Application, ASPError, Request, Response, Server, and Session.Η Session,, παραδείγματος χάριν, είναι ένα cookie-based αντικείμενο συνόδου που διατηρεί τις μεταβλητές από σελίδα σε σελίδα. Οι περισσότερες ASP σελίδες γράφονται σε VBScript 3

Τρόποι δημιουργίας δυναμικών ιστοσελίδων(συνέχεια...) ASP.NET: Είναι ένα πλαίσιο εφαρμογής του WEB που πωλείται από τη Microsoft που οι προγραμματιστές μπορούν να χρησιμοποιήσουν για να δημιουργήσουν δυναμικές ιστοσελίδες,εφαρμογές WEB και XML WEB υπηρεσίες. Είναι μέρος της πλατφόρμας.net της Microsoft. και είναι ο διάδοχος στην τεχνολογία ASP της Microsoft.Η ASP.NET στηρίζεται στο χρόνο εκτέλεσης κοινής γλώσσας,που σημαίνει οτι οι προγραμματιστές μπορούν να γράψουν ASP. NET χρησιμοποιώντας οποιαδήποτε γλώσσα.net της Microsoft.. ColdFusion: Το ColdFusion είναι μια εφαρμογή εξυπηρέτη και ένα πλαίσιο ανάπτυξης λογισμικού εφαρμογών που χρησιμοποιείται για την ανάπτυξη του λογισμικού υπολογιστών γενικά, και δυναμικών ιστοσελίδων ειδικότερα. Εν προκειμένω, το ColdFusion είναι ένα παρόμοιο προϊόν με την ASP.NET της Microsoft ή την επιχειρηματική έκδοση της JAVA JSP: JavaServer pages (JSP)) είναι η τεχνολογία της Java που επιτρέπει οι υπεύθυνοι για την ανάπτυξη λογισμικού να παράγουν δυναμικά HTML, XML ή άλλους τύπους εγγράφων σε από τη πλευρά του Cient. Η τεχνολογία επιτρέπει τον κώδικα της Java και έχει ορισμένες προκαθορισμένες ενέργειες για να ενσωματωθεί αυτός στο στατικό περιεχόμενο. 4

Dynamic Web Page Client-side:Το Client-side δυναμικό περιεχόμενο παράγεται στον υπολογιστή του πελάτη.ο WEB Server ανακτά τη σελίδα και την στέλνει όπως είναι. Ο WEB Browser επεξεργάζεται έπειτα τον κώδικα που ενσωματώνεται στη σελίδα και επιδεικνύει τη σελίδα στο χρήστη.τα προβλήματα με τις δυναμικές σελίδες απο την πλευρά του πελάτη είναι: μερικοί browsers δεν υποστηρίζουν τη γλώσσα ή δεν υποστηρίζουν όλες τις πτυχές της γλώσσας. οι πληροφορίες δεν μπορούν να αποθηκευτούν οπουδήποτε αλλού εκτός από τον υπολογιστή του χρήστη, έτσι δεν μπορεί πραγματικά να χρησιμοποιηθεί για τη συλλογή στατιστικών. οι μηχανές αναζήτησης δεν είναι ικανές να τρέξουν τις γλώσσες από την πλευρά του πελάτη και δεν μπορούν να πάνε σε links που παράγονται από αυτές. μερικοί χρήστες θέτουν εκτός λειτουργίας τις scripting γλώσσες στους browsers τους λόγω των πιθανών απειλών ασφάλειας. Server side:το Server-side δυναμικό περιεχόμενο είναι λίγο πιό περίπλοκο. Ο browser στέλνει ένα αίτημα HTTP. Ο κεντρικός υπολογιστής ανακτά το ζητούμενο χειρόγραφο ή το πρόγραμμα. ΟServer εκτελεί το χειρόγραφο ή το πρόγραμμα που χαρακτηριστικά αποτελέσματα ιστοσελίδας HTML. Το πρόγραμμα λαμβάνει συνήθως την εισαγωγή από τη σειρά ερώτησης που μπορεί να είχε λήφθουν από μια υποβληθείσα μορφή Ιστού. Ο Server στέλνει την παραγωγή HTML στον browser του πελάτη. 5

Ανάπτυξη με τη βοήθεια του Dreamweaver Κεντρικό μενού επιλογής δημιουργίας δυναμικών ιστοσελίδων 6

PHP ASP ASP.NET ColdFusion JSP Ανάπτυξη με τη βοήθεια του Dreamweaver(Συνέχεια...) 7

Δημιουργία πηγής δυναμικού περιεχομένου Οι δυναμικές ιστοσελίδες απαιτούν μια πηγή από την οποία να εξαχθούν τα στοιχεία προτού να μπορέσουν να προβληθούν στην ιστοσελίδα. Στο Dreamweaver, αυτές οι πηγές στοιχείων μπορούν να είναι βάσεις δεδομένων, μεταβλητές αιτήματος, μεταβλητές Server, μεταβλητές μορφής, ή αποθηκευμένες διαδικασίες. Προτού να μπορέσετε να χρησιμοποιήσετε αυτές τις ικανοποιημένες πηγές ιστοσελίδας, πρέπει να κάνετε τα εξής: δημιουργούμε μια σύνδεση στη δυναμική ικανοποιημένη πηγή (όπως μια βάση δεδομένων) και τον κεντρικό υπολογιστή εφαρμογής που επεξεργάζεται τη σελίδα. διευκρινίζουμε ποιες πληροφορίες στη βάση δεδομένων θέλουμε να επιδείξουμε, ή ποιες μεταβλητές θέλουμε να περιλάβουμε στη σελίδα χρησιμοποιώντας τη διεπαφή point-and-click του Dreamweaver για να επιλέξουμε και να παρεμβάλουμε τα δυναμικά ικανοποιημένα στοιχεία στην επιλεγμένη σελίδα. 8

Δημιουργία πηγής δυναμικού περιεχομένου(συνέχεια...) Το Dreamweaver επιτρέπει να συνδεθούμε εύκολα με μια βάση δεδομένων και να δημιουργήσουμε ένα recordset από το οποίο να εξαγάγει το δυναμικό περιεχόμενο. Ένα recordset είναι το αποτέλεσμα μιας ερώτησης βάσεων δεδομένων. Εξάγει τις συγκεκριμένες πληροφορίες που ζητάμε και επιτρέπει να επιδείξουμε εκείνες τις πληροφορίες μέσα σε μια διευκρινισμένη σελίδα. Καθορίζουμε το recordset βασισμένο στις πληροφορίες που περιλαμβάνονται στη βάση δεδομένων και το περιεχόμενο που θέλουμε να επιδείξουμε. Οι διαφορετικοί προμηθευτές τεχνολογίας μπορούν να χρησιμοποιήσουν τη διαφορετική ορολογία για ένα recordset. ASP και ColdFusion, ένα recordset ορίζεται ως μια ερώτηση.. Σε JSP, ένα recordset καλείται resultset.. H ASP. NETαναφέρεται σε ένα recordset ως DataSet.. Εάν χρησιμοποιείτε άλλες πηγές στοιχείων, όπως οι μεταβλητές εισαγωγής χρηστών ή Server, το όνομα της πηγής στοιχείων που καθορίζεται στο Dreamweaver είναι το ίδιο με 9το όνομα πηγής στοιχείων.

Προσθήκη δυναμικού περιεχομένου ιστοσελίδας Αφότου καθορίσουμε ένα recordset ή άλλη πηγή στοιχείων, και την προσθέσουμε στο Bindings panel,, μπορούμε να παρεμβάλουμε το δυναμικό περιεχόμενο που το recordset αντιπροσωπεύει στη σελίδα. Η καθοδηγούμενη από το μενού διεπαφή Dreamweaver κάνει την προσθήκη των δυναμικών στοιχείων τόσο εύκολη όπως επιλέγοντας μια δυναμική πηγή από το Bindings panel,, και παρεμβάλλοντας την σε ένα κατάλληλο κείμενο, μια εικόνα, ή ένα αντικείμενο μορφής μέσα στην τρέχουσα σελίδα. Όταν παρεμβάλλουμε ένα δυναμικό στοιχείο ή άλλη server behavior σε μια σελίδα,το Dreamweaver παρεμβάλλει ένα server- side script στον source κώδικα της σελίδας.αυτό το script καθοδηγεί τον κεντρικό υπολογιστή για να ανακτήσει τα στοιχεία από την καθορισμένη πηγή στοιχείων και να τα δώσει μέσα 10 στην ιστοσελίδα.

Προσθήκη δυναμικού περιεχομένου ιστοσελίδας(συνέχεια...) Για να τοποθετήσουμε το δυναμικό περιεχόμενο μέσα σε μια ιστοσελίδα, μπορουμε να κάνουμε ένα από τα εξής: Τον τοποθετούμε στο σημείο εισαγωγής είτε στον κώδικα είτε την άποψη σχεδίου. Αντικαταθιστούμε μια σειρά κειμένων ή άλλο placeholder. Το παρεμβάλουμε σε μια ιδιότητα HTML. Παραδείγματος χάριν, το δυναμικό περιεχόμενο μπορεί να καθορίσει τις ιδιότητες src μιας εικόνας ή τις ιδιότητες αξίας ενός τομέα μορφής. 11

Ενίσχυση της λειτουργίας μιας δυναμικής σελίδας Εκτός από την προσθήκη του δυναμικού περιεχομένου, Dreamweaver μας αφήνει να ενσωματώσουμε εύκολα την σύνθετη λογική εφαρμογής ιστοσελίδας με τη χρησιμοποίηση των Servers behaviors. Οι Servers behaviors είναι προκαθορισμένα κομμάτια server-side κώδικα που προσθέτουν τη λογική εφαρμογής ιστοσελίδας, που παρέχουν μεγαλύτερες αλληλεπίδραση και τη λειτουργία. Οι Servers behaviors του Dreamweaver επιτρέπουν να προσθέσουμε τη λογική μιας εφαρμογής σε έναν ιστοχώρο χωρίς να πρέπει να γράψουμε κώδικα οι ίδιοι. Οι Servers behaviors παρέχονται στο Dreamweaver στους τύπους εγγράφων υποστήριξης ColdFusion, ASP, ASP.NET, JSP και PHP. 12

Ενίσχυση της λειτουργίας μιας δυναμικής σελίδας(συνέχεια...) Οι Servers behaviors γράφονται και εξετάζονται για να είναι γρήγορες, ασφαλείς, και γερές. Οι ενσωματωμένες Servers behaviors του Dreamweaver έχουν ως σκοπό να υποστηρίξουν ιστοσελίδες cross-platform για όλους τους browsers. 13