ΤΕΧΝΟΛΟΓΙΚΟ ΕΚΠΑΙΔΕΥΤΙΚΟ ΙΔΡΥΜΑ ΚΑΒΑΛΑΣ ΣΧΟΛΗ ΔΙΟΙΚΗΣΗΣ & ΟΙΚΟΝΟΜΙΑΣ ΤΜΗΜΑ ΔΙΑΧΕΙΡΙΣΗΣ ΠΛΗΡΟΦΟΡΙΩΝ

Μέγεθος: px
Εμφάνιση ξεκινά από τη σελίδα:

Download "ΤΕΧΝΟΛΟΓΙΚΟ ΕΚΠΑΙΔΕΥΤΙΚΟ ΙΔΡΥΜΑ ΚΑΒΑΛΑΣ ΣΧΟΛΗ ΔΙΟΙΚΗΣΗΣ & ΟΙΚΟΝΟΜΙΑΣ ΤΜΗΜΑ ΔΙΑΧΕΙΡΙΣΗΣ ΠΛΗΡΟΦΟΡΙΩΝ"

Transcript

1 ΤΕΧΝΟΛΟΓΙΚΟ ΕΚΠΑΙΔΕΥΤΙΚΟ ΙΔΡΥΜΑ ΚΑΒΑΛΑΣ ΣΧΟΛΗ ΔΙΟΙΚΗΣΗΣ & ΟΙΚΟΝΟΜΙΑΣ ΤΜΗΜΑ ΔΙΑΧΕΙΡΙΣΗΣ ΠΛΗΡΟΦΟΡΙΩΝ Πτυχιακή Εργασία Μεθοδολογία ανάπτυξης εφαρμογών διαδίκτυο με την γλώσσα προγραμματισμού Σπουδάστρια Αλεξανδρίδου Ραλού-Ζωή Επιβλέπων Καθηγητής Μαρδύρης Βασίλειος Καβάλα 2006

2 Πρόλογος Η παρούσα πτυχιακή εργασία εκπονήθηκε κατά τη διάρκεια του έτους 2006 από τη σπουδάστρια του τμήματος Διαχείρισης Πληροφοριών του Τεχνολογικού Εκπαιδευτικού Ιδρύματος Καβάλας, Ραλού-Ζωή Αλεξανδρίδου. Ο κύριος στόχος της εργασίας είναι η Μεθοδολογία ανάπτυξης εφαρμογών διαδίκτυο με την γλώσσα προγραμματισμού, που θα διευκολύνει τους προγραμματιστές στην δημιουργία ιστοσελίδων. Η υπόδειξη του θέματος έγινε από τον Ηλ. Μηχανικό και Μηχ. Υπολογιστών, κ. Βασίλειος Μαρδύρης, έκτακτο εκπαιδευτικό του τμήματος Διαχείρισης Πληροφοριών, τον οποίο θα ήθελα να ευχαριστήσω για την καθοδήγηση του. Οκτώβριος 2006 Ραλού-Ζωή Αλεξανδρίδου Αλεξανδριδού Ραλού-Ζωή - 1 -

3 Περίληψη Το αντικείμενο της παρούσας πτυχιακής εργασίας είναι η ανάπτυξη μιας web εφαρμογής με σκοπό τη δημιουργία μιας ιστοσελίδας, σχεδιασμένη στην γλώσσα προγραμματισμού. Για τη δημιουργία της χρησιμοποιήθηκε επίσης η γλώσσα κειμένου HTML, η γλώσσα προγραμματισμού Tcl και ο Apache Web Server. Η Apache είναι ένα σύστημα για την δημιουργία περιεχομένου διαδικτύου μέσω μιας γλώσσας προγραμματισμού ενσωματωμένη στον Apache Web Server. Έχει σχεδιαστεί να είναι γρήγορη, δυνατή, επεκτάσιμη, να καταναλώνει λίγους πόρους συστήματος, να είναι εύκολη στη μάθηση και να προσφέρει στο χρήστη μια πλατφόρμα που μπορεί να χρησιμοποιήσει και πέρα από την δημιουργία περιεχομένου διαδικτύου, διαχείρισης συστήματος, επεξεργασίας κειμένου και πολλά άλλα. Η rivet χρησιμοποιεί τη δύναμη της Tcl και των χιλιάδων γραμμών κώδικα που υπάρχουν. Οι αρχικοί περιορισμοί σχεδίασης της Tcl που την ήθελαν αρκετά ευέλικτη ώστε να ενσωματώνεται και να λειτουργεί σε μεγάλη ποικιλία περιβάλλοντος, έχουν περάσει και στην Apache. Για την καλύτερη κατανόηση του περιεχομένου της παρούσας πτυχιακής εργασίας και τον αποτελεσματικό εντοπισμό των επιμέρους πληροφοριών που διαθέτει, περιγράφονται επιγραμματικά τα κεφάλαια που ακολουθούν: Κεφάλαιο 1: Παρουσιάζονται τα εργαλεία της εφαρμογής. Περιγράφεται η αρχιτεκτονικής του Apache Web Server και στην συνέχεια παρουσιάζεται η γλώσσα HTML. Κεφάλαιο 2: Παρουσιάζονται τα εργαλεία της εφαρμογής. Ακολουθεί η περιγραφή των διαδικασιών εγκατάστασης και configuration του Apache, της Tcl και της. Στην συνέχεια παρουσιάζεται η γλώσσα προγραμματισμού Tcl και καθώς επίσης περιγράφεται το CGI. Αλεξανδριδού Ραλού-Ζωή - 2 -

4 Κεφάλαιο 3: Παρουσιάζεται η εφαρμογή και περιγράφεται η λειτουργία της. Κεφάλαιο 4: Στο τελευταίο κεφάλαιο παρουσιάζονται τα συμπεράσματα και οι προοπτικές επέκτασης της εφαρμογής. Αλεξανδριδού Ραλού-Ζωή - 3 -

5 Περιεχόμενα Κεφάλαιο 1- Εισαγωγή 1.1 Η Αρχιτεκτονική Της Apache Web Server Η Γλώσσα HTML.14 Κεφάλαιο 2 Χρησιμοποιούμενη Τεχνολογία 2.1 Apache Web Server Εγκατάσταση του Apache Εκκίνηση του Apache Η Γλώσσα Tcl/Tk Εγκατάσταση της Tcl Η Εντολές της Tcl Η Γλώσσα Εγκατάσταση της Η Εντολές της Το CGI (Common Gateway interface) Δομή του CGI Φόρμες Που Παράγονται Από CGI Scripts HTML Φόρμες Σαν INTERFACE Σε ΒΔ.58 Κεφάλαιο 3 Παρουσίαση Και Περιγραφή Εφαρμογής 3.1 Παρουσίαση Της Εφαρμογής Λειτουργία Της Εφαρμογής Λειτουργία Του Παιχνιδιού 70 Κεφάλαιο 4 Συμπεράσματα Και Προοπτικές 4.1 Συμπεράσματα Και Προοπτικές...71 βιβλιογραφία 72 Αλεξανδριδού Ραλού-Ζωή - 4 -

6 Κεφάλαιο 1 Ακολουθεί η περιγραφή της αρχιτεκτονικής του Apache Web Server και στην συνέχεια παρουσιάζεται η γλώσσα HTML. 1.1 Η Εννοιολογική Αρχιτεκτονική του Apache Web Server Περίληψη: Αυτή η έκθεση παρουσιάζει την εννοιολογική αρχιτεκτονική του Apache web server. Προσπαθεί να υπογραμμίσει τη γενική δομή του συστήματος, χωρίς τη μετάβαση στις λεπτομέρειες της εκτέλεσης, ή απαίτηση τέτοιας λεπτομέρειας για να μαθευτεί προηγουμένως από τον αναγνώστη. Ο κύριος σκοπός είναι να κατασταθεί η αρχιτεκτονική "intellectually tractable". H αρχιτεκτονική προκύπτει από διαφορετικά έγγραφα apache και από τον τρόπο που η πηγή αρχείων ομαδοποιείται και ονομάζονται. Σε υψηλό επίπεδο η αρχιτεκτονική apache server αποτελείται από έναν πυρήνα που εφαρμόζει την βασική λειτουργία ενός κεντρικού υπολογιστή δικτύου και ένα σύνολο τυποποιημένων ενοτήτων η υπηρεσία οι φάσεις χειρισμού ενός http.o πυρήνας κεντρικών υπολογιστών δέχεται ένα αίτημα HTTP και επικαλείται σιωπηρά τους αρμόδιους handlers, για να συντηρήσει το αίτημα η έκθεση δείχνει ότι το παρόμοιο αρχιτεκτονικό ύφος που μπορεί να χαρακτηρίσει την αρχιτεκτονική apache είναι "implicit invocation", αν και η έννοια του γεγονότος δεν υπάρχει στην αρχιτεκτονική. Αλεξανδριδού Ραλού-Ζωή - 5 -

7 Εισαγωγή: Ο στόχος αυτής της έκθεσης είναι να παρουσιαστεί η εννοιολογική αρχιτεκτονική του Apache Web Server. Επομένως αφήνει κατά μέρος τις λεπτομέρειες της εκτέλεσης και προσπαθεί να είναι απλό. Όπως δηλώνεται μια καλή αρχιτεκτονική περιγραφή την αρχιτεκτονική "intellectually tractable". Το έγγραφο, μερικές φορές, απλοποιεί την πραγματική διαταγή αρχιτεκτονικής, η την προηγούμενοι δηλωμένη επιθυμία. Η έκθεση δεν υποθέτει καμία προηγούμενη οικειότητα με την αρχιτεκτονική του apache web server. Έτσι μπορεί να χρησιμεύσει ως μια εισαγωγική ανάγνωση στην αρχιτεκτονική του server. Πρέπει να σημειωθεί ότι η αρχιτεκτονική που περιγράφεται σε αυτό το κείμενο δεν είναι ακριβής. Προέκυψε σε διάφορες πηγές, συμπεριλαμβανόμενες από την δομή των αρχείων και του ονόματος αρχείων. Για το apache: Ο Apache Web Server είναι αυτήν την περίοδο ο δημοφιλέστερος web server, σύμφωνα με μια έρευνα netcraft. Έχει διατηρήσει τη θέση του από τα μέσα Αρχικά, το πρόγραμμα βασίστηκε σε NCSA httpd 1,3 ( A PAtCHy Server ). Από τότε η ξαναγράφτηκε ο κώδικας, και εξελίχθηκε σε ένα απόλυτο ανεξάρτητο πρόγραμμα. Ένας από τους σημαντικότερους λόγους για την επιτυχία του apache είναι το γεγονός που είναι ένα πρόγραμμα "open source". Εννοιολογική αρχιτεκτονική υψηλού επιπέδου Η λειτουργία ενός κεντρικού υπολογιστή δικτύου είναι στα αιτήματα υπηρεσιών που υποβάλλονται μέσω του πρωτοκόλλου HTTP. Ένας client να παραπέμψει στο αίτημά του ένα αρχείο, και έπειτα εκείνο το αρχείο επιστρέφεται ή, πχ., ένας κατάλογος και έπειτα το περιεχόμενο εκείνου του καταλόγου (που κωδικοποιείται με κάποια κατάλληλη μορφή) επιστρέφεται. Αλεξανδριδού Ραλού-Ζωή - 6 -

8 Ένας client επίσης να ζητήσει ένα πρόγραμμα, και είναι ο στόχος του web server να εγκαινιαστεί εκείνο το πρόγραμμα (χειρόγραφο της CGI) και να επιστρέψει το πρόγραμμα στον client. Οι διάφοροι άλλοι πόροι να παραπεμφθούν στο αίτημα του client. Για να συνοψίσουμε : ο web server παίρνει ένα αίτημα, το αποκωδικοποιεί, λαμβάνει τον πόρο και το δίνει στον client. Οι πρόσθετες ανησυχίες σχετικά με τον έλεγχο της έγκρισης πρόσβασης και οι εγκρίσεις clients είναι στην ευθύνη του κεντρικού υπολογιστή δικτύου. Όπως έχει ειπωθεί ο κεντρικός υπολογιστής δικτύου να εκτελέσει τα προγράμματα ως απάντηση στα αιτήματα clients. Επιπλέον, ο κεντρικός υπολογιστής δικτύου πρέπει να είναι ικανός, όχι μόνο να αποκριθεί σε ένα υψηλό ποσοστό αιτημάτων, αλλά και να ικανοποιήσει τα αιτήματα όσο το δυνατόν γρηγορότερα. Περιγραφή: Σε αντιδιαστολή με μια μονολιθική αρχιτεκτονική κεντρικών υπολογιστών στην οποία όλες οι δραστηριότητες γίνονται από μια ενιαία μονάδα, η apache υιοθετεί μια modular approach. Το σχήμα 1 επεξηγεί την εννοιολογική αρχιτεκτονική υψηλού επιπέδου. Υπάρχει ένα μέρος core (πυρήνων) του κεντρικού υπολογιστή που είναι αρμόδιος για τον καθορισμό και μετά στην συντήρηση αιτήματα και διάφορες modules που εφαρμόζουν πραγματικά τις διαφορετικές φάσεις χειρισμού των αιτημάτων. Όπως θα δείτε στο σχήμα 1 δεν συλλαμβάνει ένα σημαντικό χαρακτηριστικό της αρχιτεκτονικής, δηλαδή, η προκαθορισμένη διαταγή στην οποία οι modules καλούνται. Αλεξανδριδού Ραλού-Ζωή - 7 -

9 APACHE MODULE interaction with the HTTP Client APACHE CORE APACHE MODULE APACHE MODULE APACHE MODULE Σχήμα 1. εννοιολογική αρχιτεκτονική υψηλού επιπέδου Η ιδέα να κρατηθεί ο βασικός κώδικας κεντρικών υπολογιστών καθαρός επιτρέποντας σε τρίτους να αγνοήσει ή να επεκτείνει ακόμη και τα βασικά χαρακτηριστικά. Ο core (πυρήνας) και οι modules Αυτό το τμήμα παρουσιάζει με λεπτομέρεια τα συστατικά της αρχιτεκτονικής του apache server. Παρουσιάζει τα εννοιολογικά μέρη του πυρήνα apache και πώς ένα αίτημα αποσυντίθεται στο προτέρημα των φάσεων. Περιγράφει επίσης την ανατομία μιας module apache. Ο core (πυρήνας) Ο πυρήνας εφαρμόζει τη βασική λειτουργία του κεντρικού υπολογιστή. Επιπλέον εφαρμόζει διάφορες λειτουργίες χρησιμότητας. Ένας άξιος τη χρησιμότητα, είναι αυτός που παρέχει την κατανομή των πόρων στο αιτήματα. Αυτή η δυνατότητα προσφέρεται όχι μόνο στον πυρήνα κεντρικών υπολογιστών αλλά και στις modules. Αλεξανδριδού Ραλού-Ζωή - 8 -

10 Το αίτημα Συγχρονίζει τη μερίδα μέσων module μόνο με τη λειτουργία για τη συντήρηση ενός αιτήματος clients. Περισσότερες από μια module είναι απαραίτητες για να ανταποκριθούν εντελώς στο αίτημα. Εντούτοις η module δεν ξέρει μια για την άλλη. Ο έλεγχος μεταφέρεται μεταξύ του πυρήνα και των διαφορετικών ενοτήτων. Αυτό αντιμετωπίζεται με τη διαίρεση του χειρισμού του αιτημάτων σε σύνολο ευδιάκριτων φάσεων. Τα εξής είναι οι φάσεις χειρισμού ενός αιτήματος για τον apache server: URI στη μετάφραση ονομάτων αρχείου Πρόσβαση ελέγχου βασισμένη στη διεύθυνση και άλλες διαθέσιμες πληροφορίες Πάρτε μια ταυτότητα χρηστών από το αίτημα HTTP και την επικυρώστε Εγκρίνετε το χρήστη Καθορίστε τον τύπο MIME του ζητούμενου αντικειμένου Αποτύπωση-UPS Στείλετε τα πραγματικά στοιχεία πίσω στον client Modules Καταγράψτε το αίτημα όπως έχει ειπωθεί οι modules είναι σε implement/override/extend η λειτουργία του apache web server. Όλες οι modules έχουν την ίδια μορφή στον πυρήνα του κεντρικού υπολογιστή. Η module δεν αλληλεπιδρά άμεσα μαζί. Εάν αλληλεπιδρούν είναι πάντα μέσω του πυρήνα apache. Αλεξανδριδού Ραλού-Ζωή - 9 -

11 From / To Apache Core AN APACHE MODULE Handler 1 Handler 2 Handler 3 Private date Το σχήμα 2. architecture μιας moduleς apache Apache (1.3) επιτρέπει τη φόρτωση των ενοτήτων όταν απαιτούνται και οι μέθοδοι έναρξης διαμορφώνονται για να κληθούν όταν φορτώνεται η module σε αντιδιαστολής όταν μονογράφεται ο server. Ο handler Οι χρηστές είναι για το apache η δράση που πρέπει να εκτελεσθεί σε κάποια φάση συντήρησης ενός αιτήματος. Παραδείγματος χάριν όταν το ζητούμενο αντικείμενο είναι ένα αρχείο, ο handler που επιστρέφει το αρχείο πρέπει να ανοίξει το αρχείο, να διαβάσει το περιεχόμενο του αρχείου και να δίνει το περιεχόμενο του αρχείου στον πελάτη. Οι handlers καθορίζονται από τις modules, και μια module διευκρινίζει τους handlers από πολλές ή καμία φάσεις αιτήματος. Οι handlers είναι το μέρος της module που καλείται όταν εισάγει η επεξεργασία του αιτήματος τη φάση για την οποία ο handler Αλεξανδριδού Ραλού-Ζωή

12 καθορίζεται. Η λογική πίσω από την κατοχή των modules που καθορίζουν τους handlers για περισσότερες από μια φάσεις είναι ότι μια module σώζει εσωτερικά τα στοιχεία όσον αφορά το αίτημα που υποβάλλεται σε επεξεργασία, και όταν καλούνται οι handlers του για μια επόμενη φάση του αιτήματος να χρησιμοποιήσουν τα στοιχεία. Θεωρητικά η module σώζει τα στοιχεία μεταξύ τον διαφορετικών αιτημάτων. Πρέπει να σημειωθεί ότι υπάρχουν πρόσθετες λειτουργίες που εξάγονται από modules, σχετικά με τη configuration, και την έναρξη. Καλούνται στην αρχική φάση του κεντρικού υπολογιστή. Συναγωνισμός στο apache Μερικοί ιστοχώροι φορτώνονται βαριά. Εντούτοις στην κατάσταση αγοράζει τον ιστοχώρο που τα γενικά έξοδα είναι πολλά και υπάρχουν πολλά πεδία. Κατά τη συνέπεια, ο apache χρησιμοποιεί μια διαφορετική τεχνική, δηλαδή επιμένει σε διαδικασίες κεντρικών υπολογιστών. Η configuration των τμημάτων apache Ένας από τους δηλωμένους σκοπούς της αρχιτεκτονικής κεντρικών υπολογιστών apache είναι να κατασταθεί ιδιαίτερα εξατομικεύσιμο. Τα αρχεία configuration επιτρέπουν να προσαρμόσουν όχι μόνο τη συμπεριφορά του κεντρικού υπολογιστή αλλά και μια από τις modules. Κάθε module μπορεί να διαφημίσει τις εντολές συνήθειας που αναγνωρίζει από τα αρχεία configuration και θα κληθεί όταν βρίσκονται τέτοιες modules. Εκείνες οι modules είναι νέες modules. Μια ενδιαφέρουσα έννοια που εφαρμόζεται από το apache είναι ένας από τους Virtual hosts. Ο κεντρικός υπολογιστής μπορεί να αποκριθεί σε περισσότερα από ένα ονόματα, κάθε ένα που ορίζεται σε μια πολλαπλάσια IP διεύθυνση της μηχανής. Οι πολλαπλάσιες διευθύνσεις IP να είναι διευθύνσεις που συνδέονται με τις φυσικές διεπαφές δικτύων ή να είναι διευθύνσεις που συνδέονται με τις εικονικές διεπαφές δικτύων. Το Apache είναι σε θέση "να πει" με ποιο όνομα ο οικοδεσπότης έχει παραπεμφθεί και με διαφορετικές επιλογές configuration. Οι modules επίσης έχουν πρόσβαση σε αυτές τις πληροφορίες. Για να συνοψίσει, η "philosophy" του apache Αλεξανδριδού Ραλού-Ζωή

13 σχετικά με τη configuration είναι: κάθε συστατικό φροντίζει τη configuration του, και τις modules configuration. Ο πυρήνας κεντρικών υπολογιστών αναλύει τις modules configuration αρχείων και στέλνει configuration modules που ερμηνεύονται. Το αρχιτεκτονικό ύφος Η εννοιολογική αρχιτεκτονική που περιγράφεται ανωτέρω, προσεγγίζει κατά προσέγγιση το ύφος της "implicit invocation". Πρέπει να σημειωθεί εντούτοις ότι η αρχιτεκτονική δεν είναι ακριβώς μια βασισμένη στο γεγονός αρχιτεκτονική, όπως διευκρινίζεται μέσα. Είναι συνήθως η περίπτωση με την αρχιτεκτονική λογισμικού που δεν μπορεί να ταξινομηθεί σαφώς σε ένα προκαθορισμένο ύφος. Για να είμαστε πιο συγκεκριμένοι δεν υπάρχει καμία τέτοια έννοια όπως πολλά γεγονότα που αναγγέλλονται. Το μόνο γεγονός είναι ένα αίτημα από έναν client HTTP, το οποίο αρχίζει με μια ακολουθία προβλέψιμων implicit invocation. Ο πυρήνας έχει μια σταθερή διαταγή στην οποία θα καλέσει τους διαφορετικούς handlers και θα αποφασίσει βασισμένος στις πληροφορίες configuration που είναι η διαταγή στην οποία οι handlers για την ίδια φάση καλούνται. Υπάρχει, εντούτοις, κάτι που να συγκριθεί με την αναγγελία ενός γεγονότος. Εντούτοις αυτό δεν είναι ένα κατάλληλο γεγονός, επειδή η module έκδοσης δεν αναγγέλλει κάτι σε άλλες modules. Ο μέσος όρος "forcing" μιας implicit invocation. Υπάρχουν άλλα χαρακτηριστικά των συστημάτων γεγονός που "δεν εγκαθιστά" την περιγραφή της αρχιτεκτονικής πυρήνας-ενοτήτων του apache. Παραδείγματος χάριν δεν υπάρχει κανένας έλεγχος asynchrony, υπό την έννοια ότι η έκδοση module το υπό--αίτημα περιμένει το υπό--αίτημα που ολοκληρώνεται. Επίσης δύο φάσεις του αιτήματος δεν μπορούν να είναι αντιμετωπίσιμες. Περισσότερη από την module δεν είναι μια χωριστή διαδικασία, αν και μπορεί να περιορίσει μερικές φάσεις - όπως το τρέξιμο ενός χειρογράφου της CGI. Έτσι αν και οι συνδετήρες μεταξύ των modules είναι implicit invocations και η ροή στοιχείων είναι ένα δέντρο - με μερικούς περιορισμούς η αρχιτεκτονική δεν έχει άλλα χαρακτηριστικά των συστημάτων. Μπορεί να υποστηριχτεί εντούτοις ότι τα δεδομένα σε διαφορετικές περιπτώσεις apache μπορούν να χειριστούν στο ίδιο χρονικό αίτημα από τους διαφορετικούς clients HTTP υπάρχει Αλεξανδριδού Ραλού-Ζωή

14 asynchrony. Εντούτοις οι διαφορετικές περιπτώσεις είναι ανεξάρτητες και όχι κοινές πληροφορίες σχετικά με τα αιτήματα επεξεργασίας. Συμπεράσματα Ο Apache Web Server έχει μια modular αρχιτεκτονική με ένα τμήμα πυρήνων που καθορίζει την πιο βασική λειτουργία ενός κεντρικού υπολογιστή δικτύου και διάφορων modules που εφαρμόζουν τα βήματα της επεξεργασίας ενός αιτήματος HTTP, που προσφέρει στους handlers για μια ή περισσότερες φορές. Ο πυρήνας είναι αυτός που δέχεται και διαχειρίζεται τις συνδέσεις HTTP και καλεί τους handlers στις modules στην κατάλληλη διαταγή που συντηρείται το τρέχον αίτημα. Το αρχιτεκτονικό ύφος μπορεί να είναι χαρακτηρισμένο implicit invocation που χωρίζει τον πυρήνα από στους handlers που εφαρμόζονται από τις modules. Ο συναγωνισμός υπάρχει μόνο μεταξύ διάφορων διαδικασιών που συντηρούν τα εισερχόμενα αιτήματα HTTP στον ίδιο. Οι modules δεν εφαρμόζονται ως χωριστή διαδικασία ή για να συνεργαστεί με άλλη ανεξάρτητη διαδικασία για να χειριστεί μια φάση επεξεργασίας ενός αιτήματος. Η λειτουργία του Apache μπορεί να αλλάξει εύκολα με το γράψιμο νέων modules που αντικαθιστούν την υπάρχουσα. Ο κεντρικός υπολογιστής είναι επίσης ιδιαίτερα configurable, σε διαφορετικά επίπεδα και τις modules μπορεί να καθορίσει τις εντολές διαμόρφωσής τους. Αλεξανδριδού Ραλού-Ζωή

15 1.2 Η Γλώσσα HTML Υπερκειμένου), επιτρέπει στο χρήστη να μορφοποιήσει κείμενο, να προσθέσει γραμμές, γραφικά, ήχο και βίντεο και να τα αποθηκεύσει όλα σε ένα αρχείο ASCII απλού κειμένου, το οποίο όλοι οι υπολογιστές μπορούν να διαβάσουν. Το κλειδί της HTML βρίσκεται στις ετικέτες (tag). Οι ετικέτες είναι λέξεις-κλειδιά που περικλείονται σε σύμβολα μικρότερο από (<) και μεγαλύτερο από (>), και δηλώνουν το είδος του περιεχομένου που ακολουθεί. Φυσικά η ομοιότητα της HTML με κείμενο, σταματάει όταν ανοίξει ο χρήστης το αρχείο αυτό με ένα ειδικό πρόγραμμα που ονομάζεται φυλλομετρητής (browser). Ο φυλλομετρητής μπορεί να ερμηνεύει τις ετικέτες της HTML και μετά να παρουσιάζει στην οθόνη το μορφοποιημένο έγγραφο. Το βασικό συστατικό της βρίσκεται στο πρώτο μέρος του ονόματός της: Hypertext (Υπερ-κείμενο). Τα έγγραφα HTML μπορούν να περιέχουν συνδέσμους προς άλλα έγγραφα HTML ή σχεδόν προς οτιδήποτε άλλο στο Internet Μπορείτε να δημιουργήσετε έγγραφα HTML με οποιονδήποτε επεξεργαστή ή διορθωτή κειμένου, ακόμη και με το πολύ απλό TeachText ή το SimpleText σε Mcintosh, και το Notepad ή Wordpad σε Windows, που περιλαμβάνονται στο αντίστοιχο σύστημα λογισμικού. Οι ετικέτες της HTML είναι εντολές που γράφονται ανάμεσα σε σύμβολα μικρότερο από (<) και μεγαλύτερο από (>), που είναι γνωστά και ως γωνιακές αγκύλες και δηλώνουν τον τρόπο που ο φυλλομετρητής θα πρέπει να παρουσιάσει το κείμενο. Πολλές από τις ετικέτες ( αλλά όχι όλες ) έχουν δύο μορφές : ετικέτα αρχής και ετικέτα τέλους και το κείμενο το οποίο επηρεάζουν, περιέχεται ανάμεσα στις δύο ετικέτες. Τόσο οι ετικέτες αρχής όσο και οι ετικέτες τέλους χρησιμοποιούν την ίδια λέξη-εντολή, αλλά η ετικέτα τέλους περιέχει στην αρχή της και ένα επιπλέον σύμβολο καθέτου /. Η βασική ενός HTML αρχείου είναι η ακόλουθη: Αλεξανδριδού Ραλού-Ζωή

16 <html> <head> <title>αυτός είναι ο τίτλος</title> </head> <body> Εδώ περιλαμβάνονται οι εντολές της HTML </body> </html> Οι Βασικότερες Ετικέτες της HTML Html (<html> </html>) Η σημαντικότερη ετικέτα είναι η HTML καθώς είναι αυτή που περικλείει όλα τα υπόλοιπα και ολόκληρο βέβαια το κείμενο. Δηλώνει ότι το κείμενο που περιβάλλει είναι ένα HTML αρχείο και πέρα από αυτό δίνει τη δυνατότητα στο πρόγραμμα ανάγνωσης να διακρίνει μεταξύ των διαφορετικών εκδόσεων της HTML. Μπορεί να περιλαμβάνει μόνο τις ετικέτες head και body. Head και title (<head> </head> και <title> </title>) Η ετικέτα που βρίσκεται κάτω από το HTML ονομάζεται head. Περιλαμβάνει πληροφορίες που αφορούν το κείμενο, αλλά δεν εμφανίζονται σαν μέρος του κείμενου από το πρόγραμμα ανάγνωσης. Μια από αυτές τις πληροφορίες είναι η ετικέτα title. Η title εμφανίζεται στην οθόνη του χρήστη ξεχωριστά από το υπόλοιπο κείμενο και συνήθως σε μια περιορισμένη περιοχή, ή μια μόνο γραμμή στην κορυφή του κειμένου. Body (<body> </body>) Μέσα σε αυτή την ετικέτα περιλαμβάνεται όλο το κείμενο και ότι άλλο πρόκειται να εμφανιστεί από το πρόγραμμα ανάγνωσης. Τυπικά, το body δεν μπορεί να περιέχει άμεσα κείμενο, αλλά θα περιέχει άλλες ετικέτες οι οποίες με τη σειρά τους θα περιέχουν κείμενο. Οι υπόλοιπες ετικέτες που περιλαμβάνονται μέσα του θα οργανώσουν το κείμενο και θα προσδιορίσουν κάθε φορά τη σημασία και τη διαμόρφωσή του. Επιπλέον, με τη χρήση Αλεξανδριδού Ραλού-Ζωή

17 κάποιον συγκεκριμένων ιδιότητες μπορούμε να ορίσουμε το χρώμα του φόντου και του κειμένου. Έτσι, έχουμε : Οι ιδιότητες που μπορούν να οριστούν μέσα στο body είναι: Bgcolor, το φόντο δηλαδή την περιοχή πίσω από το κείμενο. Text, όλο το περιεχόμενο του BODY, δηλαδή το κείμενο και οτιδήποτε άλλο εκτός από τους συνδέσμους. Link, κείμενο που ενεργοποιεί σύνδεσμο, που δεν τον έχουμε ακόμα επισκεφτεί. Vlink, κείμενο που ενεργοποιεί τον σύνδεσμο τον οποίο έχουμε επισκεφτεί. Alink, κείμενο που σηματοδοτεί τον σύνδεσμο ο οποίος είναι ενεργός τη δεδομένη στιγμή της σύνδεσης. Τα χρώματα ορίζονται είτε με ένα προκαθορισμένο όνομα, είτε με το δεκαεξαδικό τους αριθμό. Επίσης, εκτός από διαφορετικό χρώμα στο φόντο της σελίδας, μπορούμε να βάλουμε κάποια εικόνα που να επαναλαμβάνεται, σαν πλακάκι δαπέδου. Έτσι, αυτό το πετυχαίνουμε γράφοντας : Παράγραφος (<p>) Η ετικέτα <p> δηλώνει την αρχή μιας παραγράφου και μπορεί να βρίσκεται οπουδήποτε μέσα σε μια γραμμή ενός αρχείου HTML. Στην HTML η ετικέτα τέλους ειδικά για την <p> είναι προαιρετική. Για παράδειγμα : Αλλαγή Γραμμής (<br>) Η ετικέτα <br> δηλώνει ένα τερματισμό γραμμής (line break). Προκαθορισμένο στυλ (<pre> </pre>) Το πρόγραμμα ανάγνωσης εμφανίζεται ότι περικλείεται μέσα στην ετικέτα <pre> </pre> όπως ακριβώς το έχουμε γράψει. Έτσι, για παράδειγμα το κείμενο που ακολουθεί θα εμφανιστεί στην οθόνη του χρήστη όπως ακριβώς το έχουμε γράψει. Επικεφαλίδες (Headings) Αλεξανδριδού Ραλού-Ζωή

18 Οι επικεφαλίδες επιτελούν τον ίδιο σκοπό όπως και σε ένα βιβλίο : καθοδηγούν τον αναγνώστη εδώ το χρήστη δείχνοντάς του τη δομή της σελίδας αλλά και των σελίδων που έπονται. Οι επικεφαλίδες είναι έξι μεγεθών: Το μεγαλύτερο μέγεθος επικεφαλίδας είναι <h1> και το μικρότερο είναι <h6>. Ανάμεσα στις ετικέτες προσθέτουμε το κείμενο που θέλουμε να μορφοποιηθεί με το αντίστοιχο μέγεθος επικεφαλίδας. Τύποι Χαρακτήρων ( Character styles ) Η HTML παρέχει αρκετούς τρόπους μορφοποίησης ενός κειμένου. <STRONG> </STRONG> και <B> </B> που μορφοποιούν το ενδιάμεσο κείμενο ή χαρακτήρα σε bold. <em> </em> και <I> </I> που μορφοποιούν το κείμενο σε italics. Πρέπει και πάλι να αναφέρουμε ότι δεν εμφανίζουν όλα τα προγράμματα ανάγνωσης το κείμενο με την ίδια μορφοποίηση, γι αυτό πρέπει να γνωρίζουμε από πριν τι υποστηρίζει κάποιο πρόγραμμα ανάγνωσης. Εικόνες ( Images ) Ένα μεγάλο της δημοτικότητας του ιστού οφείλεται στο γεγονός ότι επιτρέπει την εμφάνιση γραφικών, αλλά και την επεξεργασία τους με οποιονδήποτε τρόπο. Έτσι, μπορούμε να έχουμε : a) Απλά γραφικά με <img src= εικόνα.gif alt= κείμενο > Εδώ, η εικόνα.gif δηλώνει την URL της εικόνας και το κείμενο θα εμφανιστεί στην οθόνη των χρηστών που έχουν προγράμματα ανάγνωσης που δεν υποστηρίζουν γραφικά. b) Γραφικό στο οποίο δίπλα να υπάρχει ευθυγραμμισμένο κείμενο Αλεξανδριδού Ραλού-Ζωή

19 Η ευθυγράμμιση γίνεται με την ιδιότητα align. Φυσικά, οι τιμές που δέχεται το align ποικίλουν μεταξύ των προγραμμάτων ανάγνωσης, γι αυτό κάποιος που σχεδιάζει σελίδες πρέπει να το έχει υπόψη του. Το align δηλώνει τη θέση την οποία θα λάβει η εικόνα μέσα στη σελίδα σε σχέση πάντα με το κείμενο και μπορεί να πάρει τις τιμές : left, right, top, middle η bottom. Θεωρώντας ότι έχουμε μια εικόνα logo.gif με το σήμα του TEI, το παρακάτω παράδειγμα περιλαμβάνει τις εντολές που αναφέρθηκαν μέχρι αυτό το σημείο. Δεσμοί Υπερκειμένου (Hypertext Links ) Οι δεσμοί υπερκειμένου αποτελούν ένα από τα πιο βασικά συστατικά της HTML. Αποτελούνται από δύο μέρη : αυτό που βλέπουν οι χρήστες και κάνοντας κλικ πάνω σε αυτό ενεργοποιούν το δεσμό ( μπορεί να είναι κείμενο, εικονίδιο, κείμενο και εικονίδιο ) και η URL, η διεύθυνση δηλαδή στην οποία θα κατευθυνθεί το πρόγραμμα ανάγνωσης σαν αποτέλεσμα της ενεργοποίησης του δεσμού. Έτσι έχουμε : Τοπικούς Συνδέσμους ( local ) Οι δεσμοί αυτοί συνδέουν σελίδες μέσα στο ίδιο υπολογιστή. Δεσμοί σε τοπικά αρχεία Ο σύνδεσμος ανοίγει ένα άλλο HTML αρχείο, μέσα στον ίδιο υποκατάλογο ως ιστοσελίδα. Αυτός είναι ο απλούστερος δεσμός. <a href= όνομα_αρχείου.html >κείμενο ετικέτας </a> Το a από τον κώδικα είναι από το anchor και το href από το hypertext reference. Το όνομα του αρχείου θα πρέπει να είναι άλλο HTML αρχείο. Οτιδήποτε κείμενο βρίσκεται μεταξύ από τους συμβολισμούς <> και πριν το </a> θα είναι το υπερκείμενο ( hypertext ) το οποίο θα εμφανίζεται υπογραμμισμένο. Αλεξανδριδού Ραλού-Ζωή

20 Δεσμοί σε γραφικά Με την anchor ετικέτα, μπορείτε επίσης να δημιουργήσετε δεσμό με αρχείο γραφικών. Όταν ο δεσμός θα επιλεχθεί, θα κατεβάσει το αρχείο με το γραφικό και θα εμφανιστεί ότι περιέχει το αρχείο, από μόνο του σε άδεια σελίδα. Ο απλούστερος anchor δεσμός είναι αθτός που καλεί το αρχείο, στον ίδιο υποκατάλογο που βρίσκεται και η ιστοσελίδα. Ο κώδικας το όνομα του αρχείου είναι το όνομα της GIF εικόνας. Υπερσύνδεσμοι σε Internet Sites Η HTML για το σύνδεσμο προς κάποιο στοιχείο στο Internet είναι : <a href= URL >Κείμενο Υπερσυνδέσμου </a> Όπου URL είναι η πλήρης Uniform Resource Locator, σε εισαγωγικά δηλαδή η διεύθυνση του Internet Sites στο οποίο θέλετε να στείλετε το χρήστη. Το κείμενο υπερσυνδέσμου, είναι το τι θα εμφανιστεί ως υπερκείμενο στον browser. Όταν ο χρήστης κάνει κλικ στο σύνδεσμο, ο browser θα τους συνδέσει με το Internet Sites που υποδεικνύει η URL. Υπερσύνδεσμοι σε Τμήματα της ίδιας Σελίδα Αόρατη αναφορά ( Named anchor ) Named anchor είναι μια αόρατη αναφορά σε ένα συγκεκριμένο τμήμα του HTML αρχείου. Μπορεί να χρησιμοποιηθεί για να συνδέσει μια module της σελίδας με μια άλλη, ιδιαίτερα αν είναι μεγάλη. Η HTML που δημιουργεί ένα named anchor είναι : <a name= NAME >Κείμενο που σε συνδέει με </a> Σημειώστε ότι αυτό το είδος συνδέσμων διαφέρει ελαφρά από τους συνδέσμους <a href= Τελειώνοντας, θέλουμε να κάνουμε το κάθε στοιχείο της λίστας υπερσύνδεσμο προς την αντίστοιχη module της σελίδας. Αντί να συνδέσουμε Αλεξανδριδού Ραλού-Ζωή

21 τη σελίδα με κάποιο άλλο αρχείο, συνδέουμε κάθε σύνδεσμο με ένα named anchor στην ίδια σελίδα. Υποδεικνύουμε ένα named anchor βάζοντας πριν από το όνομα του το σύμβολο # : Σύνδεσμοι προς named anchor σε άλλη σελίδα Μπορείτε να δημιουργήσετε υπερσυνδέσμους που οδηγούν σε κάποιο τμήμα ενός άλλου αρχείου HTML.Η HTML για να γίνει αυτό είναι : <a href= αρχείο.html#name >κείμενο που αναφέρεται στον υπερσύνδεσμο</a> Και αν το αρχείο βρίσκεται σε άλλο web site : <a href= >κείμενο που αναφέρεται στον υπερσύνδεσμο</a> Υπερσύνδεσμοι Γραφικών Πλήκτρο Υπερσυνδέσμου Ο τρόπος για να γίνει κάτι τέτοιο είναι να βάλουμε τις HTML ετικέτες για την εισαγωγή εικόνων, μέσα στις ετικέτες που δημιουργούν υπερσυνδέσμους : Σύνδεσμος που μας επιτρέπει να στείλουμε . Μπορούμε να στείλουμε μέσα από μια σελίδα του ιστού. Απλώς εισάγοντας κάποιες εντολές HTML ανοίγει μια φόρμα στη οποία γράφουμε το μήνυμα. Έτσι, έχουμε : <a href= >στείλε </a> Εδώ το είναι η ηλεκτρονική διεύθυνση του ατόμου στο οποίο στέλνουμε το μήνυμα και το στείλε είναι το κείμενο πάνω στο οποίο κάνουμε κλικ, για να εμφανιστεί η φόρμα που θα μας επιτρέψει να το στείλουμε. Αλεξανδριδού Ραλού-Ζωή

22 Λίστες (Lists) Η HTML δίνει τη δυνατότητα δημιουργίας λίστας, έτσι ώστε να είναι δυνατή η πιο άρτια δόμηση ενός κειμένου. Έτσι, έχουμε : Μη-αριθμημένη Λίστα (Unordered List) Αυτή η λίστα εμφανίζει τα στοιχεία της με βούλες (bullets). Είναι η ιδανική αναπαράσταση στοιχείων που δεν χαρακτηρίζονται από κάποια ιεραρχία ή ακολουθία είναι : Τα στοιχεία της λίστας που εμφανίζονται μέσω των ετικετών <li>, τοποθετούνται ανάμεσα στην αρχική ετικέτα <ul> και την τελική </ul>. Αριθμημένη Λίστα (Ordered List) Με τη λίστα αυτή δημιουργούμε κατευθείαν μια λίστα από αριθμημένα στοιχεία. Είναι ιδιαίτερα χρήσιμη όταν έχουμε στοιχεία που έχουν λογική ακολουθία ή είναι αριθμημένα. Τα στοιχεία της λίστας που εμφανίζονται μέσω των ετικετών <li>, τοποθετούνται ανάμεσα στην αρχική ετικέτα <ol> και την τελική </ol>. Μπορούμε να δηλώσουμε το είδος της αρίθμησης που θέλουμε με την παράμετρο type. Εδώ πρέπει να αναφέρουμε ότι μπορεί να γίνει συνδυασμός αυτών των ειδών λίστας. Λίστα Ορισμού (Definition List) Χρησιμοποιούμε τη λίστα ορισμού όταν θέλουμε να ορίσουμε την έννοια μιας σειράς δεδομένων. Είναι ιδιαίτερα χρήσιμη όταν έχουμε να κάνουμε με ορισμό λεξιλογίου (γλωσσάρι), και ίσως συνδέσμους προς άλλους κόμβους του ιστού, τα οποία θα ακολουθούνται από μια μικρή περιγραφή τους. Η λίστα αρχίζει και τελειώνει με τα <dl> και </dl>. Αντίστοιχα ο κάθε ορισμός δηλώνετε με τα <dt> και </dt>. Τέλος, κάθε επεξήγηση δηλώνετε με τα <dd> και </dd>. Αλεξανδριδού Ραλού-Ζωή

23 Πίνακες (Tables) Οι πίνακες είναι το σημαντικότερο στοιχείο μετά τις συνδέσεις ουσιαστικά γιατί μας βοηθά να οργανώσουμε τις σελίδες μας όπως ακριβώς θέλουμε. Ενας πίνακας ορίζεται από οτιδήποτε υπάρχει ανάμεσα στις ετικέτες <TABLE>και </TABLE>. Μέσα στην ετικέτα <TABLE> μπορούμε να τοποθετήσουμε προσδιοριστικά που ελέγχουν την εμφάνιση όλου του πίνακα, όπως να προσθέσουμε περίγραμμα γύρω από τον πίνακα. Η παράμετρος border ορίζει πόσα pixels θέλουμε για περίγραμμα. <TABLE BORDER> Η ετικέτα <caption> εμφανίζει το κείμενο που περιλαμβάνει (στο κέντρο του πλάτους του πίνακα) ως τον τίτλο του πίνακα. Κάθε γραμμή του πίνακα ορίζεται από την ετικέτα <tr> </tr> και στη συνέχεια τα κελιά κάθε γραμμής ορίζονται από την ετικέτα <td> </td> (Table Data). Κάθε κελί και συγκεκριμένα κάθε ετικέτα <td> </td> μπορεί να περιλαμβάνει οποιοδήποτε είδος ετικέτας HTML που έχουμε δει έως τώρα κείμενο, υπερσυνδέσμους, γραφικά κ.τ.λ. Μέσα στη ετικέτα αυτή μπορείτε να χρησιμοποιήσετε την ιδιότητα align και valign για να καθορίσετε την συτσοίχιση των ενός κελιού. Οι τιμές της που μπορεί να είναι αντίστοιχα : Align = left : συστοιχίζει όλα τα περιεχόμενα στα αριστερά του κελιού Align = right : συστοιχίζει όλα τα περιεχόμενα στα δεξιά του κελιού Align = center : συστοιχίζει όλα τα περιεχόμενα στα κέντρο του κελιού Align = bottom : συστοιχίζει όλα τα περιεχόμενα στο κάτω μέρος του κελιού Align = middle : συστοιχίζει όλα τα περιεχόμενα στο κέντρο του κελιού Αυτά τα χαρακτηριστικά μπορείτε να τα συνδυάσετε : Επίσης υπάρχει η ιδιότητα : Αλεξανδριδού Ραλού-Ζωή

24 Bgcolor στην ετικέτα <table> η οποία χρησιμοποιείται για την προσθήκη φόντου στο κελί ή στην γραμμή (ανάλογα που την δηλώνουμε). Πλαίσια (Frames) Διαιρώντας σε πλαίσια μια σελίδα, η οποία ονομάζεται διάταξη πλαισίων (frameset), μπορείτε να δώσετε στο χρήστη τη δυνατότητα να βλέπει περισσότερες από μια σελίδες ταυτόχρονα, χωρίς να δημιουργεί σύγχυση στην οθόνη του. Κάθε πλαίσιο περιέχει τη δική του ιστοσελίδα και θεωρητικά θα μπορούσε να εμφανιστεί μόνο του σε ξεχωριστό παράθυρο. Η Ετικέτα <Frameset> Η ετικέτα <Frameset> διευκρινίζει τον αριθμό στηλών / σειρών σε ένα πλαίσιο. Υπάρχει η δυνατότητα να ενσωματώσετε ένα frameset μέσα σε ένα άλλο frameset. Τα χαρακτηριστικά που περιλαμβάνουν : Cols : Διευκρινίζει τον αριθμό στηλών, καθώς επίσης και το πλάτος κάθε στήλης. Π.χ., cols= 30%, 70% σημαίνει ότι θα υπάρξουν δύο στήλες, η πρώτη στήλη καταλαμβάνει 30%, ενώ η δεύτερη στήλη καταλαμβάνει 70% του διαθέσιμου διαστήματος. Rows : Διευκρινίζει τον αριθμό σειρών, καθώς επίσης και το πλάτος κάθε σειράς. Π.χ., rows= 40%, 60% σημαίνει ότι θα υπάρξουν δύο σειρές, η πρώτη σειρά καταλαμβάνει 40%, ενώ η δεύτερη σειρά καταλαμβάνει 60% του διαθέσιμου διαστήματος. Η Ετικέτα <Frame> Η ετικέτα <frame> διευκρινίζει τις ιδιότητες μέσα σε ένα συγκεκριμένο πλαίσιο. Περιλαμβάνει τη βασική ιδιότητα src : η οποία διευκρινίζει την πηγή εγγράφων HTML. Φόρμες (Forms) Μια φόρμα αποτελείται από δύο βασικά μέρη : τη δομή ή κέλυφος, η οποία αποτελείται από πεδία, ετικέτες και κουμπιά που βλέπει ο χρήστης στη Αλεξανδριδού Ραλού-Ζωή

25 σελίδα και τα συμπληρώνει και το σενάριο επεξεργασίας που παίρνει αυτές τις πληροφορίες και τις μετατρέπει σε μια μορφή που μπορεί που μπορεί να διαβαστεί ή να υπολογιστεί. Η επεξεργασία των δεδομένων μιας φόρμας είναι μια διαδικασία ελαφρώς πιο περίπλοκη. Το κύριο εργαλείο, το σενάριο CGI (CGI script) συνήθως γράφεται σε κάποια γλώσσα προγραμματισμού. Το περιεχόμενο της φόρμας περικλείεται στην ετικέτα <FORM>. <form action= url > </from> Οι ιδιότητες που περιλαμβάνει είναι οι ακόλουθες : Action : είναι το URL του server στον οποίο το περιεχόμενο της φόρμας θα υποβληθεί. Method : είναι η μέθοδος που χρησιμοποιείται για να υποβληθούν τα περιεχόμενα μιας φόρμα σε ένα server. Πια μέθοδο θα χρησιμοποιήσει ο χρήστης εξαρτάται από το πώς δουλεύει ο συγκεκριμένος server του. Οι βάσιμες επιλογές είναι : Get : είναι η μέθοδος προεπιλογής και προκαλεί το περιεχόμενο της φόρμας να προσαρτείται στο τέλος του URL. Post : η μέθοδος προκαλεί το περιεχόμενο της φόρμας να στέλνεται στον κεντρικό υπολογιστή σε ένα σώμα δεδομένων παρά ως τμήμα του URL. Μέσα σε μια φόρμα μπορείτε να έχετε οτιδήποτε εκτός από μια άλλη φόρμα. Συγκεκριμένα, οι ετικέτες INPUT, SELECT και TEXTAREA χρησιμοποιούνται για αν καθορίσουν τα αλληλεπιδρόμενα στοιχεία μέσα στη φόρμα. o Η ετικέτα INPUT Αλεξανδριδού Ραλού-Ζωή

26 Η ετικέτα INPUT χρησιμοποιείται για να καθορίσει ένα απλό στοιχείο εισαγωγής μέσα σε μια φόρμα. Είναι μια αυτόνομη ετικέτα, δεν περιβάλλει τίποτα και δεν υπάρχει καμία ετικέτα τέλους. Οι ιδιότητες στην INPUT είναι οι ακόλουθες : Type : με τιμές μια από τις παρακάτω : κείμενο (πεδίο εισαγωγής κειμένου) password (πεδίο εισαγωγής κειμένου, οι εισαγόμενοι χαρακτήρες αντιπροσωπεύονται ως αστερίσκοι) checkbox (πλήκτρο επιλογής, υπάρχει η δυνατότητα για μια ή περισσότερες επιλογές) radio (πλήκτρο επιλογής, επιτρέπει μια μόνο επιλογή από το σύνολο επιλογών) submit (ένα κουμπί που αναγκάζει το τρέχον έντυπο για να συσκευαστεί επάνω σε μια ερώτηση URL και να σταλθεί σε έναν μακρινό κεντρικό υπολογιστή) reset (ένα κουμπί που αναγκάζει τα διάφορα στοιχεία εισαγωγής στη μορφή για να επαναρυθμιστεί η μορφή χρησιμοποιείται για αυτήν) Νame: είναι το συμβολικό όνομα για το πεδίο εισόδου. Αυτό πρέπει να είναι παρόν για όλους τους τύπους εκτός submit και reset, καθώς χρησιμοποιείται όταν μπαίνει μαζί το string που παίρνει το οποίο στάλθηκε στο server όταν το περιεχόμενο της φόρμας υποβάλλεται. Value: για ένα πεδίο εισαγωγής κείμενου ή κωδικού πρόσβασης, μπορεί να χρησιμοποιηθεί για να καθορίσει το προεπιλεγμένο περιεχόμενο του πεδίου. Checked: (καμία τιμή δεν απαιτείται) διευκρινίζει ότι αυτό το πλαίσιο ελέγχου ή το ραδιόπληκτρο είναι τσεκαρισμένο εξ ορισμού αυτό είναι μόνο αρμόζον για τα τετραγωνίδια και τα ράδιο κουμπιά. Size: είναι το φυσικό μέγεθος του πεδίου εισαγωγής σε χαρακτήρες, είναι μόνο αρμόζον για τα πεδία εισαγωγής κειμένων και κωδικού πρόσβασης. Αλεξανδριδού Ραλού-Ζωή

27 Maxlength: είναι ο μέγεθος αριθμός χαρακτήρων που γίνονται αποδεκτοί ως είσοδο, αυτό είναι μόνο αρμόζον για τα πεδία εισαγωγής κειμένων και κωδικού πρόσβασης. o Η ετικέτα SELECT Μέσα στο <FROM> </FROM>, οποιοσδήποτε αριθμός SELECT ετικετών επιτρέπονται, ανακατεμένος ελεύθερα με άλλα στοιχεία HTML (συμπεριλαμβανομένων των INPUT και TEXTAREA στοιχείων) και το κείμενο. Αντίθετα από την INPUT, η SELECT έχει ετικέτες ανοίγματος και κλεισίματος. Μέσα στη SELECT, μόνο μια ακολουθία ετικετών OPTION, κάθε μια που ακολουθείται από ένα αυθαίρετο ποσό σαφούς κειμένου. Οι ιδιότητες της SELECT είναι οι ακόλουθες: Name: είναι το συμβολικό όνομα για αυτό το SELECT στοιχείο. Value: είναι η τιμή που παίρνει το στοιχείο. o Η ετικέτα TEXTAREA Η ετικέτα TEXTAREA απαιτεί και ετικέτα ανοίγματος και κλεισίματος και μπορεί να χρησιμοποιηθεί για να τοποθετήσει ένα πεδίο εισαγωγής κειμένου πολλαπλών γραμμών. Οι ιδιότητες σε TEXTAREA είναι οι ακόλουθες: Name: είναι το συμβολικό όνομα του τομέα εισόδων κειμένων. Rows: είναι ο αριθμός σειρών (κάθετο ύψος στους χαρακτήρες) του πεδίο εισαγωγής κειμένου Cols: είναι ο αριθμός στηλών (οριζόντιο πλάτος στους χαρακτήρες) του πεδίο εισαγωγής κειμένου Τα πεδία TEXTAREA έχουν αυτόματα scrollbars, οποιοδήποτε ποσό κειμένου μπορεί να εισαχθεί σε αυτούς. Σχόλιο Ο, τι βρίσκεται ανάμεσα σε <! ---this is a comment -- > αποτελεί σχόλιο και δεν μεταφράζεται από το πρόγραμμα ανάγνωσης. Αλεξανδριδού Ραλού-Ζωή

28 Κεφαλαίο 2 Ακολουθεί η περιγραφή των διαδικασιών εγκατάστασης και configuration του Apache, της Tcl και της. Στην συνέχεια παρουσιάζεται η γλώσσα προγραμματισμού Tcl και καθώς επίσης περιγράφεται το CGI. 2.1 Apache Web Server Ο Apache Web Server είναι ένας πολύ δημοφιλής εξυπηρετητές διαδικτύου που διανέμεται ελεύθερα στο διαδίκτυο. Αναπτύχθηκε και συντηρείται από μια ομάδα εθελοντών που ήθελαν να υλοποιήσουν έναν εύρωστο κώδικα για web server δικτύου, που να είναι εμπορικός και έχει πολλά χαρακτηριστικά. Σήμερα ο Apache θεωρείται από τους πιο σταθερούς web server δικτύου που κυκλοφορούν. Ακολουθεί η διαδικασία εγκατάστασης του Apache Web Server και η παρουσίαση των βασικών συστατικών του καθώς και των αρχείων configuration και καταγραφής. Στο site υπάρχουν πολλές εκδόσεις του Apache, συμπιεσμένες με διαφορετικές μορφές συμπίεσης. Εγκατάσταση του Apache Το Apache 1.3.xx, τρέχει στις περισσότερες εκδόσεις των Windows και παρέχει αυξημένη απόδοση και σταθερότητα. Πριν την εγκατάσταση του Apache θα πρέπει να διασφαλιστεί ότι δεν τρέχει ένας Web Server στο σύστημα σας. Αν υπάρχουν θα πρέπει να καταργηθούν ή να απενεργοποιηθούν. Αλεξανδριδού Ραλού-Ζωή

29 Εικόνα 2.1: Η Οθόνη καλωσορίσματος του οδηγού εγκατάστασης του Apache στα Windows Κάνοντας διπλό κλικ πάνω στο αρχείο εγκατάστασης που έχει μεταφερθεί, η εγκατάσταση ξεκινά. Στην οθόνη εμφανίζεται μία φόρμα καλωσορίσματος όπως παρουσιάζεται στην εικόνα 2.1. Αφού γίνει αποδοχή των όρων συμφωνίας άδειας χρήσης, ο οδηγός παρουσιάζει μια σύντομη εισαγωγή στον Apache. Πατώντας το κουμπί Next, η εγκατάσταση συνεχίζεται. Κατόπιν, ζητούνται οι βασικές πληροφορίες για τον υπολογιστή σας, όπως δείχνει η εικόνα 2.2. Σε αυτές περιλαμβάνονται, το όνομα domain του server, το πλήρες internet name του server καθώς και η διεύθυνση του ηλεκτρονικού ταχυδρομείου του διαχειριστή του web server. Στην περίπτωση μας ο server ονομάζεται Localhost. Επιλέξτε αυτό το όνομα εάν σκοπεύετε να τρέχετε τον Apache σε ένα σύστημα που δεν έχει διεύθυνση δικτύου. Αλεξανδριδού Ραλού-Ζωή

30 Αλεξανδριδού Ραλού-Ζωή

31 εικόνα 2.4: Η τελική φόρμα αναφέρει την επιτυχή ολοκλήρωση της εγκατάστασης Εκκίνηση του Apache Κάνοντας κλικ στην σύνδεση Start Apache, στην module Control Apache του μενού Start, γίνεται η εκκίνηση του Apache. Εάν η διαδικασία εξελιχθεί ομαλά τότε θα εμφανιστεί στην γραμμή εργασιών το φτερό του Apache. Για να επιβεβαιωθεί ότι ο Apache έχει εγκατασταθεί σωστά, μπορούμε μέσα από έναν browser να δούμε την προεπιλεγμένη σελίδα. Αλεξανδριδού Ραλού-Ζωή

32 2.2 Η Γλώσσα TCL/TK Η TCL είναι μια μικρή γλώσσα προγραμματισμού με σκοπό να ενσωματωθεί σε άλλα προγράμματα. Το Tk είναι ένα κουτί εργαλείων συστημάτων Χ windows που παρέχει τις γραφικές εγκαταστάσεις ενδιάμεσων με τον χρήστη σχετικά με Tcl. Και οι δυο εφαρμογές αναπτύχθηκαν από τον John Ousterhout στο πανεπιστήμιο της Καλιφόρνιας στο Μπέρκλευ. Παρόλο που η TCL παρέχει ένα πλήρες σύνολο από προγραμματιστικά χαρακτηριστικά όπως μεταβλητές, βρόχους και συναρτήσεις, έχει σκοπό να χρησιμοποιηθεί ως μέρος εφαρμογών και όχι ως μοναδικό προγραμματιστικό περιβάλλον Εγκατάσταση τις Tcl/Tk Η ActiveTcl , τρέχει στις περισσότερες εκδόσεις των Windows και παρέχει αυξημένη απόδοση και σταθερότητα. Πριν την εγκατάσταση τις Tcl θα πρέπει να διασφαλιστεί ότι δεν τρέχει ιδεί στο σύστημα σας. Αν υπάρχει θα πρέπει να καταργηθούν ή να απενεργοποιηθούν. Αλεξανδριδού Ραλού-Ζωή

33 εικόνα 2.2.1: Η οθόνη καλωσορίσματος του οδηγού εγκατάστασης τις Tcl στα Windows Κάνοντας διπλό κλικ πάνω στο αρχείο εγκατάστασης που έχει μεταφερθεί, η εγκατάσταση ξεκινά. Στην οθόνη εμφανίζεται μία φόρμα καλωσορίσματος όπως παρουσιάζεται στην εικόνα Αφού γίνει αποδοχή των όρων συμφωνίας άδειας χρήσης, ο οδηγός παρουσιάζει μια σύντομη εισαγωγή στον Apache. Πατώντας το κουμπί Next, η εγκατάσταση συνεχίζεται. Κατόπιν, ζητείται σε ποία διεύθυνση ή σε ποίο αρχείο να εγκατασταθεί η Tcl, όπως δείχνει η εικόνα Πατώντας το κουμπί Next, συνεχίζεται η εγκατάσταση. Κατόπιν, ζητείται σε ποίον φάκελο να γίνει η εγκατάσταση ( αφήνουμε την αυτόματη επιλογή τις Tcl ). Πατώντας το κουμπί Next, συνεχίζεται η εγκατάσταση. Στην συνεχεία φορτώνει τα προγράμματα που χρειάζονται για την σωστή λειτουργία η Tcl. Αλεξανδριδού Ραλού-Ζωή

34 2.2.2 Η εντολές και μεταβλητές τις TCL Για να τρέξει μια εφαρμογή TCL πρέπει να εγκατασταθεί το TCL κέλυφος (tcl shell) στο σύστημα του χρήστη. Ακολουθεί ένα παράδειγμα εντολής: Expr 2+2 Το αποτέλεσμα που δίνει η TCL είναι 4. Η παραπάνω εφαρμογή είναι μια από τις πιο απλές εφαρμογές στην TCL. Η πρώτη λέξη σε μια εντολή TCL είναι το όνομα της εντολής και ακολουθούν τα διάφορα ορίσματα. Η λέξη expr είναι μια από τις εντολές πυρήνα της TCL. Κάθε εντολή TCL επιστρέφει ένα αποτέλεσμα. Στο παραπάνω παράδειγμα την τιμή της έκφρασης. Συνήθως σε κάθε γραμμή γράφεται μια Αλεξανδριδού Ραλού-Ζωή

35 εντολή αλλά υπάρχει η δυνατότητα σε μια γραμμή να βρίσκονται περισσότερες από μια εντολές χωρισμένες με ;. Η εντολή exit, υποδεικνύει την έξοδο από το TCL κέλυφος. Το Tk παρέχει ένα ιδιαίτερα ενδιαφέρον σύνολο εντολών που χρησιμοποιούνται μαζί με τα προγραμματιστικά εργαλεία της TCL. Για την δημιουργία Tk εφαρμογών χρησιμοποιείται μια εφαρμογή που ονομάζεται wish, η οποία είναι παρόμοια με το κέλυφος της TCL αλλά περιέχει επιπλέον και τις εντολές που ορίστηκαν για το Tk Button.b-text Hello,world -command exit Pack.b Σύνταξη της γλώσσας TCL Η σύνταξη της TCL αποτελείται περίπου από μερικούς κανόνες που καθορίζουν πώς αναλύονται οι εντολές. Η σύνταξη της TCL είναι η ίδια για κάθε εντολή. Ένα πρόγραμμα TCL αποτελείται από μια ή περισσότερες εντολές. Οι εντολές χωρίζονται από τις αλλαγές γραμμής ή τα ελληνικά ερωτηματικά. Κάθε εντολή αποτελείται από μια ή περισσότερες λέξεις, όπου η πρώτη λέξη είναι το όνομα μιας εντολής και οι πρόσθετες λέξεις είναι ορίσματα της εντολής. Οι λέξεις χωρίζονται από τα κενά διαστήματα. Μπορεί να υπάρχει οποιοσδήποτε αριθμός λέξεων σε μια εντολή. Μεταβλητές Η TCL επιτρέπει την αποθήκευση τιμών σε μεταβλητές και τη χρήση τους στις διάφορες εντολές. Για παράδειγμα η εντολή: Set a 44 Δίνει στην μεταβλητή a την τιμή 44 και με την βοήθεια της expr δίνοντας την εντολή: Αλεξανδριδού Ραλού-Ζωή

36 Expr $a*4 Παίρνουμε το αποτέλεσμα 176. Μια απλή μεταβλητή της TCL αποτελείται από δυο μέρη : ένα όνομα και μια τιμή. Τόσο το όνομα όσο και η τιμή μπορούν να είναι αυθαίρετα string. Παραδείγματος χάριν, είναι δυνατό να ονομαστεί μια μεταβλητή xyz!#22. Στην πράξη τα ονόματα μεταβλητών αρχίζουν συνήθως μ ένα γράμμα και αποτελούνται από έναν συνδυασμό γραμμάτων, ψηφιών, και χαρακτήρων. Οι μεταβλητές μπορούν να δημιουργηθούν, να διαβαστούν, και να τροποποιηθούν με καθορισμένη εντολή, η οποία παίρνει ένα ή δυο ορίσματα. Το πρώτο όρισμα είναι το όνομα της μεταβλητής και το δεύτερο, εάν υπάρχει, είναι μια τιμή για τη μεταβλητή. Οι μεταβλητές της TCL μπορούν να χρησιμοποιηθούν για να αντιπροσωπεύσουν πολλά πράγματα, όπως ακέραιους αριθμούς, αριθμούς κινητής υποδιαστολής, ονόματα, κατάλογους, τα οποία αποθηκεύονται πάντα ως string. Αυτή η χρήση μιας ενιαίας αντιπροσώπευσης για όλες τις τιμές επιτρέπει στις διαφορετικές τιμές να χειρίζονται με τον ίδιο τρόπο και να επικοινωνούν εύκολα. Οι μεταβλητές της TCL δημιουργούνται αυτόματα όταν ορίζονται οι τιμές τους. Δεν υπάρχουν τύποι μεταβλητών οπότε δε χρειάζεται να ορίζονται πρώτα όπως συμβαίνει σε άλλες διαδικαστικές γλώσσες. Η εντολή UNSET Η εντολή unset καταστρέφει τις μεταβλητές. μεταβλητής. Η εντολή RENAME Με την εντολή rename μπορούμε να αλλάξουμε το όνομα μιας Αλεξανδριδού Ραλού-Ζωή

37 Αντικατάσταση Η TCL παρέχει τρεις μορφές αντικατάστασης : 1. αντικατάσταση μεταβλητής, 2. αντικατάσταση εντολής και backslash αντικατάσταση. Κάθε αντικατάσταση αναγκάζει μερικούς από τους αρχικούς χαρακτήρες μιας λέξης να αντικατασταθούν με κάποια άλλη τιμή. Οι αντικαταστάσεις μπορούν να εμφανιστούν σε οποιαδήποτε λέξη μιας εντολής, συμπεριλαμβανομένου του ονόματος εντολής και μπορεί να υπάρξει οποιοσδήποτε αριθμός αντικαταστάσεων μέσα σε μια μεμονωμένη λέξη. Η πρώτη μορφή αντικατάστασης είναι η αντικατάσταση μεταβλητής. Προκαλείται από έναν χαρακτήρα δολάριο $ και δίνει τη δυνατότητα σε μια μεταβλητή να χρησιμοποιηθεί σε μια παράσταση. Η δεύτερη μορφή αντικατάστασης παρεχόμενη από την TCL είναι η αντικατάσταση εντολής. Η αντικατάσταση εντολής αναγκάζει ένα μέρος ή όλη την εντολή να αντικατασταθεί με το αποτέλεσμα μιας άλλης εντολής TCL. Η τελευταία μορφή αντικατάστασης στην TCL είναι η backslash αντικατάσταση. Χρησιμοποιείται για να παρεμβάλει ειδικούς χαρακτήρες όπως οι αλλαγές γραμμής στις λέξεις και επίσης για να παρεμβάλει τους χαρακτήρες όπως [ και το $ χωρίς αυτά να αντιμετωπίζονται ως χαρακτήρες κλειδιά από την TCL. Πίνακες Εκτός από τις απλές μεταβλητές η Tcl παρέχει επίσης τους πίνακες. Ένας πίνακας είναι μια συλλογή στοιχείων, κάθε ένα από τα οποία είναι μια μεταβλητή με το όνομα της και την τιμή της. Το όνομα ενός στοιχείου πίνακα έχει δύο μέρη : το όνομα του πίνακα και το όνομα του στοιχείου. Τα στοιχεία πίνακα αναφέρονται για παράδειγμα με την μορφή esoda(january) όπου το όνομα του πίνακα είναι το esoda και ακολουθείται από το όνομα του στοιχείου σε παρένθεση (January). Οι πίνακες μπορούν να χρησιμοποιηθούν οπουδήποτε όπως και οι απλές μεταβλητές. Αλεξανδριδού Ραλού-Ζωή

38 Πολυδιάστατοι πίνακες Η Tcl υποστηρίζει μόνο μονοδιάστατους πίνακες, αλλά οι πολυδιάστατοι πίνακες μπορούν να προσομοιωθούν με τη σύνδεση πολλαπλών δεικτών σε ένα μοναδικό στοιχείο. Διαχείριση πίνακα Η εντολή array παρέχει πληροφορίες για τα στοιχεία που έχουν οριστεί σε έναν πίνακα. Οι πληροφορίες παρέχονται με διάφορους τρόπους, ανάλογα με το πρώτο όρισμα που παίρνουμε στην εντολή. Η εντολή array size επιστρέφει έναν αριθμό που προσδιορίζει πόσα στοιχεία υπάρχουν σε έναν πίνακα ενώ η εντολή array names επιστρέφει έναν κατάλογο με τα ονόματα των στοιχείων ενός πίνακα. Εκφράσεις Οι εκφράσεις συνδυάζουν τις τιμές με τους τελεστές για να παράγουν νέες τιμές. Παραδείγματος χάριν, η έκφραση 4+2 περιέχει δύο τελεστές, 4 και 2, και ένα τελεστή +. Πολλές εντολές της Tcl αναμένουν ένα ή περισσότερα από τα ορίσματα τους να είναι εκφράσεις. Η απλούστερη εντολή είναι η expr, η οποία υπολογίζει το αποτέλεσμα της πράξης που ορίζουν τα ορίσματα της. Οι εντολές incr και append Οι εντολές incr και append παρέχουν απλούς τρόπους αλλαγής της τιμής μιας μεταβλητής. Η incr παίρνει δύο ορίσματα, τα οποία είναι το όνομα μιας μεταβλητής και ένας ακέραιος αριθμός, ο οποίος προστίθεται στην τιμή της μεταβλητής. Για παράδειγμα : set x 4 incr x 2 Αλεξανδριδού Ραλού-Ζωή

39 Η εντολή append προσθέτει κάποιο κείμενο στο τέλος μιας μεταβλητής. Παίρνει δυο ορίσματα, τα οποία είναι το όνομα της μεταβλητής και το νέο κείμενο που θα προστεθεί. Επισυνάπτει το νέο κείμενο στη μεταβλητή και επιστρέφει τη νέα τιμή της μεταβλητής. Set x hello Append x kavala ΑΚΡΙΒΕΙΑ Κατά τη διάρκεια της αξιολόγησης μιας έκφρασης η Tcl αντιπροσωπεύει τους ακέραιους αριθμούς εσωτερικά με τον τύπο int της C, ο οποίος παρέχει τουλάχιστον 32 bit ακρίβειας στις περισσότερες μηχανές. Οι πραγματικοί αριθμοί αντιστοιχούν με τους double της C, που συνήθως αναπαρίστανται από 64 bit τιμές χρησιμοποιώντας τα ieee πρότυπα κινητής υποδιαστολής. Οι αριθμοί μετατρέπονται σε string μόνο όταν είναι απαραίτητο όπως για παράδειγμα όταν χρησιμοποιούνται σε μια εντολή expr. Όταν μια πραγματική τιμή μετατρέπεται σε string μόνο τα δώδεκα πιο σημαντικά ψηφία διατηρούνται εξ ορισμού : Expr { } Εάν θα επιθυμούσατε περισσότερα ψηφία να εμφανίζονται μπορείτε να χρησιμοποιήσετε την εντολή tcl_precision ως γενική μεταβλητή με τον επιθυμητό αριθμό σημαντικών ψηφίων : Set tcl_precision 15 Expr { } Η μεταβλητή tcl_precision χρησιμοποιείται όχι μόνο για την εντολή expr αλλά οπουδήποτε σε μια εφαρμογή Tcl όπου ένας πραγματικός αριθμός μετατρέπεται σε string. Αλεξανδριδού Ραλού-Ζωή

40 ΚΑΝΟΝΙΚΕΣ ΚΑΙ ΕΚΤΑΚΤΕΣ ΕΠΙΣΤΡΟΦΕΣ ΣΤΗΝ TCL Μια εντολή Tcl μπορεί να ολοκληρωθεί με διάφορους τρόπους. Μια κανονική επιστροφή που είναι η πιο συνηθισμένη περίπτωση σημαίνει ότι η εντολή ολοκληρώνεται επιτυχώς και η επιστροφή περιλαμβάνει το αποτέλεσμα της εφαρμογής που εκτελέσαμε. Η Tcl υποστηρίζει επίσης τις έκτακτες επιστροφές από τις εντολές. Η συχνότερη μορφή έκτακτης επιστροφής είναι ένα λάθος. Όταν μια επιστροφή λάθους εμφανίζεται, σημαίνει ότι η εντολή δεν μπορούσε να ολοκληρώσει την προοριζόμενη λειτουργία της Η εντολή αποβάλλεται και οποιεσδήποτε εντολές που ακολουθούν στον κώδικα αγνοούνται. Μια επιστροφή λάθους περιλαμβάνει ένα string προσδιορίζοντας το λάθος στην εφαρμογή. Παραδείγματος χάριν, η ακόλουθη καθορισμένη εντολή παράγει ένα λάθος επειδή έχει πάρα πολλά ορίσματα : Set state kavala drama Στην παραπάνω περίπτωση είναι απαραίτητα τα διπλά εισαγωγικά, Wrong # args: shoyld be set varname?newvalue? αφού η τιμή της μεταβλητής αποτελείται από περισσότερες από μια λέξεις. Το μήνυμα λάθους δεν είναι πάντοτε το ίδιο, αλλά διαφέρει από λάθος σε λάθος. Παραδείγματος χάριν, η εντολή expr δέχεται οποιοδήποτε αριθμό ορισμάτων αλλά απαιτεί μια ιδιαίτερη σύνταξη διαφορετικά παράγει λάθος, όπως για παράδειγμα αν δεν κλείσει η παρένθεση : Expr 3*(20+4 Syntax error in expression 3*(20+4 ΤΑ ΑΡΧΕΙΑ Οι εντολές σας επιτρέπουν να διαβάσετε ή να γράψετε αρχεία κατά ή με ένα τυχαίο τρόπο. Επίσης σας επιτρέπουν να ανακτήσετε πληροφορίες για τα αρχεία που κρατούνται από το σύστημα, όπως η ώρα της τελευταίας πρόσβασης. Τέλος μπορούν να χρησιμοποιηθούν για τον χειρισμό των ονόματος των αρχείων. Για παράδειγμα μπορείτε να αφαιρέσετε την επέκταση ενός ονόματος αρχείου ή να βρείτε τα ονόματα όλων των αρχείων που ταιριάζουν με ένα συγκεκριμένο δείγμα. Αλεξανδριδού Ραλού-Ζωή

41 Η ΛΙΣΤΕΣ Οι λίστες χρησιμοποιούνται στην Tcl για να διαχειριστούν τις συλλογές των πραγμάτων, όπως όλοι οι χρήστες σε ένα group η όλα τα αρχεία σε έναν κατάλογο ή όλες τις επιλογές για ένα widget. Οι λίστες επιτρέπουν σε σας να συγκεντρώσετε οποιοδήποτε αριθμό τιμών σε ένα μέρος, να διαμοιράσουν τη συλλογή ως ενιαία οντότητα, και να πάρουν αργότερα τις συστατικές τιμές πάλι πίσω. Μια λίστα είναι μια διατεταγμένη συλλογή στοιχείων όπου κάθε στοιχείο μπορεί να έχει τιμή ένα οποιοδήποτε string, όπως ένα αριθμό, ένα όνομα ατόμου, το όνομα ενός παραθύρου ή μια λέξη μιας εντολής Tcl. Οι λίστες αντιπροσωπεύονται ως string με μια ιδιαίτερη δομή, αυτό σημαίνει ότι μπορείτε να αποθηκεύσετε τους καταλόγους σε μεταβλητές, να τους δακτυλογραφήσετε σε εντολές και να τους τοποθετήσετε ως στοιχεία άλλων καταλόγων. ΕΛΕΓΧΟΣ ΡΟΗΣ Το παρακάτω κείμενο περιγράφει τις εντολές Tcl για τον έλεγχο της ροής της εκτέλεσης σε ένα χειρόγραφο. Οι Tcl εντολές ελέγχου ροής είναι παρόμοιες με τις δηλώσεις ελέγχου ροής στη γλώσσα προγραμματισμού C και csh, όπως είναι οι if,while,for,foreach. Η εντολή if Η εντολή if αξιολογεί μια έκφραση, ελέγχει το αποτέλεσμα της, και υπό όρους εκτελεί ένα script βασισμένο στο αποτέλεσμα. Παραδείγματος χάριν, εξετάστε την ακόλουθη εντολή, η οποία θέτει τη μεταβλητή x σε μηδέν εάν η τιμή της ήταν προηγουμένως αρνητική : If{$x<0}{ Set x 0 } Σε αυτήν την περίπτωση η if δέχεται δύο ορίσματα. Το πρώτο είναι μια έκφραση και το δεύτερο είναι ένα Tcl script. Η εντολή if αξιολογεί την έκφραση και ελέγχει το αποτέλεσμα, εάν είναι διαφορετική από το μηδέν τότε η if Αλεξανδριδού Ραλού-Ζωή

42 αξιολογεί το Tcl script. Εάν η τιμή είναι μηδέν τότε η if επιστρέφει χωρίς να κάνει τίποτα παραπάνω. Οι εντολές if μπορούν επίσης να περιλάβουν μια ή περισσότερες προτάσεις else if με πρόσθετους ελέγχους και scripts, συν μια τελική else πρόταση με ένα script για να αξιολογήσει εάν κανένας έλεγχος δεν πετυχαίνει. Εντολές Βρόχων : while, for and foreach Η Tcl παρέχει τρεις εντολές για τον έλεγχο των βρόχων: while, for and foreach. Η while και η for είναι όμοιες με τις αντίστοιχες δηλώσεις της C και η foreach είναι όμοια με το αντίστοιχο χαρακτηριστικό γνώρισμα στο κέλυφος csh. Κάθε μια από αυτές τις εντολές εκτελεί ένα εμφωλευμένο script επανειλημμένως, αλλά διαφέρουν στα είδη οργάνωσης που κάνουν πριν από κάθε επανάληψη και στους τρόπους που αποφασίζουν να τερματίσουν το βρόχο. Η εντολή while παίρνει δύο ορίσματα : μια έκφραση και ένα Tcl script. Η εντολή for είναι παρόμοια με την while εκτός του ότι παρέχει τον περισσότερο σαφή έλεγχο βρόχων. καταλόγου. Η εντολή foreach επαναλαμβάνεται πάνω από τα στοιχεία ενός Βασικά διαδικασίας: return Εάν επιθυμείτε μια διαδικασία να δώσει επιστροφή νωρίς χωρίς εκτέλεση ολόκληρου του script της, μπορεί να καλέσετε την εντολή return, η οποία αναγκάζει την εσωτερική διαδικασία να επιστρέψει αμέσως και το όρισμα της return θα είναι το αποτέλεσμα της διαδικασίας. Εδώ είναι μια εφαρμογή του παραγοντικού που χρησιμοποιεί την return: Αλεξανδριδού Ραλού-Ζωή

43 Proc fact x { <= 1} { return 1 } expr $x*[fact[expr $x-1]]} fact 3 6 fact 0 1 Εάν το όρισμα στην fact είναι λιγότερο ή ίσο προς ένα τότε η fact καλεί την return και επιστρέφει αμέσως 1. Διαφορετικά εκτελεί την εντολή expr. Η εντολή expr είναι τελευταία στο σώμα της διαδικασίας, έτσι το αποτέλεσμα της επιστρέφεται ως αποτέλεσμα της διαδικασίας. 2.3 Εισαγωγή στην Apache Το Apache είναι ένα σύστημα για την δημιουργία δυναμικού ιστού που ικανοποιείται μέσω μιας προγραμματισμένη γλώσσα, ολοκληρωμένη με το Apache Web Server. Είναι σχεδιασμένη να είναι γρήγορη, δυναμικοί και έκτακτη, καταναλώνοντας ελάχιστες πήγες από το σύστημα, εύκολα να την μάθεις και παρέχοντας στον χρηστή μια πλατφόρμα οι οποία μπορεί επίσης να χρησιμοποιηθεί και για άλλα προγραμματισμένα μαθήματα εκτός ιστού όπως ( GUI S, συστήματα διεύθυνσης μαθημάτων, κείμενα μεθόδους με χειρισμό την ΒΔ, XML, και άλλα).για να συνάντησης αυτούς τους σκοπούς, έχουμε επιλέξει την γλώσσα προγραμματισμού TCL που συνδυάζεται με το Apache Web Server. Αλεξανδριδού Ραλού-Ζωή

44 2.3.2 Εγκατάσταση του Apache Για να εγκαταστήσετε το, θα χρειασθείτε την Tcl η και μεγαλύτερο και το Apache 1.3.xx. Είναι γνωστό ότι τρέχει στο Linux, FreeBSD, OpenBSD, Solaris, HPUX και στα Windows XP. εικόνα 2.3.1: Η οθόνη καλωσορίσματος του οδηγού εγκατάστασης τις Tcl στα Windows Αλεξανδριδού Ραλού-Ζωή

45 Κάνοντας διπλό κλικ πάνω στο αρχείο εγκατάστασης που έχει μεταφερθεί, η εγκατάσταση ξεκινά. Στην οθόνη εμφανίζεται μία φόρμα καλωσορίσματος όπως παρουσιάζεται στην εικόνα Αφού γίνει αποδοχή των όρων συμφωνίας άδειας χρήσης, ο οδηγός παρουσιάζει μια σύντομη εισαγωγή στον Apache. Πατώντας το κουμπί Next, η εγκατάσταση συνεχίζεται. Στην συνεχεία εμφανίζεται μια φόρμα που ζητάει να επιλέξετε τα εξαρτήματα που θα εγκαταστήσετε. Επιλέγεται και τις τρεις (Documentation, Modifyhttpd.conf and Test files),όπως παρουσιάζεται στην εικόνα Πατώντας το κουμπί Next εμφανίζεται η επόμενη φόρμα που σας ζητάει να επιλέξετε που θα εντοπίζεται η, επιλέγεται C:/Tcl (όπως φαίνεται στην εικόνα 2.3.3)και πατώντας το κουμπί Next, συνεχίζεται η εγκατάσταση. Πατώντας το κουμπί Next εμφανίζεται η επόμενη φόρμα που σας ζητάει να επιλέξετε που θα εντοπίζεται η μέσου του Apache, επιλέγεται C:\Program Files\ApacheGroup\Apache (όπως φαίνεται στην εικόνα 2.3.4). Αλεξανδριδού Ραλού-Ζωή

Άσκηση 6 Επαναληπτική Άσκηση HTML

Άσκηση 6 Επαναληπτική Άσκηση HTML Άσκηση 6 Επαναληπτική Άσκηση HTML ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει τον τύπο του αρχείου Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο

Διαβάστε περισσότερα

Η γλώσσα HTML. Επιμέλεια: Δέγγλερη Σοφία

Η γλώσσα HTML. Επιμέλεια: Δέγγλερη Σοφία Η γλώσσα HTML Επιμέλεια: Δέγγλερη Σοφία Υπερκείμενο Το δομικό χαρακτηριστικό του Παγκόσμιου Ιστού Ένα αρχείο Απλό κείμενο και υπερσύνδεσμοι Υπερσύνδεσμος Μετάβαση σε διάφορα άλλα έγγραφα Αποτελείται από

Διαβάστε περισσότερα

Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML

Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο για το αρχείο Ορίζει το σώµα της background URL

Διαβάστε περισσότερα

ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ. Κεφάλαιο 5. Αλληλεπιδραστικές ιστοσελίδες (χρήση ετικέτας
και η τεχνική CGI)

ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ. Κεφάλαιο 5. Αλληλεπιδραστικές ιστοσελίδες (χρήση ετικέτας <FORM> και η τεχνική CGI) ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ Κεφάλαιο 5. Αλληλεπιδραστικές ιστοσελίδες (χρήση ετικέτας και η τεχνική CGI) Επιμέλεια: Καραγιάννης Σπύρος Καθηγητής ΠΕ19 ΦΟΡΜΕΣ (FORM) Είναι ο κύριος

Διαβάστε περισσότερα

TEC510 Ανάπτυξη Δικτυακών Τόπων (Ε εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Γιώργος Μηλιώτης

TEC510 Ανάπτυξη Δικτυακών Τόπων (Ε εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Γιώργος Μηλιώτης TEC510 Ανάπτυξη Δικτυακών Τόπων (Ε εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Γιώργος Μηλιώτης Χειμερινό εξάμηνο 2011-2012 Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό

Διαβάστε περισσότερα

Εισαγωγη στην html. Η δομή μιας ιστοσελίδας (αρχείο html) Η βασική δομή ενός αρχείου html είναι η εξής:

Εισαγωγη στην html. Η δομή μιας ιστοσελίδας (αρχείο html) Η βασική δομή ενός αρχείου html είναι η εξής: <html> <head> Εισαγωγη στην html Ο παγκόσμιος ιστός (αγγ.: World Wide Web ή www) είναι η πιο δημοφιλής υπηρεσία που μας παρέχει το Διαδίκτυο (Internet) και είναι ένα σύστημα διασυνδεδεμένων πληροφοριών (κειμένου, εικόνας,

Διαβάστε περισσότερα

Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html. Χρ. Ηλιούδης

Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html. Χρ. Ηλιούδης Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html Χρ. Ηλιούδης Παγκόσμιος Ιστός (WWW) Ο Παγκόσμιος Ιστός (World Wide Web WWW), ή απλώς Ιστός, βασίζεται στην ιδέα των κατανεμημένων πληροφοριών. Αντί όλες

Διαβάστε περισσότερα

Παράρτημα A: PHP, HTML φόρμες και το πρωτόκολλο HTTP.

Παράρτημα A: PHP, HTML φόρμες και το πρωτόκολλο HTTP. Εργαστήριο #5 Τι πρέπει να έχετε ολοκληρώσει από το προηγούμενο εργαστήριο. Θα πρέπει να ξέρετε να εισάγετε ένα βασικό πρόγραμμα PHP μέσα σε μια ιστοσελίδα, τη χρήση της echo και τον χειρισμό απλών μεταβλητών

Διαβάστε περισσότερα

ΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης

ΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης Σελίδα 1από ΤΕΙ ΚΑΒΑΛΑΣ Πτυχιακή εργασία Δικτυακή Εφαρμογή διαχείρισης ηλεκτρονικών εγγράφων υπηρεσίας. ΕΙΣΑΓΩΓΗ Μιλτιάδης Κακλαμάνης Σελίδα 2από Κατάλογος περιεχομένων ΕΙΣΑΓΩΓΗ...1 Σχετιζόμενα πρόσωπα...3

Διαβάστε περισσότερα

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί

Διαβάστε περισσότερα

2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ

2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ 2014 2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ H HTML είναι μία γλώσσα σήμανσης και αποτελεί την κύρια γλώσσα δημιουργίας ιστοσελίδων του διαδικτύου. Είναι το ακρωνύμιο των λέξεων HyperText

Διαβάστε περισσότερα

Ετικέτες HTML. : Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον

Ετικέτες HTML. <!-->: Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον Ετικέτες HTML : Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον πηγαίο κώδικα για να διευκολύνουμε την επεξεργασία και την συντήρηση του αρχείου. Τα σχόλια δεν εμφανίζονται στην οθόνη

Διαβάστε περισσότερα

Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους

Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους Με την γλώσσα περιγραφής υπερ-κειμένου (HTML) μπορούμε να σχεδιάζουμε ιστοσελίδες. Η HyperText Markup Language βασίζεται στην SGML (Standard Generalized

Διαβάστε περισσότερα

ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ

ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ Βαγγελιώ Καβακλή Τμήμα Πολιτισμικής Τεχνολογίας & Επικοινωνίας 8 Μαρτίου 2001 Hypertext Markup Language (HTML)! Σε μια ιστοσελίδα μπορούν να εμφανίζονται διαφορετικά

Διαβάστε περισσότερα

ΟΔΗΓΟΣ ΧΡΗΣΗΣ(ΜΑΝUΑL) ΔΙΑΧΕΙΡΙΣΤΗ-ΧΡΗΣΤΗ.

ΟΔΗΓΟΣ ΧΡΗΣΗΣ(ΜΑΝUΑL) ΔΙΑΧΕΙΡΙΣΤΗ-ΧΡΗΣΤΗ. ΟΔΗΓΟΣ ΧΡΗΣΗΣ(ΜΑΝUΑL) ΔΙΑΧΕΙΡΙΣΤΗ-ΧΡΗΣΤΗ. Οδηγός Διαχειριστή Το m-learning Toolkit είναι μια ολοκληρωμένη πλατφόρμα εξ αποστάσεως εκπαίδευσης που έχει σχεδιαστεί για να υπάρχει η δυνατότητα της πρόσβασης

Διαβάστε περισσότερα

ΑΣΠΑΙΤΕ. ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α. Υπερκείμενο και HTML. Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :...

ΑΣΠΑΙΤΕ. ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α. Υπερκείμενο και HTML. Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :... ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α Υπερκείμενο και HTML ΑΣΠΑΙΤΕ Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :... Η HTML (HyperText Markup Language) είναι η γλώσσα που χρησιμοποιείται για να περιγράψει τη δομή και τη διαμόρφωση

Διαβάστε περισσότερα

Πίνακες HTML. Παναγιώτης Γαλάτης 1ο ΕΠΑΛ Ηρακλείου

Πίνακες HTML. Παναγιώτης Γαλάτης 1ο ΕΠΑΛ Ηρακλείου Πίνακες HTML Παναγιώτης Γαλάτης 1ο ΕΠΑΛ Ηρακλείου Τι είναι Πίνακας Ένας πίνακας στοιχείων αποτελείται από γραμμές και στήλες. Το σημείο τομής μιας γραμμής και μιας στήλης ονομάζεται κελί (cell( cell).

Διαβάστε περισσότερα

Εγχειρίδιο διαχείρισης χρηστών και λιστών διανομής για τον Υπεύθυνο Φορέα του Δικτύου "Σύζευξις" -1-

Εγχειρίδιο διαχείρισης χρηστών και λιστών διανομής για τον Υπεύθυνο Φορέα του Δικτύου Σύζευξις -1- -1- 1 Διαχείριση Χρηστών...3 1.1 Υπηρεσίες...5 1.1.1 Δημιουργία νέου χρήστη...6 1.1.2 Αναζήτηση χρήστη...7 1.1.2 Επεξεργασία στοιχείων χρήστη...8 1.1.3 Δημιουργία /Επεξεργασία mailbox plan...10 1.1.4 Ενεργοποίηση

Διαβάστε περισσότερα

XAMPP Apache MySQL PHP javascript xampp

XAMPP Apache MySQL PHP javascript xampp XAMPP Το xampp είναι ένα δωρεάν πρόγραμμα με το οποίο μπορούμε να κάνουμε εγκατάσταση τον Apache, τη MySQL και την PHP. Apache. Ο Apache είναι ένας Web Server. Είναι δηλαδή πρόγραμμα το οποίο τρέχει μόνιμα

Διαβάστε περισσότερα

Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML)

Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML) Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML) 1. Δημιουργία μιας απλής σελίδας HTML Ανοίξτε το Notepad ακολουθώντας τη διαδρομή Start All Programs Accessories Notepad Πληκτρολογήστε το ακόλουθο κείμενο:

Διαβάστε περισσότερα

<BODY></a> </h3> <p> <img alt="<HTML> <HEAD> <TITLE> <BODY>" title="<HTML> <HEAD> <TITLE> <BODY>" class="news-block-img pull-right" src="/thumbs/26/2082816.jpg"> ΑΣΚΗΣΗ 1 1. Ανοίξτε τον επεξεργαστή ιστοσελίδων 2. Αποθηκεύστε στο X:/mathimata/html/askiseis/ με όνομα askisi1b.html 3. Θα φτιάξουμε μια νέα ιστοσελίδα, χρησιμοποιώντας τις βασικές ετικέτες </p> <a href="/2082816-Html-head-title-body.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/38464084-Syllogi-kai-epexergasia-dedomenon-me-formes.html">Συλλογή και Επεξεργασία Δεδομένων με Φόρμες</a> </h3> <p> <img alt="Συλλογή και Επεξεργασία Δεδομένων με Φόρμες" title="Συλλογή και Επεξεργασία Δεδομένων με Φόρμες" class="news-block-img pull-right" src="/thumbs/56/38464084.jpg"> Συλλογή και Επεξεργασία Δεδομένων με Φόρμες Οι φόρμες αποτελούν τον πιο δημοφιλή τρόπο για τη συλλογή δεδομένων μέσω του World Wide Web (WWW). Επιτρέπουν στους χρήστες να επικοινωνούν με τη βοήθεια του </p> <a href="/38464084-Syllogi-kai-epexergasia-dedomenon-me-formes.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34833199-Tec410-anaptyxi-diktyakon-topon-d-examino.html">TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)</a> </h3> <p> <img alt="TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)" title="TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)" class="news-block-img pull-right" src="/thumbs/54/34833199.jpg"> TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί </p> <a href="/34833199-Tec410-anaptyxi-diktyakon-topon-d-examino.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34692357-Ref-slws-1-5copyright-2005-the-european-computer-driving-licence-foundation-ltd-selida-1-apo-7.html">Ref.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7</a> </h3> <p> <img alt="Ref.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7" title="Ref.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7" class="news-block-img pull-right" src="/thumbs/54/34692357.jpg"> The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7 ΣΤΟΧΟΙ ΕΞΕΤΑΣΗΣ Η ενότητα ECDL WebStarter απαιτεί από τον Υποψήφιο να κατανοεί τις κύριες έννοιες της σχεδίασης και δημοσίευσης δικτυακών </p> <a href="/34692357-Ref-slws-1-5copyright-2005-the-european-computer-driving-licence-foundation-ltd-selida-1-apo-7.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9931864-6-eisagogi-sto-wordpress-3-x.html">6 Εισαγωγή στο Wordpress 3.x</a> </h3> <p> <img alt="6 Εισαγωγή στο Wordpress 3.x" title="6 Εισαγωγή στο Wordpress 3.x" class="news-block-img pull-right" src="/thumbs/27/9931864.jpg"> Περιεχόμενα 1 Εγκατάσταση του WordPress... 11 Ελάχιστες απαιτήσεις... 11 Easy PHP... 12 Εγκατάσταση Easy PHP... 12 Βήματα εγκατάστασης EasyPHP με εικόνες... 13 Το EasyPHP στα Ελληνικά... 17 Κατέβασμα και </p> <a href="/9931864-6-eisagogi-sto-wordpress-3-x.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2256573-Synoptikos-odigos-hrisis-toy-moodle-gia-ton-kathigiti.html">Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή</a> </h3> <p> <img alt="Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή" title="Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή" class="news-block-img pull-right" src="/thumbs/24/2256573.jpg"> Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή 1 Πίνακας Περιεχομένων 1. Εισαγωγή... 4 1.1 Περιβάλλον Moodle...4 1.2 Χρήση ονόματος χρήστη και κωδικού...4 1.3 Δημιουργία νέου μαθήματος...4 1.3.1 </p> <a href="/2256573-Synoptikos-odigos-hrisis-toy-moodle-gia-ton-kathigiti.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4916933-Menoy-provoli-provoles-eggrafoy.html">Μενού Προβολή. Προβολές εγγράφου</a> </h3> <p> <img alt="Μενού Προβολή. Προβολές εγγράφου" title="Μενού Προβολή. Προβολές εγγράφου" class="news-block-img pull-right" src="/thumbs/25/4916933.jpg"> Μενού Προβολή Προβολές εγγράφου Το Word παρέχει πέντε διαφορετικού είδους προβολές στον χρήστη, οι οποίες και βρίσκονται στο μενού Προβολή (View). Εναλλακτικά μπορούμε να επιλέξουμε το είδος προβολής που </p> <a href="/4916933-Menoy-provoli-provoles-eggrafoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2455951-Blog-sto-wordpress-epimeleia-deggleri-sofia.html">Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία</a> </h3> <p> <img alt="Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία" title="Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία" class="news-block-img pull-right" src="/thumbs/24/2455951.jpg"> Blog στο Wordpress Επιμέλεια: Δέγγλερη Σοφία Περιεχόμενα Μετάβαση στο blog Σύνδεση ως διαχειριστής Πίνακας ελέγχου Εμφάνιση Ρυθμίσεις Άρθρα Σελίδες Πολυμέσα Σύνδεσμοι Widgets Μετάβαση στο blog Πληκτρολογούμε </p> <a href="/2455951-Blog-sto-wordpress-epimeleia-deggleri-sofia.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3858593-Sholi-koinonikon-epistimon-tmima-politismikis-tehnologias-kai-epikoinonias.html">Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας</a> </h3> <p> <img alt="Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας" title="Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας" class="news-block-img pull-right" src="/thumbs/24/3858593.jpg"> Πανεπιστήμιο Αιγαίου Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας Δικτυακά Πολυμέσα Ι (Β Έτος, 3ο εξ) Διάλεξη #5η: HTML: πίνακες (tables), πλαίσια (frames) Γαβαλάς Δαμιανός </p> <a href="/3858593-Sholi-koinonikon-epistimon-tmima-politismikis-tehnologias-kai-epikoinonias.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/33359887-Kefalaio-11-eisagogi-stin-html-efarmoges-pliroforikis-kef-11-karamaoynas-polykarpos.html">Κεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος</a> </h3> <p> <img alt="Κεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος" title="Κεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος" class="news-block-img pull-right" src="/thumbs/54/33359887.jpg"> Κεφάλαιο 11: Εισαγωγή στην HTML 1 11.1 Γενική εισαγωγή στην HTML Τι είναι η HTML HyperText Markup Language - Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου είναι η βασική γλώσσα με την οποία πραγματοποιείται η δόμηση </p> <a href="/33359887-Kefalaio-11-eisagogi-stin-html-efarmoges-pliroforikis-kef-11-karamaoynas-polykarpos.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2082577-Meros-3-o-vasikes-ennoies-gia-dynamikes-istoselides.html">Μέρος 3 ο : Βασικές Έννοιες για δυναμικές ιστοσελίδες</a> </h3> <p> <img alt="Μέρος 3 ο : Βασικές Έννοιες για δυναμικές ιστοσελίδες" title="Μέρος 3 ο : Βασικές Έννοιες για δυναμικές ιστοσελίδες" class="news-block-img pull-right" src="/thumbs/26/2082577.jpg"> Μέρος 3 ο : Βασικές Έννοιες για δυναμικές ιστοσελίδες Εισαγωγή-Σκοπός. Τρόποι δημιουργίας δυναμικών ιστοσελίδων. Dynamic Web Pages. Dynamic Web Page Development Using Dreamweaver. Τρόποι δημιουργίας δυναμικών </p> <a href="/2082577-Meros-3-o-vasikes-ennoies-gia-dynamikes-istoselides.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/37623446-Egheiridio-foititi-course-management-platform-eisagogi-for-universities-omada-asyghronis-tilekpaideysis-pan-makedonias-septemvrios-2004.html">Εγχειρίδιο Φοιτητή. Course Management Platform. Εισαγωγή. for Universities Ομάδα Ασύγχρονης Τηλεκπαίδευσης Παν. Μακεδονίας Σεπτέμβριος 2004</a> </h3> <p> <img alt="Εγχειρίδιο Φοιτητή. Course Management Platform. Εισαγωγή. for Universities Ομάδα Ασύγχρονης Τηλεκπαίδευσης Παν. Μακεδονίας Σεπτέμβριος 2004" title="Εγχειρίδιο Φοιτητή. Course Management Platform. Εισαγωγή. for Universities Ομάδα Ασύγχρονης Τηλεκπαίδευσης Παν. Μακεδονίας Σεπτέμβριος 2004" class="news-block-img pull-right" src="/thumbs/55/37623446.jpg"> Εγχειρίδιο Φοιτητή Εισαγωγή Η ηλεκτρονική πλατφόρμα, αποτελεί ένα ολοκληρωμένο σύστημα Ασύγχρονης Τηλεκπαίδευσης. Στόχος της είναι η παροχή υποδομών εκπαίδευσης και κατάρτισης ανεξάρτητα από τους περιοριστικούς </p> <a href="/37623446-Egheiridio-foititi-course-management-platform-eisagogi-for-universities-omada-asyghronis-tilekpaideysis-pan-makedonias-septemvrios-2004.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1958831-Dynamikes-istoselides-eisagogi-stin-javascript-gia-programmatismo-stin-pleyra-toy-client.html">Δυναμικές Ιστοσελίδες Εισαγωγή στην Javascript για προγραμματισμό στην πλευρά του client</a> </h3> <p> <img alt="Δυναμικές Ιστοσελίδες Εισαγωγή στην Javascript για προγραμματισμό στην πλευρά του client" title="Δυναμικές Ιστοσελίδες Εισαγωγή στην Javascript για προγραμματισμό στην πλευρά του client" class="news-block-img pull-right" src="/thumbs/23/1958831.jpg"> ΕΣΔ 516 Τεχνολογίες Διαδικτύου Δυναμικές Ιστοσελίδες Εισαγωγή στην Javascript για προγραμματισμό στην πλευρά του client Περιεχόμενα Περιεχόμενα Javascript και HTML Βασική σύνταξη Μεταβλητές Τελεστές Συναρτήσεις </p> <a href="/1958831-Dynamikes-istoselides-eisagogi-stin-javascript-gia-programmatismo-stin-pleyra-toy-client.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30203942-Ti-einai-i-html-ti-einai-oi-etiketes-tags-pos-einai-mia-etiketa-tag.html">Τι είναι η HTML; Τί είναι οι ετικέτες (tags); Πώς είναι μια ετικέτα (tag);</a> </h3> <p> <img alt="Τι είναι η HTML; Τί είναι οι ετικέτες (tags); Πώς είναι μια ετικέτα (tag);" title="Τι είναι η HTML; Τί είναι οι ετικέτες (tags); Πώς είναι μια ετικέτα (tag);" class="news-block-img pull-right" src="/thumbs/52/30203942.jpg"> Τι είναι η HTML; Η HTML είναι το ακρώνυμο από το Hyper Text Markup Language που σημαίνει γλώσσα χαρακτηρισμού υπερκειμένου. Η χρήση μιας γλώσσας χαρακτηρισμού σημαίνει ότι γράφεται πρώτα το κείμενο και </p> <a href="/30203942-Ti-einai-i-html-ti-einai-oi-etiketes-tags-pos-einai-mia-etiketa-tag.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/43563687-Periehomena-kefalaio-1-eisagogi-stin-access-kefalaio-2-heirismos-pinakon-27.html">Περιεχόμενα. Κεφάλαιο 1 Εισαγωγή στην Access Κεφάλαιο 2 Χειρισμός πινάκων... 27</a> </h3> <p> <img alt="Περιεχόμενα. Κεφάλαιο 1 Εισαγωγή στην Access Κεφάλαιο 2 Χειρισμός πινάκων... 27" title="Περιεχόμενα. Κεφάλαιο 1 Εισαγωγή στην Access Κεφάλαιο 2 Χειρισμός πινάκων... 27" class="news-block-img pull-right" src="/thumbs/59/43563687.jpg"> Περιεχόμενα Κεφάλαιο 1 Εισαγωγή στην Access... 9 Γνωριμία με την Access... 12 Δημιουργία βάσης δεδομένων... 22 Άνοιγμα και κλείσιμο βάσης δεδομένων... 24 Ερωτήσεις ανακεφαλαίωσης... 25 Πρακτική εξάσκηση... </p> <a href="/43563687-Periehomena-kefalaio-1-eisagogi-stin-access-kefalaio-2-heirismos-pinakon-27.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30503265-Askisi-5-diuioyrgia-istoselidon-ue-html-ueros-5-o.html">Άσκηση 5 -Δηµιουργία ιστοσελίδων µε HTML µέρος 5 ο</a> </h3> <p> <img alt="Άσκηση 5 -Δηµιουργία ιστοσελίδων µε HTML µέρος 5 ο" title="Άσκηση 5 -Δηµιουργία ιστοσελίδων µε HTML µέρος 5 ο" class="news-block-img pull-right" src="/thumbs/52/30503265.jpg"> Άσκηση 5 -Δηµιουργία ιστοσελίδων µε HTML µέρος 5 ο HTML Φόρµες Για να δηµιουργήσουµε µια φόρµα στην οποία θα γράφουν σχόλια ή παρατηρήσεις οι επισκέπτες των σελίδων µας, χρειαζόµαστε την ετικέτα . </p> <a href="/30503265-Askisi-5-diuioyrgia-istoselidon-ue-html-ueros-5-o.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9732246-Tehnologiko-panepistimio-kyproy.html">ΤΕΧΝΟΛΟΓΙΚΟ ΠΑΝΕΠΙΣΤΉΜΙΟ ΚYΠΡΟΥ</a> </h3> <p> <img alt="ΤΕΧΝΟΛΟΓΙΚΟ ΠΑΝΕΠΙΣΤΉΜΙΟ ΚYΠΡΟΥ" title="ΤΕΧΝΟΛΟΓΙΚΟ ΠΑΝΕΠΙΣΤΉΜΙΟ ΚYΠΡΟΥ" class="news-block-img pull-right" src="/thumbs/27/9732246.jpg"> ΤΕΧΝΟΛΟΓΙΚΟ ΠΑΝΕΠΙΣΤΉΜΙΟ ΚYΠΡΟΥ ΟΔΗΓΟΣ ΣΥΝΔΕΣΗΣ ΣΤO ΔΙΚΤΥΟ ΤΟΥ ΤΠΚ ΜΕΣΩ ΤΗΣ ΥΠΗΡΕΣΙΑΣ ΑΠΟΜΑΚΡΥΣΜΕΝΗΣ ΠΡΟΣΒΑΣΗΣ VPN ΥΣΠΤ Η υπηρεσία πρόσβασης στο δίκτυο δεδομένων του ΤΠΚ μέσω εικονικού ιδιωτικού δικτύου </p> <a href="/9732246-Tehnologiko-panepistimio-kyproy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2302403-Logismiki-efarmogi-diaheirisis-erotimatologion-odigos-hrisis-system-symvoyleytiki-a-e.html">Λογισμική Εφαρμογή Διαχείρισης Ερωτηματολογίων ΟΔΗΓΟΣ ΧΡΗΣΗΣ System Συμβουλευτική Α.Ε</a> </h3> <p> <img alt="Λογισμική Εφαρμογή Διαχείρισης Ερωτηματολογίων ΟΔΗΓΟΣ ΧΡΗΣΗΣ System Συμβουλευτική Α.Ε" title="Λογισμική Εφαρμογή Διαχείρισης Ερωτηματολογίων ΟΔΗΓΟΣ ΧΡΗΣΗΣ System Συμβουλευτική Α.Ε" class="news-block-img pull-right" src="/thumbs/24/2302403.jpg"> σχετικά με τον έλεγχο της καπνιστικής συνήθειας 1 22 Λογισμικές εφαρμογές καταγραφής και αξιοποίησης πληροφοριών σχετικά με τον έλεγχο της καπνιστικής συνήθειας Λογισμική Εφαρμογή Διαχείρισης Ερωτηματολογίων </p> <a href="/2302403-Logismiki-efarmogi-diaheirisis-erotimatologion-odigos-hrisis-system-symvoyleytiki-a-e.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30449192-Odigies-hristi-gia-to-programma-ilektronikis-taxis.html">ΟΔΗΓΙΕΣ ΧΡΗΣΤΗ ΓΙΑ ΤΟ ΠΡΟΓΡΑΜΜΑ ΗΛΕΚΤΡΟΝΙΚΗΣ ΤΑΞΗΣ</a> </h3> <p> <img alt="ΟΔΗΓΙΕΣ ΧΡΗΣΤΗ ΓΙΑ ΤΟ ΠΡΟΓΡΑΜΜΑ ΗΛΕΚΤΡΟΝΙΚΗΣ ΤΑΞΗΣ" title="ΟΔΗΓΙΕΣ ΧΡΗΣΤΗ ΓΙΑ ΤΟ ΠΡΟΓΡΑΜΜΑ ΗΛΕΚΤΡΟΝΙΚΗΣ ΤΑΞΗΣ" class="news-block-img pull-right" src="/thumbs/52/30449192.jpg"> ΟΔΗΓΙΕΣ ΧΡΗΣΤΗ ΓΙΑ ΤΟ ΠΡΟΓΡΑΜΜΑ ΗΛΕΚΤΡΟΝΙΚΗΣ ΤΑΞΗΣ CLAROLINE Κατάλογος περιεχομένων Εγγραφή μαθητή στο Claroline...2 Εγγραφή σε μάθημα...3 Τα μαθήματά μου...4 Αλλαγή του προφίλ μου (Manage my account)...4 </p> <a href="/30449192-Odigies-hristi-gia-to-programma-ilektronikis-taxis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31845264-Blog-sto-wordpress-epimeleia-deggleri-sofia.html">Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία</a> </h3> <p> <img alt="Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία" title="Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία" class="news-block-img pull-right" src="/thumbs/53/31845264.jpg"> Blog στο Wordpress Επιμέλεια: Δέγγλερη Σοφία Περιεχόμενα Μετάβαση στο blog Σύνδεση ως διαχειριστής Πίνακας ελέγχου Εμφάνιση Ρυθμίσεις Άρθρα Σελίδες Πολυμέσα Σύνδεσμοι Μετάβαση στο blog Πληκτρολογούμε στη </p> <a href="/31845264-Blog-sto-wordpress-epimeleia-deggleri-sofia.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10420296-Egheiridio-mathiti-tis-platformas-tilekatartisis.html">ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ. της Πλατφόρμας Τηλεκατάρτισης</a> </h3> <p> <img alt="ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ. της Πλατφόρμας Τηλεκατάρτισης" title="ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ. της Πλατφόρμας Τηλεκατάρτισης" class="news-block-img pull-right" src="/thumbs/27/10420296.jpg"> ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ της Πλατφόρμας Τηλεκατάρτισης ΠΕΡΙΕΧΟΜΕΝΑ 1. Εισαγωγή...2 2. Αρχική σελίδα, Εισαγωγή & Περιβάλλον Συστήματος...3 2.1. Αρχική σελίδα εισαγωγής...3 2.2. Εισαγωγή στην Πλατφόρμα Τηλε-κατάρτισης...4 </p> <a href="/10420296-Egheiridio-mathiti-tis-platformas-tilekatartisis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/29802723-I-proti-parametros-einai-ena-alfarithmitiko-morfopoiisis.html">Η πρώτη παράμετρος είναι ένα αλφαριθμητικό μορφοποίησης</a> </h3> <p> <img alt="Η πρώτη παράμετρος είναι ένα αλφαριθμητικό μορφοποίησης" title="Η πρώτη παράμετρος είναι ένα αλφαριθμητικό μορφοποίησης" class="news-block-img pull-right" src="/thumbs/52/29802723.jpg"> Η συνάρτηση printf() Η συνάρτηση printf() χρησιμοποιείται για την εμφάνιση δεδομένων στο αρχείο εξόδου stdout (standard output stream), το οποίο εξ ορισμού συνδέεται με την οθόνη Η συνάρτηση printf() δέχεται </p> <a href="/29802723-I-proti-parametros-einai-ena-alfarithmitiko-morfopoiisis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31456968-Programmatistika-ergaleia-gia-to-diadiktyo.html">ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ</a> </h3> <p> <img alt="ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ" title="ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ" class="news-block-img pull-right" src="/thumbs/53/31456968.jpg"> ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ Κεφάλαιο 4. Η γλώσσα HTML Επιμέλεια: Καραγιάννης Σπύρος Καθηγητής ΠΕ19 Βασικοί κανόνες σύνταξης HTML ομή σελίδας HTML Μορφοποίηση κειμένου Κατάλογοι Εισαγωγή </p> <a href="/31456968-Programmatistika-ergaleia-gia-to-diadiktyo.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31409319-11-4-2014-tei-ionion-nison-platforua-asyghronis-tilekpaideysis-eclass-s-iuio-i-yr-y-g-r-ia-i-m-athiuato-t-s-1.html">11/4/2014 ΤΕΙ Ιονίων Νήσων Πλατφόρµα Ασύγχρονησ Τηλεκπαίδευσησ eclass s ηµιο ι υρ υ γ ρ ία ί Μ αθήµατο τ σ 1</a> </h3> <p> <img alt="11/4/2014 ΤΕΙ Ιονίων Νήσων Πλατφόρµα Ασύγχρονησ Τηλεκπαίδευσησ eclass s ηµιο ι υρ υ γ ρ ία ί Μ αθήµατο τ σ 1" title="11/4/2014 ΤΕΙ Ιονίων Νήσων Πλατφόρµα Ασύγχρονησ Τηλεκπαίδευσησ eclass s ηµιο ι υρ υ γ ρ ία ί Μ αθήµατο τ σ 1" class="news-block-img pull-right" src="/thumbs/53/31409319.jpg"> ΤΕΙ Ιονίων Νήσων Πλατφόρµα Ασύγχρονης Τηλεκπαίδευσης eclass ηµιουργία Μαθήµατος 1 Η ηµιουργία Μαθήµατος είναι η πιο σηµαντική ενέργεια του χρήστη Εκπαιδευτή στην πλατφόρµα. Ειδικότερα, για να δηµιουργήσετε </p> <a href="/31409319-11-4-2014-tei-ionion-nison-platforua-asyghronis-tilekpaideysis-eclass-s-iuio-i-yr-y-g-r-ia-i-m-athiuato-t-s-1.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/33590486-Olokliromeno-systima-tilekatartisis-e-agiografia.html">ΟΛΟΚΛΗΡΩΜΕΝΟ ΣΥΣΤΗΜΑ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ E-AGIOGRAFIA</a> </h3> <p> <img alt="ΟΛΟΚΛΗΡΩΜΕΝΟ ΣΥΣΤΗΜΑ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ E-AGIOGRAFIA" title="ΟΛΟΚΛΗΡΩΜΕΝΟ ΣΥΣΤΗΜΑ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ E-AGIOGRAFIA" class="news-block-img pull-right" src="/thumbs/54/33590486.jpg"> ΟΛΟΚΛΗΡΩΜΕΝΟ ΣΥΣΤΗΜΑ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ E-AGIOGRAFIA Καλωσορίσατε στην πλατφόρμα ηλεκτρονικής μάθησης E-Agiografia, Η Media Suite έχει αναπτύξει το Ολοκληρωμένο Σύστημα Τηλεκατάρτισης (e-learning) με την επωνυμία </p> <a href="/33590486-Olokliromeno-systima-tilekatartisis-e-agiografia.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/39094679-Field-service-management-egheiridio-hrisis.html">Field Service Management ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ</a> </h3> <p> <img alt="Field Service Management ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ" title="Field Service Management ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ" class="news-block-img pull-right" src="/thumbs/56/39094679.jpg"> Field Service Management ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ 1 ΠΕΡΙΕΧΟΜΕΝΑ 1. ΑΝΑΛΥΣΗ ΜΕΝΟΥ ΕΦΑΡΜΟΓΗΣ... 4 2. ΕΠΕΞΗΓΗΣΗ ΚΕΝΤΡΙΚΟΥ ΜΕΝΟΥ ΚΑΡΤΕΛΑΣ... 5 3. ΔΗΜΙΟΥΡΓΙΑ ΠΕΛΑΤΗ... 6 4. ΑΝΑΖΗΤΗΣΗ ΠΕΛΑΤΗ... 6 5. ΕΠΕΞΕΡΓΑΣΙΑ/ΔΙΑΓΡΑΦΗ </p> <a href="/39094679-Field-service-management-egheiridio-hrisis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/43502673-Shediazontas-efarmoges-gia-to-diadiktyo.html">Σχεδιάζοντας Εφαρμογές για το Διαδίκτυο</a> </h3> <p> <img alt="Σχεδιάζοντας Εφαρμογές για το Διαδίκτυο" title="Σχεδιάζοντας Εφαρμογές για το Διαδίκτυο" class="news-block-img pull-right" src="/thumbs/59/43502673.jpg"> FrontPage 2003 Πρακτικός Οδηγός Χρήσης Το FrontPage είναι ένα πρόγραμμα δημιουργίας ιστοσελίδων και δικτυακών τόπων που επιτρέπει το σχεδιασμό ιστοσελίδων μέσα από γραφικό περιβάλλον αλλά και την ταυτόχρονη </p> <a href="/43502673-Shediazontas-efarmoges-gia-to-diadiktyo.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10809239-Ergastirio-12-vima-1-o-vima-2-o-vima-3-o-vima-4-o.html">Εργαστήριο #12. Βήμα 1 ο. Βήμα 2 ο. Βήμα 3 ο. Βήμα 4 ο.</a> </h3> <p> <img alt="Εργαστήριο #12. Βήμα 1 ο. Βήμα 2 ο. Βήμα 3 ο. Βήμα 4 ο." title="Εργαστήριο #12. Βήμα 1 ο. Βήμα 2 ο. Βήμα 3 ο. Βήμα 4 ο." class="news-block-img pull-right" src="/thumbs/27/10809239.jpg"> Εργαστήριο #12 Από τα προηγούμενα εργαστήρια: Το εργαστήριο αυτό είναι ανεξάρτητο από τα προηγούμενα επειδή όμως ασχολείται με τη γλώσσα JavaScript, βεβαιωθείτε ότι έχετε διαβάσει το εισαγωγικό Παράρτημα </p> <a href="/10809239-Ergastirio-12-vima-1-o-vima-2-o-vima-3-o-vima-4-o.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/36480138-Periehomena-meros-1-vasikes-ennoies-pliroforikis-kai-epikoinonion-meros-2-hrisi-ypologisti-kai-diaheirisi-arheion-prologos.html">Περιεχόμενα. Μέρος 1: Βασικές έννοιες Πληροφορικής και επικοινωνιών Μέρος 2: Χρήση υπολογιστή και διαχείριση αρχείων Πρόλογος...</a> </h3> <p> <img alt="Περιεχόμενα. Μέρος 1: Βασικές έννοιες Πληροφορικής και επικοινωνιών Μέρος 2: Χρήση υπολογιστή και διαχείριση αρχείων Πρόλογος..." title="Περιεχόμενα. Μέρος 1: Βασικές έννοιες Πληροφορικής και επικοινωνιών Μέρος 2: Χρήση υπολογιστή και διαχείριση αρχείων Πρόλογος..." class="news-block-img pull-right" src="/thumbs/55/36480138.jpg"> Περιεχόμενα Πρόλογος...11 Μέρος 1: Βασικές έννοιες Πληροφορικής και επικοινωνιών... 13 1.1 Εισαγωγή στους υπολογιστές... 15 1.2 Μονάδες μέτρησης... 27 1.3 Οι βασικές λειτουργίες ενός ηλεκτρονικού υπολογιστή... </p> <a href="/36480138-Periehomena-meros-1-vasikes-ennoies-pliroforikis-kai-epikoinonion-meros-2-hrisi-ypologisti-kai-diaheirisi-arheion-prologos.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10503834-Odigies-gia-ti-hrisi-toy-google-drive.html">Οδηγίες για τη Χρήση του Google Drive</a> </h3> <p> <img alt="Οδηγίες για τη Χρήση του Google Drive" title="Οδηγίες για τη Χρήση του Google Drive" class="news-block-img pull-right" src="/thumbs/27/10503834.jpg"> Οδηγίες για τη Χρήση του Google Drive Χαρπαντίδου Ζαχαρούλα Επιμορφώτρια Β επιπέδου ΠΕ 19-20 Υπεύθυνη ΚΕ.ΠΛΗ.ΝΕ.Τ. Δράμας 2013 Περιεχόμενα Δημιουργία λογαριασμού στο Google Drive. 3 Διαχείριση του GoogleDrive.. </p> <a href="/10503834-Odigies-gia-ti-hrisi-toy-google-drive.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30835861-Hyper-text-markup-language-html-poy-simainei-glossa-simansis-yperkeimenoy.html">Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου.</a> </h3> <p> <img alt="Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου." title="Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου." class="news-block-img pull-right" src="/thumbs/53/30835861.jpg"> Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου. 1 η ΑΣΚΗΣΗ Οι HTML σελίδες είναι απλές σελίδες κειμένου και μπορούν να δημιουργηθούν από οποιοδήποτε πρόγραμμα επεξεργασίας </p> <a href="/30835861-Hyper-text-markup-language-html-poy-simainei-glossa-simansis-yperkeimenoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/40710339-11-i-glossa-html-pinakes-listes-formes.html">11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες</a> </h3> <p> <img alt="11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες" title="11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες" class="news-block-img pull-right" src="/thumbs/57/40710339.jpg"> 11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες Σκοπός του Εργαστηρίου: Σκοπός της παρούσας εργαστηριακής άσκησης είναι η εμβάθυνση σε συχνά χρησιμοποιούμενες ετικέτες HTML, όπως οι πίνακες και οι λίστες, καθώς </p> <a href="/40710339-11-i-glossa-html-pinakes-listes-formes.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34778204-Synoptikos-odigos-hrisis-tis-platformas-asyghronis-tileekpaideysis-kathigiti.html">Συνοπτικός οδηγός χρήσης της πλατφόρμας ασύγχρονης τηλεεκπαίδευσης. Καθηγητή</a> </h3> <p> <img alt="Συνοπτικός οδηγός χρήσης της πλατφόρμας ασύγχρονης τηλεεκπαίδευσης. Καθηγητή" title="Συνοπτικός οδηγός χρήσης της πλατφόρμας ασύγχρονης τηλεεκπαίδευσης. Καθηγητή" class="news-block-img pull-right" src="/thumbs/54/34778204.jpg"> Συνοπτικός οδηγός χρήσης της πλατφόρμας ασύγχρονης τηλεεκπαίδευσης Moodle για τον Καθηγητή Πίνακας Περιεχομένων 1. Εισαγωγή...3 1.1 Περιβάλλον Moodle... 3 1.2 Εισαγωγή / εγγραφή στην πλατφόρμα... 3 2 Δημιουργία </p> <a href="/34778204-Synoptikos-odigos-hrisis-tis-platformas-asyghronis-tileekpaideysis-kathigiti.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10115284-Vodafone-business-connect.html">Vodafone Business Connect</a> </h3> <p> <img alt="Vodafone Business Connect" title="Vodafone Business Connect" class="news-block-img pull-right" src="/thumbs/27/10115284.jpg"> Vodafone Business Connect Vodafone Business WebHosting Αναλυτικός Οδηγός Χρήσης Photo Album Αναλυτικός οδηγός χρήσης: Photo Album Vodafone Business Connect - Υπηρεσίες φιλοξενίας εταιρικού e-mail & web </p> <a href="/10115284-Vodafone-business-connect.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/164576-Mathima-ergaleia-anaptyxis-efarmogon-internet.html">ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet.</a> </h3> <p> <img alt="ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet." title="ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet." class="news-block-img pull-right" src="/thumbs/17/164576.jpg"> ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet. ΩΡΕΣ ΔΙΔΑΣΚΑΛΙΑΣ: ΕΙΔΟΣ ΜΑΘΗΜΑΤΟΣ: Μικτό Γενικός σκοπός είναι να αποκτήσει ο καταρτιζόμενος τις αναγκαίες γνώσεις σχετικά με εργαλεία και τις τεχνικές για </p> <a href="/164576-Mathima-ergaleia-anaptyxis-efarmogon-internet.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34419323-Web-and-http-vasika-systatika-web-server-web-browser-http-protocol.html">Web and HTTP. Βασικά Συστατικά: Web Server Web Browser HTTP Protocol</a> </h3> <p> <img alt="Web and HTTP. Βασικά Συστατικά: Web Server Web Browser HTTP Protocol" title="Web and HTTP. Βασικά Συστατικά: Web Server Web Browser HTTP Protocol" class="news-block-img pull-right" src="/thumbs/54/34419323.jpg"> HTTP Protocol Web and HTTP Βασικά Συστατικά: Web Server Web Browser HTTP Protocol Web Servers (1/2) Ένα πρόγραμμα (λογισμικό) που έχει εγκατασταθεί σε ένα υπολογιστικό σύστημα (έναν ή περισσότερους υπολογιστές) </p> <a href="/34419323-Web-and-http-vasika-systatika-web-server-web-browser-http-protocol.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/36055532-Anoikto-psifiako-mathima-gia-tin-katartisi-toy-prosopikoy-ypostirixis-anaptyxis-psifiakon-mathimaton.html">Ανοικτό Ψηφιακό Μάθημα για την κατάρτιση του προσωπικού υποστήριξης ανάπτυξης ψηφιακών μαθημάτων</a> </h3> <p> <img alt="Ανοικτό Ψηφιακό Μάθημα για την κατάρτιση του προσωπικού υποστήριξης ανάπτυξης ψηφιακών μαθημάτων" title="Ανοικτό Ψηφιακό Μάθημα για την κατάρτιση του προσωπικού υποστήριξης ανάπτυξης ψηφιακών μαθημάτων" class="news-block-img pull-right" src="/thumbs/55/36055532.jpg"> Ανοικτό Ψηφιακό Μάθημα για την κατάρτιση του προσωπικού υποστήριξης ανάπτυξης ψηφιακών μαθημάτων Ενότητα 5: Δημιουργία Μαθήματος & Εργαλεία Διαχείρισης Άδειες Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται </p> <a href="/36055532-Anoikto-psifiako-mathima-gia-tin-katartisi-toy-prosopikoy-ypostirixis-anaptyxis-psifiakon-mathimaton.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31007132-Ergastirio-tehnologies-pliroforias-kai-epikoinonias-ston-toyrismo-2o-ergastirio-morfopoiisi-stin-html.html">ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML</a> </h3> <p> <img alt="ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML" title="ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML" class="news-block-img pull-right" src="/thumbs/53/31007132.jpg"> ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ ΠΕΡΙΕΧΟΜΕΝΟ ΜΑΘΗΜΑΤΟΣ 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML 1. Μορφοποίηση κειμένου Ετικέτες στυλ 2. Ιδιότητες ετικετών 3. Λίστες 4. Υπερσυνδέσεις </p> <a href="/31007132-Ergastirio-tehnologies-pliroforias-kai-epikoinonias-ston-toyrismo-2o-ergastirio-morfopoiisi-stin-html.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2437286-E-kpaideysi-platforua-asyghronis-tile-kpaideysis-odigies-hrisis-gia-toys-spoydastes-toy-tei-athinas-kai-toys-episkeptes-tis-diktyakis-pylis-e-kpaideysi.html">e-κπαίδευση Πλατφόρµα Ασύγχρονης Τηλε-κπαίδευσης Οδηγίες χρήσης για τους σπουδαστές του ΤΕΙ Αθήνας και τους επισκέπτες της δικτυακής πύλης e-κπαίδευση</a> </h3> <p> <img alt="e-κπαίδευση Πλατφόρµα Ασύγχρονης Τηλε-κπαίδευσης Οδηγίες χρήσης για τους σπουδαστές του ΤΕΙ Αθήνας και τους επισκέπτες της δικτυακής πύλης e-κπαίδευση" title="e-κπαίδευση Πλατφόρµα Ασύγχρονης Τηλε-κπαίδευσης Οδηγίες χρήσης για τους σπουδαστές του ΤΕΙ Αθήνας και τους επισκέπτες της δικτυακής πύλης e-κπαίδευση" class="news-block-img pull-right" src="/thumbs/24/2437286.jpg"> e-κπαίδευση Πλατφόρµα Ασύγχρονης Τηλε-κπαίδευσης Οδηγίες χρήσης για τους σπουδαστές του ΤΕΙ Αθήνας και τους επισκέπτες της δικτυακής πύλης e-κπαίδευση - 0 - Πίνακας Περιεχοµένων 1 Εισαγωγή.. 2 1.1 Σχολές/Τµήµατα </p> <a href="/2437286-E-kpaideysi-platforua-asyghronis-tile-kpaideysis-odigies-hrisis-gia-toys-spoydastes-toy-tei-athinas-kai-toys-episkeptes-tis-diktyakis-pylis-e-kpaideysi.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2366028-Di-m-i-o-yr-g-i-a-w-i-k-i-me-t-i-hrisi-t-i-s-yp-iresias-h-t-t-p-www-wik-id-ot-com.html">ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com /</a> </h3> <p> <img alt="ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com /" title="ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com /" class="news-block-img pull-right" src="/thumbs/24/2366028.jpg"> ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com / 1. Τι είναι το wikidot Το wikidot είναι ένας δικτυακός τόπος στον οποίο κάθε χρήστης έχει το δικαίωμα να δημιουργήσει </p> <a href="/2366028-Di-m-i-o-yr-g-i-a-w-i-k-i-me-t-i-hrisi-t-i-s-yp-iresias-h-t-t-p-www-wik-id-ot-com.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30596663-O-odigos-grigoris-ekkinisis.html">Ο Οδηγός γρήγορης εκκίνησης</a> </h3> <p> <img alt="Ο Οδηγός γρήγορης εκκίνησης" title="Ο Οδηγός γρήγορης εκκίνησης" class="news-block-img pull-right" src="/thumbs/52/30596663.jpg"> Ο Οδηγός γρήγορης εκκίνησης του Microsoft PowerPoint 2013 έχει διαφορετική εμφάνιση από προηγούμενες εκδόσεις. Γι αυτό το λόγο, δημιουργήσαμε αυτόν τον οδηγό για να ελαχιστοποιήσουμε την καμπύλη εκμάθησης. </p> <a href="/30596663-O-odigos-grigoris-ekkinisis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/47016516-Diaheiristiko-systima-onomaton-horoy.html">Διαχειριστικό σύστημα ονομάτων χώρου</a> </h3> <p> <img alt="Διαχειριστικό σύστημα ονομάτων χώρου" title="Διαχειριστικό σύστημα ονομάτων χώρου" class="news-block-img pull-right" src="/thumbs/62/47016516.jpg"> Διαχειριστικό σύστημα ονομάτων χώρου Το διαχειριστικό σύστημα ονομάτων χώρου απευθύνεται σε όλους τους χρήστες οι οποίοι έχουν καταχωρήσει τα ονόματα χώρου τους (domain names) μέσα από το σύστημα καταχώρησης </p> <a href="/47016516-Diaheiristiko-systima-onomaton-horoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/869653-Ergastirio-3-programmatistika-perivallonta-kai-to-proto-programma-c.html">ΕΡΓΑΣΤΗΡΙΟ 3: Προγραμματιστικά Περιβάλλοντα και το Πρώτο Πρόγραμμα C</a> </h3> <p> <img alt="ΕΡΓΑΣΤΗΡΙΟ 3: Προγραμματιστικά Περιβάλλοντα και το Πρώτο Πρόγραμμα C" title="ΕΡΓΑΣΤΗΡΙΟ 3: Προγραμματιστικά Περιβάλλοντα και το Πρώτο Πρόγραμμα C" class="news-block-img pull-right" src="/thumbs/18/869653.jpg"> ΕΡΓΑΣΤΗΡΙΟ 3: Προγραμματιστικά Περιβάλλοντα και το Πρώτο Πρόγραμμα C Στο εργαστήριο αυτό, θα ασχοληθούμε με δύο προγραμματιστικά περιβάλλοντα για τη γλώσσα C: τον gcc μεταγλωττιστή της C σε περιβάλλον </p> <a href="/869653-Ergastirio-3-programmatistika-perivallonta-kai-to-proto-programma-c.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6491929-Aerostato-diadiktyaki-pyli-psyhagogias-kai-mathisis-gia-mikra-paidia.html">«Αερόστατο» Διαδικτυακή πύλη ψυχαγωγίας και μάθησης για μικρά παιδιά</a> </h3> <p> <img alt="«Αερόστατο» Διαδικτυακή πύλη ψυχαγωγίας και μάθησης για μικρά παιδιά" title="«Αερόστατο» Διαδικτυακή πύλη ψυχαγωγίας και μάθησης για μικρά παιδιά" class="news-block-img pull-right" src="/thumbs/25/6491929.jpg"> ΙΝΣΤΙΤΟΥΤΟ ΕΠΕΞΕΡΓΑΣΙΑΣ ΤΟΥ ΛΟΓΟΥ / Ε. Κ. «ΑΘΗΝΑ» «Αερόστατο» Διαδικτυακή πύλη ψυχαγωγίας και μάθησης για μικρά παιδιά Οδηγίες: Δημιουργία ασκήσεων 2014 Περιεχόμενα 1. Εισαγωγή... 3 2. Δημιουργία ασκήσεων... </p> <a href="/6491929-Aerostato-diadiktyaki-pyli-psyhagogias-kai-mathisis-gia-mikra-paidia.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1849305-Ploigisi-www-me-ton-internet-explorer.html">Πλοήγηση www / Με τον Internet Explorer</a> </h3> <p> <img alt="Πλοήγηση www / Με τον Internet Explorer" title="Πλοήγηση www / Με τον Internet Explorer" class="news-block-img pull-right" src="/thumbs/23/1849305.jpg"> Πλοήγηση www / Με τον Internet Explorer Περιεχόμενα 1.Eισαγωγή 2.Το περιβάλλον του Internet Explorer 3.Οδηγίες πλοήγησης 4.Αποθήκευση αρχείων 5.Αγαπημένα 6.Ασφαλής σύνδεση 7.Διακομιστής μεσολάβησης 1.Εισαγωγή </p> <a href="/1849305-Ploigisi-www-me-ton-internet-explorer.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/46215691-Varvakeio-protypo-gymnasio.html">Βαρβάκειο Πρότυπο Γυμνάσιο</a> </h3> <p> <img alt="Βαρβάκειο Πρότυπο Γυμνάσιο" title="Βαρβάκειο Πρότυπο Γυμνάσιο" class="news-block-img pull-right" src="/thumbs/61/46215691.jpg"> Παραδόσεις & εργαστηριακές ασκήσεις στην HTML Βαρβάκειο Πρότυπο Γυμνάσιο Σχολ. Χρονιά 2016-2017 Θ. Οτζάκογλου Εργαστήρι Πληροφορικής Σχολ. Έτος 2016 2017 Αν και δεν είναι μία ακόμη «γλώσσα προγραμματισμού», </p> <a href="/46215691-Varvakeio-protypo-gymnasio.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30414741-Ergastirio-tehnologia-politismikoy-logismikoy-enotita-epexergasia-pinakon.html">Εργαστήριο «Τεχνολογία Πολιτισμικού Λογισμικού» Ενότητα. Επεξεργασία πινάκων</a> </h3> <p> <img alt="Εργαστήριο «Τεχνολογία Πολιτισμικού Λογισμικού» Ενότητα. Επεξεργασία πινάκων" title="Εργαστήριο «Τεχνολογία Πολιτισμικού Λογισμικού» Ενότητα. Επεξεργασία πινάκων" class="news-block-img pull-right" src="/thumbs/52/30414741.jpg"> Ενότητα 4 Επεξεργασία πινάκων 36 37 4.1 Προσθήκη πεδίων Για να εισάγετε ένα πεδίο σε ένα πίνακα που υπάρχει ήδη στη βάση δεδομένων σας, βάζετε τον κέρσορα του ποντικιού στο πεδίο πάνω από το οποίο θέλετε </p> <a href="/30414741-Ergastirio-tehnologia-politismikoy-logismikoy-enotita-epexergasia-pinakon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31008287-Anoigma-kai-kleisimo-tis-efarmogis-eggrafoy-keimenoy.html">Άνοιγμα (και κλείσιμο) της εφαρμογής Εγγράφου Κειμένου</a> </h3> <p> <img alt="Άνοιγμα (και κλείσιμο) της εφαρμογής Εγγράφου Κειμένου" title="Άνοιγμα (και κλείσιμο) της εφαρμογής Εγγράφου Κειμένου" class="news-block-img pull-right" src="/thumbs/53/31008287.jpg"> 3.1.1.1 Άνοιγμα (και κλείσιμο) της εφαρμογής Εγγράφου Κειμένου Ως επί το πλείστον δεν υπάρχουν διαφορές στη χρήση του Εγγράφου Κειμένου στα λειτουργικά Windows ή Linux. Η σημαντικότερη διαφορά παρουσιάζεται </p> <a href="/31008287-Anoigma-kai-kleisimo-tis-efarmogis-eggrafoy-keimenoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/43024466-Periehomena-eisagogi-odigos-hristi-foititi.html">Περιεχόμενα. Εισαγωγή. Οδηγός Χρήστη - Φοιτητή</a> </h3> <p> <img alt="Περιεχόμενα. Εισαγωγή. Οδηγός Χρήστη - Φοιτητή" title="Περιεχόμενα. Εισαγωγή. Οδηγός Χρήστη - Φοιτητή" class="news-block-img pull-right" src="/thumbs/59/43024466.jpg"> 1 από 14 04/03/2008 05:18 ΜΜ Οδηγός Χρήστη - Φοιτητή Περιεχόμενα Εισαγωγή Άδεια εισόδου Χαρτοφυλάκιο Χρήστη Αλλαγή του προφίλ μου Εγγραφή σε μάθημα Το Ημερολόγιο μου Οι Ανακοινώσεις μου Έξοδος Ηλεκτρονικό </p> <a href="/43024466-Periehomena-eisagogi-odigos-hristi-foititi.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/37236240-Allagi-tis-emfanisis-keimenoy-megethos-grammatoseiras-eidos-grammatoseiras.html">Αλλαγή της εμφάνισης κειμένου: μέγεθος γραμματοσειράς, είδος γραμματοσειράς</a> </h3> <p> <img alt="Αλλαγή της εμφάνισης κειμένου: μέγεθος γραμματοσειράς, είδος γραμματοσειράς" title="Αλλαγή της εμφάνισης κειμένου: μέγεθος γραμματοσειράς, είδος γραμματοσειράς" class="news-block-img pull-right" src="/thumbs/55/37236240.jpg"> 3.3.1.1 Αλλαγή της εμφάνισης κειμένου: μέγεθος γραμματοσειράς, είδος γραμματοσειράς Γραμματοσειρές Η λέξη γραμματοσειρά αναφέρεται στο στυλ που εμφανίζονται τα γράμματα. Παρακάτω ακολουθούν κάποια παραδείγματα, </p> <a href="/37236240-Allagi-tis-emfanisis-keimenoy-megethos-grammatoseiras-eidos-grammatoseiras.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31216328-Ergastirio-tehnologia-politismikoy-logismikoy-enotita-shediasi-vaseon-dedomenon.html">Εργαστήριο «Τεχνολογία Πολιτισμικού Λογισμικού» Ενότητα. Σχεδίαση Βάσεων Δεδομένων</a> </h3> <p> <img alt="Εργαστήριο «Τεχνολογία Πολιτισμικού Λογισμικού» Ενότητα. Σχεδίαση Βάσεων Δεδομένων" title="Εργαστήριο «Τεχνολογία Πολιτισμικού Λογισμικού» Ενότητα. Σχεδίαση Βάσεων Δεδομένων" class="news-block-img pull-right" src="/thumbs/53/31216328.jpg"> Ενότητα 3 Σχεδίαση Βάσεων Δεδομένων 17 18 3.1 Εισαγωγή Μία βάση δεδομένων αποτελείται από δεδομένα για διάφορα θέματα τα οποία όμως σχετίζονται μεταξύ τους και είναι καταχωρημένα με συγκεκριμένο τρόπο. </p> <a href="/31216328-Ergastirio-tehnologia-politismikoy-logismikoy-enotita-shediasi-vaseon-dedomenon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/29803377-Odigies-hrisis-efarmogis-eniaioy-systimatos-pliromon.html">«Οδηγίες χρήσης εφαρμογής Ενιαίου Συστήματος Πληρωμών»</a> </h3> <p> <img alt="«Οδηγίες χρήσης εφαρμογής Ενιαίου Συστήματος Πληρωμών»" title="«Οδηγίες χρήσης εφαρμογής Ενιαίου Συστήματος Πληρωμών»" class="news-block-img pull-right" src="/thumbs/52/29803377.jpg"> «Οδηγίες χρήσης εφαρμογής Ενιαίου Συστήματος Πληρωμών» έκδοση v.1.2, 10/09/2014 Περιεχόμενα Είσοδος... 3 Οικονομικά Υπεύθυνος... 4 Αρχική Οθόνη... 4 Διαχείριση Χρηστών... 4 Αναζήτηση Χρήστη... 4 Δημιουργία </p> <a href="/29803377-Odigies-hrisis-efarmogis-eniaioy-systimatos-pliromon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8979109-Leitoyrgika-systimata.html">Λειτουργικά Συστήματα</a> </h3> <p> <img alt="Λειτουργικά Συστήματα" title="Λειτουργικά Συστήματα" class="news-block-img pull-right" src="/thumbs/26/8979109.jpg"> Λειτουργικά Συστήματα Ενότητα: ΕΡΓΑΣΤΗΡΙΑΚΗ ΑΣΚΗΣΗ No:01 Δρ. Μηνάς Δασυγένης mdasyg@ieee.org Τμήμα Μηχανικών Πληροφορικής και Τηλεπικοινωνιών Εργαστήριο Ψηφιακών Συστημάτων και Αρχιτεκτονικής Υπολογιστών </p> <a href="/8979109-Leitoyrgika-systimata.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12584688-Vaseis-dedomenon-access.html">Βάσεις δεδομένων (Access)</a> </h3> <p> <img alt="Βάσεις δεδομένων (Access)" title="Βάσεις δεδομένων (Access)" class="news-block-img pull-right" src="/thumbs/28/12584688.jpg"> Βάσεις δεδομένων (Access) Όταν εκκινούμε την Access εμφανίζεται το παρακάτω παράθυρο: Κουμπί Κενή βάση δεδομένων Κουμπί του Office Για να φτιάξουμε μια νέα ΒΔ κάνουμε κλικ στο κουμπί «Κενή βάση δεδομένων» </p> <a href="/12584688-Vaseis-dedomenon-access.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/32078711-Drasi-3-anaptyxi-kai-leitoyrgia-diktyoy-prolipsis-kai-antimetopisis-fainomenon-tis-sholikis-vias-kai-ekfovismoy.html">ΔΡΑΣΗ 3: «Ανάπτυξη και Λειτουργία Δικτύου Πρόληψης και Αντιμετώπισης φαινομένων της Σχολικής Βίας και Eκφοβισμού»</a> </h3> <p> <img alt="ΔΡΑΣΗ 3: «Ανάπτυξη και Λειτουργία Δικτύου Πρόληψης και Αντιμετώπισης φαινομένων της Σχολικής Βίας και Eκφοβισμού»" title="ΔΡΑΣΗ 3: «Ανάπτυξη και Λειτουργία Δικτύου Πρόληψης και Αντιμετώπισης φαινομένων της Σχολικής Βίας και Eκφοβισμού»" class="news-block-img pull-right" src="/thumbs/53/32078711.jpg"> «Ανάπτυξη και Λειτουργία Δικτύου Πρόληψης και Αντιμετώπισης φαινομένων της Σχολικής Βίας και Eκφοβισμού» ΔΡΑΣΗ 3: Ενημέρωση- επιμόρφωση εκπαιδευτικών στη διάγνωση, πρόληψη και αντιμετώπιση των φαινομένων </p> <a href="/32078711-Drasi-3-anaptyxi-kai-leitoyrgia-diktyoy-prolipsis-kai-antimetopisis-fainomenon-tis-sholikis-vias-kai-ekfovismoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30983231-Simeioseis-gia-to-ergastiriako-mathima-ekpaideytiki-tehnologia-polymesa.html">Σημειώσεις για το εργαστηριακό μάθημα «Εκπαιδευτική Τεχνολογία Πολυμέσα»</a> </h3> <p> <img alt="Σημειώσεις για το εργαστηριακό μάθημα «Εκπαιδευτική Τεχνολογία Πολυμέσα»" title="Σημειώσεις για το εργαστηριακό μάθημα «Εκπαιδευτική Τεχνολογία Πολυμέσα»" class="news-block-img pull-right" src="/thumbs/53/30983231.jpg"> ΑΝΩΤΑΤΗ ΣΧΟΛΗ ΠΑΙΔΑΓΩΓΙΚΗΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΗΣ ΕΚΠΑΙΔΕΥΣΗΣ ΓΕΝΙΚΟ ΤΜΗΜΑ ΠΑΙΔΑΓΩΓΙΚΩΝ ΜΑΘΗΜΑΤΩΝ Δημιουργία web site με το Σημειώσεις για το εργαστηριακό μάθημα «Εκπαιδευτική Τεχνολογία Πολυμέσα» Μαρία Μουντρίδου </p> <a href="/30983231-Simeioseis-gia-to-ergastiriako-mathima-ekpaideytiki-tehnologia-polymesa.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/42677538-Shediazontas-efarmoges-gia-to-diadiktyo.html">Σχεδιάζοντας Εφαρμογές για το Διαδίκτυο</a> </h3> <p> <img alt="Σχεδιάζοντας Εφαρμογές για το Διαδίκτυο" title="Σχεδιάζοντας Εφαρμογές για το Διαδίκτυο" class="news-block-img pull-right" src="/thumbs/59/42677538.jpg"> Το περιβάλλον εργασίας Ανοίγοντας την Ελληνική Έκδοση του FrontPage, για πρώτη φορά, η εικόνα που θα συναντήσουμε είναι αυτή της Εικόνας 1 με τα Μενού Εντολών και τη Γραμμή Εργαλείων, στο πάνω μέρος της </p> <a href="/42677538-Shediazontas-efarmoges-gia-to-diadiktyo.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/40669995-Epexergasia-keimenoy-word-2003.html">Επεξεργασία κειμένου: Word 2003</a> </h3> <p> <img alt="Επεξεργασία κειμένου: Word 2003" title="Επεξεργασία κειμένου: Word 2003" class="news-block-img pull-right" src="/thumbs/57/40669995.jpg"> Περιεχόμενα Λίγα λόγια από το συγγραφέα...7 Κεφάλαιο 1: Ρυθμίσεις γραμμών εργαλείων και μενού...9 Κεφάλαιο 2: Διαχείριση παραθύρων και προβολές...26 Κεφάλαιο 3: Εύρεση, αντικατάσταση, και μετάβαση σε συγκεκριμένο </p> <a href="/40669995-Epexergasia-keimenoy-word-2003.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/39474260-Egheiridio-foititon-1-eisagogi.html">Εγχειρίδιο Φοιτητών. 1. Εισαγωγή</a> </h3> <p> <img alt="Εγχειρίδιο Φοιτητών. 1. Εισαγωγή" title="Εγχειρίδιο Φοιτητών. 1. Εισαγωγή" class="news-block-img pull-right" src="/thumbs/56/39474260.jpg"> Εγχειρίδιο Φοιτητών 1. Εισαγωγή Η ηλεκτρονική πλατφόρµα «e-class», αποτελεί ένα ολοκληρωµένο σύστηµα Ασύγχρονης Τηλεκπαίδευσης. Στόχος της είναι παροχή υποδοµών εκπαίδευσης και κατάρτισης ανεξάρτητα από </p> <a href="/39474260-Egheiridio-foititon-1-eisagogi.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/40542359-Ypersyndeseis-hyperlinks.html">Υπερσυνδέσεις (hyperlinks)</a> </h3> <p> <img alt="Υπερσυνδέσεις (hyperlinks)" title="Υπερσυνδέσεις (hyperlinks)" class="news-block-img pull-right" src="/thumbs/57/40542359.jpg"> Υπερσυνδέσεις (hyperlinks) Οι υπερσυνδέσεις αποτελούν το δυναμικό στοιχείο σε ένα έγγραφο html. Με τις υπερσυνδέσεις είναι δυνατή, εύκολη και γρήγορη η μετάβαση ή η παραπομπή από ένα αρχείο html (πηγή) </p> <a href="/40542359-Ypersyndeseis-hyperlinks.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/40773648-Aytomato-kleisimo-isologismoy.html">Αυτόματο Κλείσιμο Ισολογισμού</a> </h3> <p> <img alt="Αυτόματο Κλείσιμο Ισολογισμού" title="Αυτόματο Κλείσιμο Ισολογισμού" class="news-block-img pull-right" src="/thumbs/57/40773648.jpg"> Αυτόματο Κλείσιμο Ισολογισμού Το συγκεκριμένο εγχειρίδιο δημιουργήθηκε για να βοηθήσει την κατανόηση της διαδικασίας διαχείρισης Οδηγιών Αυτόματου Κλεισίματος Ισολογισμού στην εφαρμογή extra Λογιστική </p> <a href="/40773648-Aytomato-kleisimo-isologismoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/47152661-Formes-genikoi-kanones-i-etiketa-form.html">Φόρμες. Γενικοί κανόνες. Η ετικέτα <form></a> </h3> <p> <img alt="Φόρμες. Γενικοί κανόνες. Η ετικέτα <form>" title="Φόρμες. Γενικοί κανόνες. Η ετικέτα <form>" class="news-block-img pull-right" src="/thumbs/62/47152661.jpg"> Φόρμες Οι φόρμες περιέχουν τα στοιχεία φόρμας στο οποία ένας χρήστης μπορεί να εισαγάγει δεδομένα τα οποία στη συνέχεια αποστέλλονται σε έναν εξυπηρετητή για παραπέρα επεξεργασία. Γενικοί κανόνες Για τις </p> <a href="/47152661-Formes-genikoi-kanones-i-etiketa-form.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/36318312-Vodafone-business-connect.html">Vodafone Business Connect</a> </h3> <p> <img alt="Vodafone Business Connect" title="Vodafone Business Connect" class="news-block-img pull-right" src="/thumbs/55/36318312.jpg"> Vodafone Business Connect Vodafone Business WebHosting Αναλυτικός Οδηγός Χρήσης MSSQL Manager Αναλυτικός οδηγός χρήσης: MS SQL Manager Vodafone Business Connect - Υπηρεσίες φιλοξενίας εταιρικού e-mail </p> <a href="/36318312-Vodafone-business-connect.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30239218-Eisagogi-stin-efarmogi-vasiki-selida-activity-anazitisi-pelati-6-provoli-pelati-7-epexergasia-pelati-10.html">Εισαγωγή στην εφαρμογή Βασική Σελίδα (Activity) Αναζήτηση Πελάτη... 6 Προβολή Πελάτη... 7 Επεξεργασία Πελάτη... 10</a> </h3> <p> <img alt="Εισαγωγή στην εφαρμογή Βασική Σελίδα (Activity) Αναζήτηση Πελάτη... 6 Προβολή Πελάτη... 7 Επεξεργασία Πελάτη... 10" title="Εισαγωγή στην εφαρμογή Βασική Σελίδα (Activity) Αναζήτηση Πελάτη... 6 Προβολή Πελάτη... 7 Επεξεργασία Πελάτη... 10" class="news-block-img pull-right" src="/thumbs/52/30239218.jpg"> Περιεχόμενα Εισαγωγή στην εφαρμογή... 2 Βασική Σελίδα (Activity)... 3 Ρυθμίσεις... 3 Πελάτες... 6 Αναζήτηση Πελάτη... 6 Προβολή Πελάτη... 7 Επεξεργασία Πελάτη... 10 Αποθήκη... 11 Αναζήτηση προϊόντος... </p> <a href="/30239218-Eisagogi-stin-efarmogi-vasiki-selida-activity-anazitisi-pelati-6-provoli-pelati-7-epexergasia-pelati-10.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7880585-Epl-012-eisagogi-sto-pagkosmio-plegma-pliroforion.html">ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών</a> </h3> <p> <img alt="ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών" title="ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών" class="news-block-img pull-right" src="/thumbs/26/7880585.jpg"> ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών World Wide Web (WWW) Θέματα Επεξεργασία δεδομένων στο Web Δημιουργία απλών σελίδων HTML Περιγραφή κάποιων XHTML στοιχείων (tags) Εξέλιξης του WWW Το WWW </p> <a href="/7880585-Epl-012-eisagogi-sto-pagkosmio-plegma-pliroforion.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10416485-Odigies-hrisis-tis-mysql.html">Οδηγίες Χρήσης της MySQL</a> </h3> <p> <img alt="Οδηγίες Χρήσης της MySQL" title="Οδηγίες Χρήσης της MySQL" class="news-block-img pull-right" src="/thumbs/27/10416485.jpg"> ΠΑΝΕΠΙΣΤΗΜΙΟ ΠΕΙΡΑΙΩΣ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ ΣΗΜΕΙΩΣΕΙΣ ΣΕ ΒΑΣΕΙΣ ΔΕΔΟΜΕΝΩΝ Οδηγίες Χρήσης της MySQL Διδάσκων: Γιάννης Θεοδωρίδης Συντάκτης Κειμένου: Βαγγέλης Κατσικάρος Νοέμβριος 2007 1 Περιεχόμενα Εισαγωγή...2 </p> <a href="/10416485-Odigies-hrisis-tis-mysql.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7816752-Mk-prosopsis-ltd-assistive-technology-products-services.html">MK Prosopsis Ltd - Assistive Technology Products & Services</a> </h3> <p> <img alt="MK Prosopsis Ltd - Assistive Technology Products & Services" title="MK Prosopsis Ltd - Assistive Technology Products & Services" class="news-block-img pull-right" src="/thumbs/26/7816752.jpg"> Βασικά Στοιχεία Λογισμικό Επικοινωνώ: Συμβολογράφος Σύντομος Οδηγός Σημειώσεις Τι είναι: o Πρόκειται για ένα λογισμικό το οποίο έχει σκοπό να στηρίξει του μαθητές που δυσκολεύονται στο γραπτό λόγο (και </p> <a href="/7816752-Mk-prosopsis-ltd-assistive-technology-products-services.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5514549-Dialexi-2-metavlites-domes-dedomenon-eisodos-dedomenon-exodos-morfopoiisi-synartiseis-diorganosi-kel-satm.html">Διάλεξη 2. Μεταβλητές - Δομές Δεδομένων - Eίσοδος δεδομένων - Έξοδος: Μορφοποίηση - Συναρτήσεις. Διοργάνωση : ΚΕΛ ΣΑΤΜ</a> </h3> <p> <img alt="Διάλεξη 2. Μεταβλητές - Δομές Δεδομένων - Eίσοδος δεδομένων - Έξοδος: Μορφοποίηση - Συναρτήσεις. Διοργάνωση : ΚΕΛ ΣΑΤΜ" title="Διάλεξη 2. Μεταβλητές - Δομές Δεδομένων - Eίσοδος δεδομένων - Έξοδος: Μορφοποίηση - Συναρτήσεις. Διοργάνωση : ΚΕΛ ΣΑΤΜ" class="news-block-img pull-right" src="/thumbs/25/5514549.jpg"> Διάλεξη 2 Μεταβλητές - Δομές Δεδομένων - Eίσοδος δεδομένων - Έξοδος: Μορφοποίηση - Συναρτήσεις Διοργάνωση : ΚΕΛ ΣΑΤΜ Διαφάνειες: Skaros, MadAGu Παρουσίαση: MadAGu Άδεια: Creative Commons 3.0 2 Internal </p> <a href="/5514549-Dialexi-2-metavlites-domes-dedomenon-eisodos-dedomenon-exodos-morfopoiisi-synartiseis-diorganosi-kel-satm.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1012139-Odigos-egkatastasis-kai-hrisis-toy-arebas-easy.html">Οδηγός Εγκατάστασης και Χρήσης του Arebas Easy</a> </h3> <p> <img alt="Οδηγός Εγκατάστασης και Χρήσης του Arebas Easy" title="Οδηγός Εγκατάστασης και Χρήσης του Arebas Easy" class="news-block-img pull-right" src="/thumbs/20/1012139.jpg"> Σ ε λ ί δ α 1 Οδηγός Εγκατάστασης και Χρήσης του Arebas Easy Περιεχόμενα 1. Download Arebas Easy... 2 2. Εγκατάσταση Arebas Easy... 3 3. Εγγραφή στον Arebas Server... 7 4. Παραμετροποίηση Arebas Easy... </p> <a href="/1012139-Odigos-egkatastasis-kai-hrisis-toy-arebas-easy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/46731713-Egheiridio-foititon-1-eisagogi.html">Εγχειρίδιο Φοιτητών. 1. Εισαγωγή</a> </h3> <p> <img alt="Εγχειρίδιο Φοιτητών. 1. Εισαγωγή" title="Εγχειρίδιο Φοιτητών. 1. Εισαγωγή" class="news-block-img pull-right" src="/thumbs/62/46731713.jpg"> Εγχειρίδιο Φοιτητών 1. Εισαγωγή Η ηλεκτρονική πλατφόρµα «e-class», αποτελεί ένα ολοκληρωµένο σύστηµα Ασύγχρονης Τηλεκπαίδευσης. Στόχος της είναι παροχή υποδοµών εκπαίδευσης και κατάρτισης ανεξάρτητα από </p> <a href="/46731713-Egheiridio-foititon-1-eisagogi.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/43686050-Kefalaio-4-hypertext-markup-language-html-programmatistika-ergaleia-gia-to-diadiktyo-filippos-koytsakas-polygyros-2013.html">Κεφάλαιο 4 HyperText Markup Language - HTML. Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013</a> </h3> <p> <img alt="Κεφάλαιο 4 HyperText Markup Language - HTML. Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013" title="Κεφάλαιο 4 HyperText Markup Language - HTML. Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013" class="news-block-img pull-right" src="/thumbs/59/43686050.jpg"> Κεφάλαιο 4 HyperText Markup Language - HTML Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013 Τι είναι η HTML; Ένας τρόπος για να πεις στον σελιδομετρητή πώς να αναπαραστήσει </p> <a href="/43686050-Kefalaio-4-hypertext-markup-language-html-programmatistika-ergaleia-gia-to-diadiktyo-filippos-koytsakas-polygyros-2013.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6577065-Vodafone-business-connect.html">Vodafone Business Connect</a> </h3> <p> <img alt="Vodafone Business Connect" title="Vodafone Business Connect" class="news-block-img pull-right" src="/thumbs/25/6577065.jpg"> Vodafone Business Connect Vodafone Business WebHosting Αναλυτικός Οδηγός Χρήσης EasySite Optimizer Αναλυτικός οδηγός χρήσης: EasySite Optimizer Vodafone Business Connect - Υπηρεσίες φιλοξενίας εταιρικού </p> <a href="/6577065-Vodafone-business-connect.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3602604-Odigies-gia-prosthiki-web-frames-tools-to-the-quick-access-bar-se-metagenesteri-ekdosi-toy-word.html">Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word</a> </h3> <p> <img alt="Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word" title="Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word" class="news-block-img pull-right" src="/thumbs/24/3602604.jpg"> Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word Επειδή οι μεταγενέστερες εκδόσεις του Word δεν περιλαμβάνουν στο μενού τη δυνατότητα δημιουργίας πολλαπλών </p> <a href="/3602604-Odigies-gia-prosthiki-web-frames-tools-to-the-quick-access-bar-se-metagenesteri-ekdosi-toy-word.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34692790-Ypiresies-diadiktoy-explorer-outlook-2013.html">ΥΠΗΡΕΣΙΕΣ ΔΙΑΔΙΚΤΟΥ Explorer & Outlook 2013</a> </h3> <p> <img alt="ΥΠΗΡΕΣΙΕΣ ΔΙΑΔΙΚΤΟΥ Explorer & Outlook 2013" title="ΥΠΗΡΕΣΙΕΣ ΔΙΑΔΙΚΤΟΥ Explorer & Outlook 2013" class="news-block-img pull-right" src="/thumbs/54/34692790.jpg"> ΥΠΗΡΕΣΙΕΣ ΔΙΑΔΙΚΤΟΥ Explorer & Outlook 2013 1. Δίκτυα Υπολογιστών και Διαδίκτυο... 3 1.1. Όροι Και Έννοιες... 3 1.2. Ασφάλεια Στο Διαδίκτυο... 5 2. Περιήγηση στον Παγκόσμιο Ιστό 7 Το Περιβάλλον Ενός Φυλλομετρητή... </p> <a href="/34692790-Ypiresies-diadiktoy-explorer-outlook-2013.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/35361293-Egheiridio-foititon-1-eisagogi.html">Εγχειρίδιο Φοιτητών. 1. Εισαγωγή</a> </h3> <p> <img alt="Εγχειρίδιο Φοιτητών. 1. Εισαγωγή" title="Εγχειρίδιο Φοιτητών. 1. Εισαγωγή" class="news-block-img pull-right" src="/thumbs/55/35361293.jpg"> Εγχειρίδιο Φοιτητών 1. Εισαγωγή Η ηλεκτρονική πλατφόρµα «e-class», αποτελεί ένα ολοκληρωµένο σύστηµα Ασύγχρονης Τηλεκπαίδευσης. Στόχος της είναι παροχή υποδοµών εκπαίδευσης και κατάρτισης ανεξάρτητα από </p> <a href="/35361293-Egheiridio-foititon-1-eisagogi.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/36742707-Java-java-ee-3o-meros-diasfalisi-asfaleias-se-efarmoges-java-enterprise-edition-kakarontzas-georgios.html">Java & Java EE 3o Μέρος: Διασφάλιση ασφάλειας σε εφαρμογές Java Enterprise Edition. Κακαρόντζας Γεώργιος</a> </h3> <p> <img alt="Java & Java EE 3o Μέρος: Διασφάλιση ασφάλειας σε εφαρμογές Java Enterprise Edition. Κακαρόντζας Γεώργιος" title="Java & Java EE 3o Μέρος: Διασφάλιση ασφάλειας σε εφαρμογές Java Enterprise Edition. Κακαρόντζας Γεώργιος" class="news-block-img pull-right" src="/thumbs/55/36742707.jpg"> Java & Java EE 3o Μέρος: Διασφάλιση ασφάλειας σε εφαρμογές Java Enterprise Edition Κακαρόντζας Γεώργιος Μεθοδολογία Θα υλοποιήσουμε την λεγόμενη πιστοποίηση μέσω φόρμας στοιχείων εισόδου (form-based authentication) </p> <a href="/36742707-Java-java-ee-3o-meros-diasfalisi-asfaleias-se-efarmoges-java-enterprise-edition-kakarontzas-georgios.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/681921-Odigos-grigoris-ekkinisis-toy-powersuite.html">Οδηγός γρήγορης εκκίνησης του PowerSuite</a> </h3> <p> <img alt="Οδηγός γρήγορης εκκίνησης του PowerSuite" title="Οδηγός γρήγορης εκκίνησης του PowerSuite" class="news-block-img pull-right" src="/thumbs/18/681921.jpg"> Το PowerSuite είναι η ολοκληρωμένη λύση απόδοσης για τον υπολογιστή σας. Ενσωματώνοντας το RegistryBooster, το DriverScanner και το SpeedUpMyPC σε ένα ενιαίο περιβάλλον εργασίας σάρωσης, το PowerSuite </p> <a href="/681921-Odigos-grigoris-ekkinisis-toy-powersuite.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/42206931-Senario-hrisis-moodle.html">Σενάριο Χρήσης Moodle</a> </h3> <p> <img alt="Σενάριο Χρήσης Moodle" title="Σενάριο Χρήσης Moodle" class="news-block-img pull-right" src="/thumbs/58/42206931.jpg"> Σενάριο Χρήσης Moodle Άσκηση 1 Μπείτε στη σελίδα http://pileas.com/m και συνδεθείτε με έναν από τους διαθέσιμους χρήστες σύμφωνα με τους κωδικούς που σας έχουν δοθεί. Αφού εισάγουμε το url του Moodle (π.χ. </p> <a href="/42206931-Senario-hrisis-moodle.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/32290446-Egheiridio-hristi-mathiti.html">Εγχειρίδιο Χρήστη - Μαθητή</a> </h3> <p> <img alt="Εγχειρίδιο Χρήστη - Μαθητή" title="Εγχειρίδιο Χρήστη - Μαθητή" class="news-block-img pull-right" src="/thumbs/53/32290446.jpg"> Εγχειρίδιο Χρήστη - Μαθητή 1. Εισαγωγή Η ηλεκτρονική πλατφόρµα «e-class», αποτελεί ένα ολοκληρωµένο σύστηµα Ασύγχρονης Τηλεκπαίδευσης. Στόχος της είναι παροχή υποδοµών εκπαίδευσης και κατάρτισης ανεξάρτητα </p> <a href="/32290446-Egheiridio-hristi-mathiti.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/36256359-I-lista-ol-ordered-list.html">Η λίστα <ol> (ordered list)</a> </h3> <p> <img alt="Η λίστα <ol> (ordered list)" title="Η λίστα <ol> (ordered list)" class="news-block-img pull-right" src="/thumbs/55/36256359.jpg"> Λίστες (lists) Σε πολλά έγγραφα απαιτείται η παρουσίαση ή η καταγραφή στοιχείων σε μορφή λίστας. Για παράδειγμα, μια λίστα από ονόματα ή μια λίστα από προϊόντα. Τα στοιχεία μιας λίστας μπορεί να είναι </p> <a href="/36256359-I-lista-ol-ordered-list.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> </div> <!-- END RIGHT SIDEBAR --> </div> </div> </div> <!-- END CONTENT --> </div> <!-- END SIDEBAR & CONTENT --> </div> </div> <!-- BEGIN FOOTER --> <div class="footer"> <div class="container"> <div class="row"> <!-- BEGIN COPYRIGHT --> <div class="col-md-10 col-sm-10 padding-top-10"> 2017 © DocPlayer.gr <a href="/support/privacy-policy/">Πολιτική Απορρήτου</a> | <a href="/support/terms-of-service/">Όροι Χρήσης</a> | <a href="/support/feedback/">Σχόλια</a> </div> <!-- END COPYRIGHT --> <!-- BEGIN PAYMENTS --> <div class="col-md-6 col-sm-6"> </div> <!-- END PAYMENTS --> </div> </div> </div> <!-- END FOOTER --> <!--[if lt IE 9]> <script src="/static/theme/global/plugins/respond.min.js"></script> <![endif]--> <script src="/static/js/fbbe/total.js" type="text/javascript"></script> <div style="display: none;"> <script> var page_data = {"domain_id":30,"design_id":0,"page_id":0}; (function(){ var img = new Image(); var pixel_image_src = '/pix/'+Math.random()+'/report/pixel.gif?type=pageview&domain_id=30&page_id=0&design_id=0&l='+encodeURIComponent(navigator.language)+'&p='+encodeURIComponent(navigator.platform)+'&url='+encodeURIComponent(document.location); document.write('<img src="'+pixel_image_src+'"> '); }()); </script> </div> </body> </html>