Εισαγωγή στην ASP.NET 4.0

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

Download "Εισαγωγή στην ASP.NET 4.0"

Transcript

1 Εισαγωγή στην ASP.NET 4.0 Σημειώσεις Σεμιναρίου Επιμέλεια: Βασίλης Κόλιας Ενότητα 1 Το Web και η αρχιτεκτονική του HyperText Markup Language Cascading Style Sheets 1.0.0

2 Πίνακας Περιεχομένων Πίνακας Περιεχομένων Εισαγωγή Τι είναι το Web Λίγη ιστορία Η αρχιτεκτονική του Web URL Browser Web Server Πόροι HTTP HTML ASP.NET Εισαγωγή στην HTML <title> Σχόλια <h*> <p> <br /> <hr> <b> <i> <u> <div> <span> <a> <img> <table> Φόρμες Cascading Style Sheets Inline Styles Embedded Styles External Styles Κανόνες CSS Universal Selector Descendant Selector Child Selector

3 Class Selector ID Selectors Ιδιότητες Μορφοποίησης Πλεονεκτήματα CSS

4 1. Εισαγωγή Καλωσορίσατε στο σεμινάριο Εισαγωγή στην ASP.NET 4.0! Όπως κάθε ταξίδι ξεκινά με ένα μικρό βήμα, έτσι και η εκμάθηση μιας γλώσσας ή μιας τεχνολογίας ξεκινά με τις θεμελιώδεις έννοιες που την αποτελούν. Παρόλο που το σεμινάριο αυτό επικεντρώνεται στην τεχνολογία ASP.NET, είναι χρήσιμο πριν ξεκινήσουμε με την παρουσίασή της να την τοποθετήσουμε στο περιβάλλον της να παρουσιάσουμε δηλαδή όλες τις τεχνολογίες που με τον έναν ή τον άλλο τρόπο σχετίζονται με αυτήν και επηρεάζουν άμεσα ή έμμεσα την ανάπτυξη μιας εφαρμογής ASP.NET. Σε αυτό το εισαγωγικό κεφάλαιο θα ασχοληθούμε με τα βασικά χαρακτηριστικά του Web, του συστήματος διασυνδεδεμένων υπερκειμένων που λειτουργεί πάνω στο Internet. Χρησιμοποιώντας έναν web browser (φυλλομετρητή), ένας χρήστης μπορεί να δει ιστοσελίδες που μπορεί να περιέχουν κείμενο, εικόνες, videos και άλλα πολυμέσα και να πλοηγηθεί μεταξύ τους μέσω των υπερσυνδέσμων Τι είναι το Web To World Wide Web (σε συντόμευση www ή w3) κοινώς γνωστό απλά ως Web, είναι ένα κατανεμημένο σύστημα παράδοσης εγγράφων, που χρησιμοποιεί πρωτόκολλα εφαρμογών στο Διαδίκτυο. Το Web έχει ξεπεράσει αισίως τη δεύτερη δεκαετία ύπαρξής του, ωστόσο ακόμα θεωρείται ένα νέο τεχνολογικό και κοινωνικό φαινόμενο, ενώ πλέον μελετάται και αντιμετωπίζεται σαν ένας οργανισμός. Το Web αποτελεί μια εντυπωσιακή πλατφόρμα με χιλιάδες επιτυχημένους καρπούς και η δυναμική του είναι τέτοια που σίγουρα θα επεκταθεί περεταίρω, ώστε να ενσωματώνει νέες γλώσσες, να είναι πλουσιότερο σε πολυμέσα και δραστηριότητες, να φιλοξενεί περισσότερες πληροφορίες και παράλληλα να παρέχει τα εργαλεία και τις μεθόδους που απαιτούνται για την επεξεργασία και την αξιοποίηση των νέων δεδομένων Λίγη ιστορία Τον Μάρτιο του 1989 o Tim Burners-Lee, ένας ερευνητής στο κέντρο ερευνών CERN της Γενεύης, δημοσίευσε μια πρόταση για τη δημιουργία ενός συστήματος που θα διευκόλυνε τη δημιουργία, τη δημοσίευση και τη διαχείριση των αποτελεσμάτων της έρευνας των μελών του CERN. Το σύστημα αυτό θα υποστήριζε μεταξύ άλλων, «τη δημιουργία συνδέσμων και υλικού από τους χρήστες του, έτσι ώστε η συγγραφή τους να είναι καθολική» αλλά και την «αυτόματη ειδοποίηση ενός αναγνώστη όταν νέο υλικό που τον ενδιαφέρει γίνει διαθέσιμο». Λίγο αργότερα κατάφερε να υλοποιήσει τις περισσότερες από τις προδιαγραφές του, ωστόσο οι περισσότερες από αυτές ωρίμασαν πολύ αργότερα, όπως η ιδέα του wiki, τα blogs και τα RSS/Atom feeds. Αυτό που κατάφερε να υλοποιήσει όμως ο Tim Berners-Lee ήταν ουσιαστικά όλα τα εργαλεία που χρειάζονταν για να αποδείξει ότι η ιδέα του ήταν ρεαλιστική: τον πρώτο web server, τον πρώτο web browser και την πρώτη ιστοσελίδα. Κατά την υλοποίηση της ιδέας του ανέπτυξε επίσης τρεις θεμελιώδεις τεχνολογίες: 1. Ένα σύστημα μοναδικών αναγνωριστών για τις εργασίες των ερευνητών, τότε γνωστό ως Universal Document Identifier, σήμερα γνωστό ως Uniform Resource Identifier. 2. Τη γλώσσα μορφοποίησης του κειμένου των εργασιών, την HyperText Markup Language (HTML). 3. Το πρωτόκολλο επικοινωνίας μεταξύ του browser και του server, το HyperText Transfer Protocol (HTTP). Από τότε το Web εξελίχθηκε. Προστέθηκαν πολλές τεχνολογίες για να το υποστηρίξουν, ενώ οι χρήστες του αυξήθηκαν με τρομερούς ρυθμούς, καθιστώντας το σήμερα αναπόσπαστο κομμάτι της καθημερινότητας των σύγχρονων κοινωνιών. Τα 4

5 θεμελιώδη χαρακτηριστικά του όμως παρέμειναν αναλλοίωτα. Στις επόμενες παραγράφους ακολουθεί η αναλυτική περιγραφή τους. Εικόνα Ο δημιουργός του Web, Tim Burners-Lee, ο πρώτος Web Server και ο πρώτος Web Browser 1.3. Η αρχιτεκτονική του Web Όταν ένας χρήστης εισάγει μια διεύθυνση (URL) στον browser του π.χ. ο browser του χρήστη αποστέλλει ένα αίτημα (request) στον αντίστοιχο web server για έναν πόρο (resource), που τις περισσότερες φορές είναι μια ιστοσελίδα σε HTML. Ο server αποστέλλει μέσω του πρωτοκόλλου HTTP τη συγκεκριμένη ιστοσελίδα την οποία με τη σειρά του ο browser θα μεταφράσει σε διάφορα οπτικά αντικείμενα και θα τα προβάλει στο χρήση. Αυτό το απλό σενάριο λαμβάνει χώρα στο Web χιλιάδες φορές και σε καθημερινή βάση. Στο σενάριο αυτό, που είναι η βάση της επικοινωνίας στο Web, συναντήσαμε τους όρους URL, Browser, Web Server, πόρος, HTTP και HTML. Ας δούμε καθ ένα από αυτούς τους όρους ξεχωριστά URL Ένα Uniform Resource Locator (URL) είναι μια συγκεκριμένη συμβολοσειρά που αποτελεί μια αναφορά σε έναν πόρο στο Internet. Ένα URL είναι μια κατηγορία ενός Uniform Resource Identifier (URI) αλλά σε πολλές περιπτώσεις οι δύο όροι χρησιμοποιούνται (εσφαλμένα) σαν συνώνυμοι. Το συντακτικό ενός URL είναι το ακόλουθο: scheme://domain:port/path?query_string#fragment_id Όπου: scheme: (συχνά καλούμενο ως πρωτόκολλο) ένα όνομα που καθορίζει τον ονοματοχώρο, τον σκοπό και το συντακτικό του υπόλοιπου URL. Για παράδειγμα το πρόγραμμα (π.χ. ο browser) που θα επεξεργαστεί το URL θα κάνει ένα αίτημα HTTP στον host example.org. Αν το URL ήταν της μορφής mailto: θα άνοιγε τον mail client του χρήστη για την προετοιμασία ενός προς τον χρήστη Άλλα παραδείγματα σχημάτων αποτελούν τα https, ftp, gopher, wais. domain: ένα πεδίο όπου μπαίνει το domain name ή η διεύθυνση IP του προορισμού στον οποίο αναφέρεται το URL. Για παράδειγμα το domain google.com αντιστοιχεί στη διεύθυνση , οπότε οποιοδήποτε 5

6 από τα δύο μπορεί να χρησιμοποιηθεί. Την αντιστοίχηση του ευκολομνημόνευτου domain name με μια IP αναλαμβάνει η υποδομή του Internet μέσα από το Domain Name System. port: ένας προαιρετικός αριθμός που αντιστοιχεί σε μια θύρα του απομακρυσμένου server. Για το scheme http η προεπιλεγμένη τιμή, που είναι η 80 οπότε αν ο server έχει την ανάλογη ρύθμιση το συγκεκριμένο πεδίο μπορεί να παραληφθεί. Κάθε scheme έχει τη δική του προεπιλεγμένη τιμή. path: ένα πεδίο που προσδιορίζει την ακριβή τοποθεσία του συγκεκριμένου πόρου που αιτείται ο χρήστης ή του προγράμματος που θα εκτελεστεί στο server. Συνήθως γίνεται διάκριση μεταξύ πεζών και κεφαλαίων γραμμάτων, οπότε χρειάζεται προσοχή κατά τη σύνταξή του. Το path μπορεί να αντιστοιχεί στο πραγματικό path προς το συγκεκριμένο πόρο/αρχείο του file system του απομακρυσμένου server ή να είναι εικονικό. query_string: στο πεδίο αυτό περιλαμβάνονται δεδομένα που προωθούνται στο λογισμικό που τρέχει στον server. Ξεκινά πάντα με το χαρακτήρα? και αποτελείται από ζευγάρια παραμέτρων/τιμών τα οποία διαχωρίζονται με το χαρακτήρα & (ampersand), για παράδειγμα:?first_name=john&last_name=milton fragment_id: το πεδίο αυτό προσδιορίζει ένα τμήμα ή μια θέση μέσα στον αιτειθέντα πόρο. Συνήθως προσδιορίζει ένα τμήμα μέσα σε μια ιστοσελίδα, οπότε ο browser εμφανίζει τη σελίδα κατευθείαν σε αυτό το τμήμα. Το πεδίο αυτό ξεκινά πάντα με το χαρακτήρα #. Είναι πολύ σημαντικό να γνωρίζουμε το συντακτικό ενός URL και τι αντιπροσωπεύουν τα τμήματά του Browser Ο browser δεν είναι τίποτα άλλο από μια εφαρμογή (software application) εγκαταστημένη στον υπολογιστή ή κινητό του χρήστη. Οι βασικές δουλειές που επιτελεί ένας browser είναι τρεις: (α) Να αιτείται πόρους από διάφορους web servers που ενδιαφέρουν το χρήστη όπως π.χ. ιστοσελίδες, αρχεία μουσικής, video, εικόνες κ.τ.λ. και (β) να λαμβάνει αρχεία γραμμένα στην ειδική γλώσσα HTML τα οποία ονομάζουμε ιστοσελίδες (ή εναλλακτικά αρχεία μουσικής, video και εικόνες) και γ) να τα παρουσιάζει στο χρήστη. Τα συνηθέστερα συστατικά του παραθύρου ενός browser είναι: Βασικά κουμπιά περιήγησης (μπροστά, πίσω, refresh, stop). Μια γραμμή για την εισαγωγή URL (Uniform Resource Locator). Μια μεγάλη περιοχή για την εμφάνιση των ιστοσελίδων. Στην καρδιά ενός browser βρίσκεται η μηχανή browser (browser engine) η οποία λαμβάνει περιεχόμενο με σημάνσεις (markup) όπως HTML ή XML και οδηγίες μορφοποίησης όπως CSS ή XSL και εμφανίζει τα παραχθέντα γραφικά στην οθόνη του χρήστη. Χειρίζεται επίσης τους υπερσυνδέσμους μιας ιστοσελίδας, τα cookies, τα plug-ins και φυσικά οποιαδήποτε μικροπρογράμματα (scripts) πρέπει να τρέξουν για μια ιστοσελίδα. Οι πιο διάσημοι browsers είναι: ο Internet Explorer με τη μηχανή Trident, Mozilla Firefox με τη μηχανή Gecko, Google Chrome και Safari με τη μηχανή WebKit και Opera με τη μηχανή Presto Web Server Ένας web server είναι ο συνδυασμός ενός, ή περισσότερων υπολογιστών και ενός προγράμματος που έχει εγκατασταθεί σε αυτούς και τρέχει διαρκώς στο παρασκήνιο (service). Σε ένα απλό παράδειγμα ο υπολογιστής που λειτουργεί ως web server είναι συνδεμένος στο Internet και φέρει μια στατική μοναδική διεύθυνση IP (π.χ ) η οποία έχει αντιστοιχηθεί με μια διεύθυνση εύκολη στην απομνημόνευση όπως π.χ. Σε μια απλή περίπτωση, στον web server είναι αποθηκευμένοι όλοι οι πόροι που μπορεί να θελήσει ο χρήστης και είναι οργανωμένοι σε φακέλους και υποφακέλους. Ανάλογα με το αίτημα του χρήστη ο web server είναι υποχρεωμένος να αναζητήσει τον 6

7 κατάλληλο πόρο και να το στείλει στον κατάλληλο χρήστη. Η αναζήτηση γίνεται με βάση το URI (Uniform Resource Identifier) που εισήγαγε ο χρήστης. Οι πιο διάσημοι web servers όσον αφορά το software είναι ο Apache Web Server και o Microsoft IIS. Συνήθως μηχανήματα που τρέχουν ως servers είναι εξοπλισμένα με πολυπύρηνους επεξεργαστές Intel Xeon και πολλά Gb μνήμης, χωρίς αυτό να είναι περιοριστικό. Ανάλογα με τον αναμενόμενο φόρτο εργασιών, είναι δυνατόν να αρκεί ένας παλιός Pentium ή να απαιτούνται πάρα πολλά μηχανήματα τα οποία θα συνεργάζονται σε ειδική διάταξη (π.χ. clusters υπολογιστών) Πόροι Στο Web τα δεδομένα που ανταλλάσσονται μεταξύ ενός πελάτη και ενός εξυπηρέτη ομαδοποιούνται κάτω από την έννοια ενός πόρου (resource) που στην πλειονότητα των περιπτώσεων αντιστοιχεί σε ένα αρχείο. Κάθε πόρος στο Web είναι ουσιαστικά οτιδήποτε έχει ταυτότητα και μπορεί να δημοσιευτεί. Κάθε πόρος επίσης συνοδεύεται από μια προδιαγραφή του τύπου δεδομένων του (format). Η προδιαγραφή αυτή ενσωματώνει μια συμφωνία για τη σωστή απόδοση της αναπαράστασης των δεδομένων. Έτσι για παράδειγμα η προδιαγραφή της HTML ορίζει τους κανόνες εμφάνισης κάποιου περιεχομένου, ενώ η προδιαγραφή των εικόνων τύπου JPEG ορίζει πως θα εμφανιστεί ένα αρχείο εικόνας στην οθόνη του υπολογιστή. Χωρίς αυτές τις προδιαγραφές τα επικοινωνούντα μέρη δεν θα μπορούσαν να συμφωνήσουν στη σημασιολογία ενός πόρου και ουσιαστικά δεν θα ήξεραν τι να κάνουν με τα ανταλλασσόμενα δεδομένα. Οι τύποι δεδομένων των πόρων πρωταρχικά διακρίνονται σε δύο κατηγορίες: α) Τους δυαδικούς τύπους (binary types) που αφορούν στα δεδομένα που προσδιορίζονται για άμεση χρήση από τους επεξεργαστές (π.χ. αριθμητικές τιμές, δείκτες, συμπιεσμένα δεδομένα) και β) στους κειμενικούς τύπους (textual types) που προσδιορίζονται με μια προκαθορισμένη κωδικοποίηση σαν μια σειρά χαρακτήρων (π.χ. μια HTML σελίδα, ένα μήνυμα ηλεκτρονικού ταχυδρομείου). Παρόλο που είναι σαφής, η παραπάνω διάκριση δεν αρκεί για την αποδοτική χρήση των πόρων στο Web. Το πρότυπο MIME (Multipurpose Internet Mail Extensions) δημοσιεύτηκε το 1996 με το Request for Comment (RFC) έγγραφα Η βασική έννοια του προτύπου αυτού είναι οι τύποι μέσων (media types) που ονοματίζουν μοναδικά διαφορετικούς τύπους δεδομένων έτσι ώστε οι εφαρμογές που τους υποστηρίζουν να μπορούν να «αντιμετωπίζουν τα δεδομένα με τον κατάλληλο τρόπο». Η ενότητα 5 του RFC 2045 προσδιορίζει ότι ένας τύπος μέσου αποτελείται από έναν προσδιοριστή της μορφής type/subtype και ένα σύνολο προαιρετικών παραμέτρων attribute=value. Για παράδειγμα ο προεπιλεγμένος τύπος μέσου text/plain; charset=us-ascii προσδιορίζει ένα κειμενικό αρχείο στην κωδικοποίηση US-ASCII. Το RFC 2046 ορίζει ένα σύνολο συνηθισμένων τύπων δεδομένων και τις παραμέτρους τους, ωστόσο δεν γίνεται να απαριθμηθούν όλοι οι τύποι δεδομένων σε ένα RFC. Για το λόγο αυτό, το RFC 2048 και η ενημέρωσή του RFC 4288 ορίζουν μια διαδικασία καταχώρησης, με την οποία νέοι τύποι μέσων καταχωρούνται στον οργανισμό IANA. Μέχρι τις αρχές του 2010 η επίσημη λίστα περιείχε περισσότερους από χίλιους τύπους όπως text/html, image/jpeg και application/msword, οργανωμένους κάτω από οχτώ κατηγορίες HTTP Οι δυο οντότητες που περιγράφηκαν παραπάνω δηλαδή ο browser (που στην ουσία αντιπροσωπεύει το χρήστη) και ο web server, επικοινωνούν μέσω ενός πρωτοκόλλου που ονομάζεται HTTP. Να διευκρινίσουμε ότι με τον όρο πρωτόκολλο υπολογιστή ονομάζουμε ένα σύνολο κανόνων για την επιτυχή επικοινωνία μεταξύ ενός server και ενός client. Στην ουσία αποτελείται από συγκεκριμένα μηνύματα τα οποία ανταλλάσσονται μεταξύ δύο υπολογιστών με συγκεκριμένη σειρά για την επίτευξη μιας εργασίας. Στην περίπτωση του Web, η εργασία αυτή είναι ο διαμοιρασμός πόρων (HTML σελίδων, εικόνων κ.τ.λ.) μεταξύ ενός web browser και ενός web server. Το HTTP ανήκει στην κατηγορία πρωτοκόλλων request-response. Αυτό πρακτικά σημαίνει ότι κάθε φάση του πρωτοκόλλου ολοκληρώνεται με την ανταλλαγή ενός αιτήματος 7

8 (request) από τον browser που λέμε ότι παίζει το ρόλο του πελάτη (του εξυπηρετούμενου) και μιας απάντησης σε αυτό το αίτημα (response) από το server (του εξυπηρέτη). Τόσο ένα μήνυμα request όσο και ένα μήνυμα response έχουν μια προκαθορισμένη δομή. Ένα HTTP request μπορεί να χωριστεί σε τρία βασικά μέρη. Το πρώτο κομμάτι περιλαμβάνει τις εξής πληροφορίες: HTTP Request Method, το οποίο δηλώνει την πράξη που επιθυμούμε να εκτελεστεί σε ένα πόρο στο server. Η HTTP υποστηρίζει συνολικά εννιά τέτοιες πράξεις-μεθόδους: HEAD, GET, POST, PUT, DELETE, TRACE, OPTIONS, CONNECT, PATCH. Από αυτές οι πιο συχνά χρησιμοποιούμενες μεταξύ ενός browser και ενός server είναι η GET και η POST γι αυτό και θα αναλυθούν παρακάτω με μεγαλύτερη λεπτομέρεια. URL, το οποίο δηλώνει τη διεύθυνση του πόρου τον οποίο αιτείται ο πελάτης (χρήστης). Την έκδοση του HTTP πρωτοκόλλου που χρησιμοποιεί ο χρήστης. Το δεύτερο τμήμα ενός μηνύματος HTTP request περιλαμβάνει ένα ή περισσότερα headers. Αυτά είναι διάφορα πεδία που χρησιμοποιούνται για να δώσουν πληροφορίες (δευτερευούσης κυρίως) σημασίας σχετικά με τον πελάτη, όπως π.χ. τι είδους browser χρησιμοποιεί ο πελάτης, το λειτουργικό του σύστημα κ.α. Καθ ένα από τα headers καταλαμβάνει μια γραμμή η οποία αποτελείται από το όνομα του header, το χαρακτήρα : και τέλος την τιμή για το συγκεκριμένο πεδίο. Το τρίτο τμήμα ενός μηνύματος HTTP request είναι γνωστό ως body. Το κομμάτι αυτό είναι προαιρετικό αλλά όταν υπάρχει, περιλαμβάνει τα δεδομένα που ενδέχεται να συνοδεύουν το αίτημα του πελάτη π.χ. τα δεδομένα μιας φόρμας που συμπλήρωσε ο χρήστης. Το HTTP Request Body διαχωρίζεται από το HTTP Request Header απαραίτητα με μια κενή γραμμή. Ένα HTTP Response έχει παρόμοια δομή με αυτή ενός HTTP Request. Και αυτό το μήνυμα αποτελείται από τρία βασικά τμήματα. Το πρώτο τμήμα περιλαμβάνει τις εξής πληροφορίες: Την έκδοση του HTTP πρωτοκόλλου που χρησιμοποιείται. Ένα κωδικό με το αποτέλεσμα την διαδικασίας (π.χ. κωδικός για επιτυχία ή κωδικός κάποιου λάθους) Μια λέξη που περιγράφει το αποτέλεσμα της διαδικασίας. Το δεύτερο τμήμα περιλαμβάνει headers παρόμοια σε σκοπό και δομή με αυτά των HTTP Request Headers. Το τρίτο τμήμα περιλαμβάνει το body το οποίο στις περισσότερες των περιπτώσεων περιλαμβάνει τον κώδικα HTML της ιστοσελίδας που είχε αιτηθεί ο client. Σε αυτό το σημείο θα πρέπει να αναφερθούμε αναλυτικότερα στις δύο βασικές μεθόδους για ένα HTTP Request, τη GET και την POST. Η μέθοδος GET χρησιμοποιείται για την αίτηση αποστολής ενός πόρου από το server πίσω στον πελάτη. Σύμφωνα με το πρότυπο η μέθοδος GET θα πρέπει να χρησιμοποιείται αποκλειστικά για την ανάκτηση δεδομένων (π.χ. μιας ιστοσελίδας) και για κανένα επιπρόσθετο λόγο (π.χ. αποθήκευση ή ενημέρωση δεδομένων στο server κ.τ.λ.) αν και αυτό στην πράξη δεν τηρείται πάντα. Είναι δυνατόν κάθε request να συνοδεύεται από δεδομένα του πελάτη. Στην περίπτωση της GET τα δεδομένα αυτά προσκολλώνται στo URL με το query string που εξετάσαμε παραπάνω. Στη μέθοδο GET το μέγεθος των δεδομένων που μεταδίδονται είναι σχετικά περιορισμένο και είναι ορατό άμεσα από το χρήστη, αφού εμφανίζεται στο URL. Αντίθετα η μέθοδος POST χρησιμοποιείται τυπικά για την αποστολή δεδομένων στο server προς περαιτέρω επεξεργασία, για παράδειγμα το όνομα και ο κωδικός ενός χρήστη που αποστέλονται στο server μέσω μιας φόρμας login. Σε αντίθεση με την GET τα δεδομένα προς αποστολή δεν προσκολλώνται στην URL παρά τοποθετούνται στο HTTP Request Body. Κατά συνέπεια μπορεί να έχουν πολύ μεγαλύτερο μέγεθος και φυσικά δεν είναι άμεσα ορατά από τον χρήστη. Τα παρακάτω παραδείγματα παρουσιάζουν ένα HTTP Request με τη μέθοδο GET και POST αντίστοιχα. GET HTTP/1.0 User-Agent: Mozilla/4.0 8

9 Εισαγωγή στην ASP.NET 4.0 [κενή γραµµή] POST HTTP/1.0 From: User-Agent: Mozilla/4.0 Content-Type: application/x-www-form-urlencoded Content-Length: 30 Username=testName&password=1234 Ένα HTTP Response έχει την παρακάτω μορφή: HTTP/ OK Date: Sun, 18 March :59:59 GMT Content-Type: text/html Content-Length: 1354 <h1>hello World!</h1>... Το HTTP χαρακτηρίζεται ως ένα connectionless και stateless πρωτόκολλο, πράγμα που σημαίνει πως μόλις ένας κύκλος request/response έχει ολοκληρωθεί όλες οι πληροφορίες που έχει ο server για τον client χάνονται. Αυτό ίσως έρχεται σε αντίθεση με τη θεώρηση που έχουν οι περισσότεροι χρήστες για το HTTP μέσα από την καθημερινή τους εμπειρία. Π.χ. όταν ο χρήστης κάνει login σε μια σελίδα Α και εν συνεχεία μεταβαίνει σε μια σελίδα Β, η σελίδα Β μοιάζει να θυμάται ότι ο χρήστης είναι ο ίδιος που είχε κάνει προηγουμένως login. Ωστόσο θα πρέπει να τονιστεί ότι για την επίτευξη τέτοιων λειτουργιών έχουν αναπτυχθεί ειδικές τεχνικές (π.χ. cookies) τις οποίες και θα μελετήσουμε σε επόμενα κεφάλαια. Να διευκρινιστεί τέλος ότι η διαδικασία ανταλλαγής μηνυμάτων γίνεται σιωπηρά στο παρασκήνιο από το browser και τον server και ο χρήστης σε καμία περίπτωση δεν έρχεται σε επαφή με αυτά τα μηνύματα παρά μόνο βλέπει το τελικό αποτέλεσμα π.χ. την ιστοσελίδα που ζήτησε. ΗTTP Request POST HTTP/1.0 User-Agent: Mozilla/4.0 Content-Type: application/x-wwwform-urlencoded Content-Length: 30 Username=testName HTTP Response HTTP/ OK Date: Sun, 18 March :59:59 GMT Content-Type: text/html Content-Length: 1354 <h1>hello World!</h1> Εικόνα Μια τυπική δοσοληψία στο Web 9

10 HTML Οι ιστοσελίδες γράφονται με βάση τη γλώσσα Hyper Text Markup Language (HTML). Η τελευταία έκδοση της HTML είναι η έκδοση 5, η οποία ωστόσο δεν έχει οριστικοποιηθεί, δεν έχει πλήρη υποστήριξη από τους browsers και γι αυτό δεν θα την εξετάσουμε σε βάθος. Είναι σημαντικό να γίνει κατανοητό ότι αρχεία HTML δεν είναι τίποτα άλλο από απλά αρχεία κειμένου που απλά ακολουθούν ένα συγκεκριμένο συντακτικό. Τα αρχεία αυτά περιέχουν λοιπόν, κείμενο και άλλες δεσμευμένες λέξεις οι οποίες δίνουν οδηγίες στον browser για το πώς να εμφανίσει το περιεχόμενό τους. Οι δεσμευμένες λέξεις ονομάζονται ετικέτες (tags) και συνθέτουν στοιχεία (elements) το οποία είναι οπτικά αντικείμενα. Ο browser του χρήστη είναι κατασκευασμένος έτσι ώστε να αντιλαμβάνεται αυτό το συντακτικό, να μεταφράζει ακολουθίες χαρακτήρων ως οδηγίες και εν συνεχεία να παρουσιάζει κατάλληλα το περιεχόμενο του αρχείου στην οθόνη σύμφωνα με αυτές τις οδηγίες. Είναι πολύ απλό να δημιουργήσουμε την πρώτη μας ιστοσελίδα. Στην επόμενη ενότητα θα μπούμε σε περισσότερες λεπτομέρειες σχετικά με την HTML. Το πρόβληµα µε την HTML Η HMTL είναι μια πολύ επιτυχημένη γλώσσα και αποτελεί ένα από τα κύρια συστατικά του web. Μέσω αυτής μπορούν να δημιουργηθούν από πολύ απλά sites τα οποία μπορούν να εμφανιστούν ακόμα και στις οθόνες κινητών τηλεφώνων με περιορισμένες δυνατότητες έως και πολύπλοκα sites που περιλαμβάνουν κίνηση και μουσική! Το πρόβλημα με την HTML είναι ότι από μόνη της είναι «στατική». Με τον όρο «στατική» δεν εννοούμε φυσικά το αν σελίδες σε HTML θα περιλαμβάνουν γραφικά με κίνηση αλλά σελίδες που μεταβάλουν το περιεχόμενό τους αυτόματα ανάλογα με το αν συντρέχουν κάποιες συγκυρίες. Πολύ συχνά θέλουμε κάποιες σελίδες να εμφανίζονται με βάση δεδομένα τα οποία αλλάζουν γρήγορα. Π.χ. μια ιστοσελίδα βιβλιοπωλείου παρουσιάζει τα best sellers του εκάστοτε μήνα. Είναι δυνατόν κάθε μήνα να υπάρχουν ανακατατάξεις γεγονός που θα οδηγούσε στην ανάγκη δημιουργίας και αποθήκευσης στον web server μια νέας σελίδας με την ανανεωμένη λίστα μια φορά το μήνα. Μια φορά το μήνα φυσικά μπορεί να μην είναι δραματικός φόρτος εργασίας για ένα προγραμματιστή ωστόσο υπάρχουν εφαρμογές που η ανανέωση απαιτείται να γίνεται πολύ πιο συχνά π.χ. κάθε ώρα ή κάθε λεπτό όπως π.χ. σε εφαρμογές χρηματιστηρίου ASP.NET Η ASP.ΝΕΤ δημιουργήθηκε για να καλύψει αυτή την ανάγκη. Η ASP.ΝΕΤ ανήκει στην κατηγορία γλωσσών ανάπτυξης web εφαρμογών που περιλαμβάνει τεχνολογίες όπως η PHP, JSP, Ruby on Rails. Τέτοιου είδους γλώσσες είναι σχεδιασμένες να τρέχουν στο server και όχι στον browser του πελάτη (χρήστη). Ο κώδικας που ο προγραμματιστής γράφει σε ASP.NET εκτελείται στο server και παράγει HTML σελίδες δυναμικά. Ανάλογα με τη λογική της εφαρμογής μια συγκεκριμένη σελίδα μπορεί να μοιάζει διαφορετική π.χ. για διαφορετικούς χρήστες, ή σε διαφορετικές χρονικές στιγμές. Αυτό γίνεται αυτόματα χωρίς να χρειάζεται τροποποίηση της σελίδας όπως θα είχαμε στην περίπτωση των HTML σελίδων. Οι σελίδες γραμμένες σε ASP.NET ονομάζονται Web Forms και τέτοιου είδους web sites ονομάζονται εφαρμογές web (web applications). Tα αρχεία αυτής της μορφής έχουν κατάληξη «.aspx». Μερικά από τα βασικά πλεονεκτήματα που καθιέρωσαν την ASP.NET ως μια από τις σημαντικότερες γλώσσες ανάπτυξης web εφαρμογών είναι: Χρησιμοποιεί το.net framework, ένα πακέτο που προσφέρει έτοιμη λειτουργικότητα στον προγραμματιστή για την διευκόλυνσή του με βασικές διαδικασίες. Επιτρέπει την συγγραφή κώδικα με μια από περισσότερες από 40 γλώσσες προγραμματισμού μεταξύ των οποίων και οι πιο διαδεδομένες C# και Visual Basic. Βάση σχεδιασμού επιτρέπει την ανεξαρτητοποίηση της λογικής μιας σελίδας από το παρουσιαστικό της. Αλλαγές που κάνει ενδεχομένως κάποιος στην 10

11 εμφάνιση μιας web εφαρμογής δεν επηρεάζουν απαραίτητα και τη λογική της εφαρμογής. Υπάρχουν κορυφαία εργαλεία ανάπτυξης εφαρμογών με ASP.NET όπως είναι το Visual Studio Εισαγωγή στην HTML Η HTML είναι η πιο διαδεδομένη γλώσσα που χρησιμοποιείται για την περιγραφή ιστοσελίδων. Δεν είναι γλώσσα προγραμματισμού αφού δεν χρησιμοποιείται για να καθορίσει κανείς τη συμπεριφορά προγραμμάτων, αλλά μέσω αυτής καθορίζεται το παρουσιαστικό μιας ιστοσελίδας. Η προδιαγραφή της HTML ορίζει ένα σύνολο από στοιχεία (elements), τα οποία αναπαριστώνται με tags, δηλαδή με λέξεις-κλειδιά που περικλείονται μεταξύ των χαρακτήρων «<» και «>» ή «</» και «>». Τα html tags συνήθως πάνε σε ζευγάρια με το πρώτο κομμάτι να ονομάζεται opening tag και το δεύτερο μέρος closing tag. Ανάλογα με το εκάστοτε στοιχείο μεταξύ του opening και closing tag ενδέχεται να μην υπάρχει τίποτα, να υπάρχει κείμενο ή ακόμα και άλλα στοιχεία. Κάθε tag υποστηρίζει ένα σύνολο από ιδιότητες (attributes). Η τιμή κάθε attribute πρέπει να περικλείεται πάντα μεταξύ των χαρακτήρων. Θέτοντας μια τιμή σε ένα attribute καθορίζεται ένα συγκεκριμένο χαρακτηριστικό (π.χ. μέγεθος κ.τ.λ.) του στοιχείου για το οποίο είναι υπεύθυνο το tag. Η τυπική δομή ενός element φαίνεται παρακάτω: Opening tag Content <textarea rows= 5 > Sample text </textarea> Attribute Closing tag Εικόνα Η δομή ενός HTML Element Κάθε tag αποτελεί μια οδηγία στον browser για την εμφάνιση ενός συγκεκριμένου οπτικού αντικειμένου στην οθόνη ή μια οδηγία η οποίαεπηρεάσει τον τρόπο με τον οποίο ο browser θα εμφανίσει ένα στοιχείο. Τα βασικά και απαραίτητα στοιχεία μιας σελίδας είναι τρία: To, που χρησιμοποιείται για να ορίσει μια ιστοσελίδα. Το, που χρησιμοποιείται για να ορίσει τον τίτλο μια ιστοσελίδας καθώς και άλλες πληροφορίες που δεν είναι ορατές στο χρήστη. Το, που χρησιμοποιείται για να ορίσει το κυρίως μέρος μιας σελίδας που τελικά θα παρουσιάζεται στο χρήστη. Μια ιστοσελίδα στην πιο απλή μορφή της έχει λοιπόν την ακόλουθη δομή: <title> Όνοµα Σελίδας... </title> Η πρώτη µου ιστοσελίδα! Λίστα 1.1- Η πιο απλή ιστοσελίδα 11

12 Εικόνα 1.4 Η πιο απλή ιστοσελίδα Τα αρχεία HTML πρέπει πάντα να έχουν κατάληξη.html ή.htm. Το αποτέλεσμα από το παραπάνω παράδειγμα δεν μοιάζει πολύ διαφορετικό από ότι θα βλέπαμε αν γράφαμε το ίδιο σε ένα απλό αρχείο κειμένου. Η HTML ορίζει ένα πλήθος από tags ωστόσο εμείς στη συνέχεια θα εξετάσουμε τα πιο βασικά από αυτά Ορίζει την αρχή και το τέλος μίας ιστοσελίδας. Είναι ένα από τα απαραίτητα tags κάθε ιστοσελίδας. Οποιαδήποτε άλλη πληροφορία ή οποιοδήποτε άλλο αντικείμενο εμπερικλείεται εντός αυτών των tags. Συχνά χαρακτηρίζεται ως το στοιχείο «ρίζα» (root element) της σελίδας Ορίζει ένα ειδικό τμήμα της σελίδας στο οποίο μπορούμε εν συνεχεία να ορίσουμε ειδικά χαρακτηριστικά της σελίδας δευτερευούσης σημασίας όπως π.χ., τίτλος, meta-data κ.τ.λ. Επίσης εντός του πεδίου μπορούν να οριστούν scripts δηλαδή μικρά προγράμματα (γραμμένα συνήθως στη γλώσσα προγραμματισμού JavaScript) τα οποία επιτελούν μια απλή διαδικασία. Εντός του head μπορεί να περιέχονται τα εξής tags: base Θέτει τη βάση των διευθύνσεων link Θέτει μια αναφορά σε ένα συγκεκριμένο πόρο meta Περιέχει μετα-δεδομένα όπως η περίληψη της σελίδας κ.τ.λ. object Ορίζει ένα αντικείμενο πολυμέσων (π.χ. ένα video τύπου flash) script Ορίζει ένα μικρό πρόγραμμα ή περιέχει μια αναφορά σε ένα αρχείο που περιέχει αυτό το πρόγραμμα. Προγράμματα αυτού του είδους είναι γραμμένα στη γλώσσα προγραμματισμού JavaScript και εκτελούνται εντός του browser (όχι απευθείας στο λειτουργικό σύστημα) style Ορίζει μια περιοχή στην οποία μπορούμε να γράψουμε οδηγίες μορφοποίησης CSS. 12

13 Ορίζει το βασικό σώμα της σελίδας μέσα στο οποίο θα οριστούν τα βασικά αντικείμενα της όπως π.χ. εικόνες, κείμενο, κουμπιά, φόρμες συμπλήρωσης στοιχείων κ.τ.λ <title> Ορίζει τον τίτλο της σελίδας. Το συγκεκριμένο tag μπορεί να περικλείεται μόνο εντός του Σχόλια Τα σχόλια είναι σημαντικό να υπάρχουν σε κάθε σελίδα ώστε να επεξηγείται η δομή και η χρησιμότητα ορισμένων ενδεχομένως κρίσιμων κομματιών της σε οποιονδήποτε διαβάζει τον πηγαίο κώδικα της σελίδας (π.χ. σε ένα άλλο προγραμματιστή). Τα σχόλια λοιπόν, ορίζονται μέσω της ακολουθίας <!--" και -->. Οτιδήποτε περικλείεται εντός αυτών των ακολουθιών θα αγνοηθεί από τον browser και δεν θα εμφανιστεί καθόλου. Προσοχή: Εντός ενός σχολίου είναι κακή πρακτική να περικλείουμε την ακολουθία --. Η ακολουθία <! διευκρινίζει στον browser το πρόκειται να ακολουθήσει μια οδηγία και η πραγματική οδηγία είναι --" που μεταφράζεται ως έναρξη σχολίων την πρώτη φορά και λήξη σχολίων τη δεύτερη φορά <h*> Η HTML παρέχει τη δυνατότητα εισαγωγής επικεφαλίδων. Μάλιστα δίδεται η δυνατότητα δημιουργίας επικεφαλίδων διαφορετικού επιπέδου. Έτσι το στοιχείο <h1> δημιουργεί τη βασική επικεφαλίδα της σελίδας, το στοιχείο <h2> μια υπο-επικεφαλίδα κ.ο.κ. Το ανώτατο επίπεδο που μπορεί να οριστεί είναι το <h6>. <title> Όνοµα Σελίδας... </title> <h1> Επικεφαλίδα 1 </h1> <h2> Επικεφαλίδα 2 </h2> <h3> Επικεφαλίδα 3 </h3> <h4> Επικεφαλίδα 4 </h4> <h5> Επικεφαλίδα 5 </h5> <h6> Επικεφαλίδα 6 </h6> Απλό κείµενο... Λίστα 1.2- Παράδειγμα των στοιχείων h Εικόνα 1.5 Παράδειγμα των στοιχείων h 13

14 <p> Όταν είναι επιθυμητό να προσδώσουμε τη μορφή μιας παραγράφου σε ένα κομμάτι κειμένου τότε το συγκεκριμένο στοιχείο εισάγεται περικλείοντας το εν λόγω κείμενο εντός του. <title> Όνοµα Σελίδας... </title> <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a arcu erat, eu vehicula ante.</p> <p>donec tempus cursus purus non fermentum.</p> <p>pellentesque habitant. Cras a elit in velit tincidunt hendrerit in et eros.</p> Λίστα Παράδειγμα του στοιχείου p <br /> Εικόνα 1.6 Παράδειγμα του στοιχείου p Στην HTML ότι κείμενο εισάγεται θα εμφανίζεται σε μια μόνο γραμμή στον browser. Αυτό ισχύει ακόμα και αν στον πηγαίο κώδικα πατήσουμε enter για να συνεχίσουμε το κείμενο στην επόμενη γραμμή. Ο μόνος τρόπος για να επιτευχθεί η αλλαγή της γραμμής είναι με τη χρήση της ακολουθίας <br />. Το <br /> είναι ένα από τα λίγα tags που δεν έχει ζευγάρι, δεν χρειάζεται δηλαδή opening tag. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a arcu erat, eu vehicula ante. Donec tempus cursus purus non fermentum. <br /> Pellentesque habitant. <br /> Cras a elit in velit tincidunt hendrerit in et eros. Λίστα 1.4- Παράδειγμα του στοιχείου br Εικόνα 1.7 Παράδειγμα του στοιχείου br Στο παραπάνω παράδειγμα παρατηρούμε ότι παρόλο που στον πηγαίο κώδικα έχουμε αλλαγή γραμμής μετά το ante., στον browser δεν εμφανίζεται κάτι ανάλογο. Αντίθετα το <br /> όπου εμφανίζεται αναγκάζει τον browser να εμφανίσει το κείμενο σε διαφορετική γραμμή ακόμα και αν στον πηγαίο κώδικα ακολουθεί κείμενο στην ίδια γραμμή (παρατηρήστε το δεύτερο <br />) <hr> Συνήθως εισάγεται μεταξύ κειμένου και εμφανίζει μια οριζόντια γραμμή στην οθόνη. 14

15 <title> Όνοµα Σελίδας... </title> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a arcu erat, eu vehicula ante. <hr /> Donec tempus cursus purus non fermentum.<br /> Pellentesque habitant. <br /> Cras a elit in velit tincidunt hendrerit in et eros. Λίστα Παράδειγμα του στοιχείου hr <b> <i> Εικόνα 1.8 Παράδειγμα του στοιχείου hr Εμφανίζει το κείμενο εντός του με έντονη γραμματοσειρά. Εμφανίζει το κείμενο εντός του σε πλάγια γραμματοσειρά <u> Εμφανίζει το κείμενο που εντός του σε υπογραμμισμένη γραμματοσειρά. Η λειτουργικότητα των b, i και u μπορεί να επιτευχθεί εναλλακτικά με CSS, ωστόσο αυτά τα tags παρέχουν ένα άμεσο τρόπο μορφοποίησης κειμένου. <title> Όνοµα Σελίδας... </title> <b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a arcu erat, eu vehicula ante.</b> <br/> <i>donec tempus cursus purus non fermentum.</i> <br /> <u>pellentesque habitant. Cras a elit in velit tincidunt hendrerit in et eros.</u> Λίστα 1.6 Τα στοιχεία b, i, u <div> Εικόνα 1.9 Τα στοιχεία b, i, u Ένα div χρησιμοποιείται συνήθως για να οργανώσει τη σελίδα σε εννοιολογικά κομμάτια. Από μόνο του δεν έχει κάποια πρακτική εφαρμογή καθώς δεν εμφανίζει κάποιο αντικείμενο στην οθόνη ούτε μορφοποιεί άλλα, παρόλα αυτά θεωρείται ένα από τα σημαντικότερα tags. Μια πολύ διαδεδομένη πρακτική είναι να χρησιμοποιείται σε συνδυασμό με τα CSS για να οργανώσει τη σελίδα σε κομμάτια όπου ισχύουν διαφορετικοί 15

16 κανόνες μορφοποίησης. Π.χ. σε μια σελίδα υπάρχει ένα div που θα περιλαμβάνει το μενού στην κορυφή που η γραμματοσειρά θα είναι έντονη, άλλο div ορίζει μια στήλη αριστερά που η γραμματοσειρά είναι μεγαλύτερη ενώ ένα τελευταίο ορίζει τη στήλη στα δεξιά της σελίδας που η γραμματοσειρά είναι πιο μικρή κ.τ.λ. <title> Όνοµα Σελίδας... </title> <style type="text/css">.box{ background-color: red; </style> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a arcu erat, eu vehicula ante. <div class="box" > Donec tempus cursus purus non fermentum. Pellentesque habitant. </div> Cras a elit in velit tincidunt hendrerit in et eros. Λίστα 1.7- Παράδειγμα του στοιχείου div Εικόνα 1.10 Παράδειγμα του στοιχείου div Θυμηθείτε ότι στην HTML το κείμενο συνεχίζει στην ίδια γραμμή ακόμα και αν στον κώδικα ο προγραμματιστής έχει αλλάξει γραμμή (πατώντας enter). Παρόλα αυτά στο συγκεκριμένο παράδειγμα παρατηρήστε ότι τα περιεχόμενα εντός του div θα εμφανιστούν σε άλλη γραμμή. Αυτό συμβαίνει γιατί εξ ορισμού το div καταλαμβάνει μια ολόκληρη τη γραμμή. Η κόκκινη γραμμή παρουσιάζει το χώρο που καταλαμβάνει ένα div (εξ ορισμού δεν εμφανίζεται η κόκκινη γραμμή) <span> Το span είναι αρκετά παρόμοιο στη χρήση του με το div. Μια σημαντική διαφορά έγκειται στο γεγονός ότι το span καταλαμβάνει όσο το δυνατόν λιγότερο χώρο. Αντίθετα το div θα εξαντλήσει όλο το πλάτος της γραμμής. Γι αυτό το λόγο το span χρησιμοποιείται κατά κόρον για τη μορφοποίηση/σήμανση κειμένου ενώ το div χρησιμοποιείται για τον ίδιο σκοπό αλλά για ένα σύνολο από αντικείμενα (που μπορεί να είναι κείμενο αλλά και εικόνες). <title> Όνοµα Σελίδας... </title> <style type="text/css"> span{ background-color: red; </style> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <span >Proin a arcu erat, eu vehicula ante.</span> Donec tempus cursus purus non fermentum.<br/> Pellentesque habitant. Cras a elit in velit tincidunt hendrerit in et eros. 16

17 Λίστα 1.8- Παράδειγμα του span element Εικόνα 1.11 Παράδειγμα του στοιχείου span Είναι καλό λοιπόν να θεωρούμε το div σαν ένα κουτί που εκτείνεται από το ένα άκρο της οθόνης ως το άλλο και ύψος τόσο όσο τα στοιχεία που περιλαμβάνει. Το span μπορούμε να το θεωρούμε σαν ένα κουτί που έχει μήκος ακριβώς τόσο όσο κείμενο (ή τα άλλα στοιχεία) που περικλείει <a> Εμφανίζει ένα υπερσύνδεσμο (anchor). Μπορεί να περιέχει κείμενο, εικόνα ή και τα δύο. Επίσης υπάρχει η δυνατότητα να δίνει μια αναφορά σε μια διαφορετική ιστοσελίδα ή σε διαφορετικό τμήμα της ίδιας ιστοσελίδας (π.χ. την τρίτη παράγραφο του κειμένου). Στη δεύτερη περίπτωση τιμή του href θα πρέπει να το id του στοιχείου στο οποίο θέλουμε να γίνεται η μετάβαση προηγούμενο από το χαρακτήρα #. Εξ ορισμού το κείμενο αυτό θα υπογραμμιστεί και θα λάβει διαφορετικό χρώμα για να δηλωθεί έτσι ότι είναι πλέον ένας σύνδεσμος. Εξ ορισμού ένας σύνδεσμος τον οποίο δεν έχουμε επισκεφτεί ακόμα έχει χρώμα μπλε, ένας σύνδεσμος τον οποίο έχουμε επισκεφτεί έχει χρώμα μοβ, ενώ ένας σύνδεσμος ακριβώς τη στιγμή που τον πατάμε έχει χρώμα κόκκινο. Φυσικά όλα αυτά μπορούν να αλλάξουν με κατάλληλες ρυθμίσεις. Το πιο σημαντικό από τα attributes ενός υπερσυνδέσμου είναι το href το οποίο καθορίζει που ακριβώς θα μεταβεί η σελίδα. <a href="http://www.google.com">google</a> <br/> <a href="#paragraph_three"> Τρίτη Παράγραφος </a> <p id="paragraph_one"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla pulvinar enim non pellentesque. Integer eu nisl quis leo facilisis imperdiet non eu tellus. Proin ut erat libero, et pharetra sapien. Nam a felis ligula. Donec sodales molestie condimentum. Vivamus volutpat rutrum rhoncus. Ut placerat, purus nec rutrum imperdiet, odio eros posuere justo, convallis consequat tellus libero id lacus. </p> <p id="paragraph_two"> Vestibulum vulputate sollicitudin nulla, placerat viverra augue varius a. Vestibulum mattis lacus vitae sem ullamcorper sed lobortis felis sollicitudin. Ut eros nisl, pretium in laoreet vel, fermentum suscipit ligula. Ut eget purus lorem. Proin sed justo augue, ac commodo lectus. Aenean a diam et dolor adipiscing congue. Sed justo justo, posuere ac posuere id, cursus non ligula. Nam luctus magna in dolor rutrum consequat. Nulla facilisi. Donec vitae neque massa. Donec eu blandit tellus. Nunc egestas dui in elit mollis nec venenatis nisi pretium. Donec convallis ipsum libero. Sed adipiscing, dui at eleifend fringilla, nisi lacus pharetra mi, vitae convallis neque arcu id purus. Sed vitae est nunc, et blandit risus. </p> <p id="paragraph_three"> Vivamus vestibulum laoreet ante, id consectetur nisi hendrerit quis. Suspendisse porta, lorem ac cursus fringilla, turpis elit tempus enim, et ultrices lorem libero ac nisi. Nulla vitae facilisis sapien. Fusce euismod tortor ut purus dictum porta. Praesent laoreet sem nunc. Morbi cursus condimentum est, sed egestas sapien laoreet sit amet. Nulla mollis, ipsum lobortis elementum consequat, nulla nisi fermentum dolor, vel pulvinar massa eros vel lacus. Maecenas ligula nisi, laoreet sed aliquet a, euismod sagittis neque. </p> 17

18 Λίστα Παράδειγμα του στοιχείου a <img> Στα σύγχρονα web sites οι εικόνες αποτελούν ένα αναπόσπαστο κομμάτι σχεδόν κάθε ιστοσελίδας. Το tag img εμφανίζει στην ιστοσελίδα μια εικόνα συγκεκριμένων διαστάσεων που βρίσκεται σε ένα συγκεκριμένο φάκελο στο server. Τα βασικότερα attributes του συγκεκριμένου tag είναι τα εξής: src που καθορίζει το path (τοποθεσία) της εικόνας στο server. Το path μπορεί να είναι σχετικό (relative) δηλαδή να υποδηλώνει μια τοποθεσία σε σχέση με την τοποθεσία της σελίδας ή απόλυτο, δηλαδή την πλήρη διεύθυνση του πόρου στο server. Ως path τέλος μπορεί να οριστεί μια URL. width που καθορίζει το μήκος της εικόνας. height που καθορίζει το ύψος της εικόνας. alt που καθορίζει το κείμενο που θα εμφανίζεται σε ένα μικρό πλαίσιο όταν ο χρήστης τοποθετεί το κέρσορά του πάνω στην εικόνα. <title> Τίτλος... </title> <img src="./images/1.jpg" width="400" height="300" alt="εικόνα 1" /> <br /> <img src="2.jpg" width="400" height="300" alt="εικόνα 2" /> <br /> <img src="http://www.nasa.gov/images/content/634159main_five_rockets_launched_full.j pg" width="400" height="300" alt="εικόνα από NASA" /> <br /> Λίστα 1.10 Παράδειγμα στοιχείου img <table> Χρησιμοποιείται για να ορίζει ένα πίνακα με ορισμένο αριθμό στηλών και γραμμών. Με την κατάλληλη παραμετροποίηση είναι δυνατόν να εμφανίζεται ή μην εμφανίζεται καθόλου πλαίσιο γύρω από τον πίνακα. Ένας πίνακας ενδέχεται να περικλείει και άλλους πίνακες. Πέρα από την κλασική του χρήση, πολύ συχνά χρησιμοποιείται για να μορφοποιήσει μια σελίδα σε στήλες και γραμμές ή γενικότερα σε περιοχές. Η τελευταία προσέγγιση ωστόσο είναι καλό να αποφεύγεται καθώς μεταξύ των προγραμματιστών υπάρχει η τάση το παρουσιαστικό να είναι και σημασιολογικά σωστό. Αυτό σημαίνει ότι κάθε tag παρουσιάζει περιεχόμενο που ανταποκρίνεται στη σημασία του tag. Άρα ένα table αφού προορίζεται να αναπαριστά έναν πίνακα θα πρέπει να αναπαριστά όντως έναν πίνακα. Οι γραμμές ενός πίνακα ορίζονται μέσω του tag, <tr></tr>. Οι στήλες του με το tag <td></td>. Τα tags των στηλών θα πρέπει οπωσδήποτε να περικλείονται από tags γραμμών. Αντίστοιχα τα tag γραμμών θα πρέπει να περικλείονται απαραίτητα από tags πίνακα. <table> <tr> <td> <b>x</b> </td> 18

19 <td> <b>y</b> </td> </tr> <td> 123 </td> <td> 234 </td> </tr> </tr> <td> 87 </td> <td> 35 </td> </tr> </table> Λίστα Παράδειγμα του στοιχείου table Φόρµες Εικόνα 1.12 Παράδειγμα του στοιχείου table Οι φόρμες χρησιμοποιούνται για την εισαγωγή και την αποστολή δεδομένων του χρήστη στο server. Από μόνες τους φαινομενικά οι φόρμες είναι άχρηστες αφού το μόνο που επιτυγχάνουν είναι να απλώς να αποστέλλουν δεδομένα. Θα πρέπει να τρέχει κάποιο πρόγραμμα στο server το οποίο θα είναι σε θέση να αναγνωρίζει και εν συνεχεία να μεταχειρίζεται (π.χ. να αποθηκεύει) τα δεδομένα αυτά. Το πρόγραμμα αυτό μπορεί να είναι γραμμένο σε ASP.NET, ή κάποια τεχνική που προϋπήρχε της ASP.NET όπως π.χ. CGI, PHP. Τα βασικά tags που σχετίζονται με τις φόρμες είναι το form, textarea, select, option, input. <form> Ορίζει μια φόρμα στη σελίδα. Στοιχεία όπως το textarea, select, option και input μπορούν να περιέχονται μόνο εντός μιας φόρμας. Το μοναδικό υποχρεωτικό attribute της φόρμας είναι το action το οποίο καθορίζει το URL του προγράμματος στο server στο οποίο θα αποσταλούν τα δεδομένα της φόρμας και το οποίο είναι υπεύθυνο για την περεταίρω επεξεργασία τους. Ακόμα ένα σημαντικό attribute είναι το method που καθορίζει τον τρόπο αποστολής δεδομένων στο server. Οι πιθανές τιμές είναι το get και το post (για περισσότερες λεπτομέρειες συμβουλευτείτε την παράγραφο 1.3). Να σημειωθεί ότι κάθε στοιχείο που περιλαμβάνει η φόρμα μας θα πρέπει να φέρει το attribute name. Αυτό δίνει τη δυνατότητα στο εν λόγω πρόγραμμα στο server να αναγνωρίζει ορθά τα αντικείμενα της σελίδας και να ανακτά την τιμή την οποία φέρουν. <input> Μέσω ενός input δίδεται στον προγραμματιστή η δυνατότητα δημιουργίας μιας πληθώρας αντικειμένων στην οθόνη για εισαγωγή δεδομένων (με διαφορετικούς τρόπους) από το χρήστη. Το βασικό attribute του input είναι το type το οποίο καθορίζει τον τύπο αντικειμένου. Ανάλογα με τον τύπο που έχει επιλεγεί υπάρχουν διαφορετικά attributes που ελέγχουν διαφορετικά χαρακτηριστικά του input. 19

20 Text Δημιουργεί ένα κουτί για την εισαγωγή κειμένου από το χρήστη. Θέτοντας κάποια τιμή στο attribute, value ο προγραμματιστής μπορεί να θέσει εξ αρχής το κείμενο του. <form action="test.php"> Όνοµα: <input type="text" name="textbox1" /> </form> Λίστα Το στοιχείο input για την τιμή text του attribute type Password Εικόνα 1.13 Το στοιχείο input για την τιμή text του attribute type Δημιουργεί ένα κουτί για την εισαγωγή κειμένου, παρόμοιο με ένα text, το οποίο όμως αποκρύπτει τα περιεχόμενά του από το χρήστη (π.χ. εμφανίζει αστερίσκους αντί των γραμμάτων που εισάγει ο χρήστης). Χρησιμοποιείται κατά κόρων για την εισαγωγή κωδικών. <form action="test.php"> Kωδικός: <input type="password" name="password1" /> </form> Λίστα Το στοιχείο input για την τιμή password του attribute type Εικόνα 1.14 Το στοιχείο input για την τιμή password του attribute type Checkbox Δημιουργεί ένα κουτί το οποίο μπορεί να λάβει δύο καταστάσεις, check και uncheck. Πολλά checkboxes μπορούν να ομαδοποιηθούν μαζί θέτοντας απλά την ίδια τιμή στο attribute, name. Κατ αυτό τον τρόπο παρέχεται στο χρήστη μια λίστα επιλογών από τις οποίες αυτός μπορεί να επιλέξει μια ή περισσότερες. <form action="test.php"> Επιλογή: <input type="checkbox" name="checkbox1" /> </form> Λίστα Το στοιχείο input για την τιμή checkbox του attribute type 20

A Conceptual Object-Oriented Interface for an Integrated Logical Toolkit

A Conceptual Object-Oriented Interface for an Integrated Logical Toolkit A Conceptual Object-Oriented Interface for an Integrated Logical Toolkit A Dissertation Presented to the Faculty of the School of Engineering and Applied Science University of Virginia In Partial Fulfillment

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

Ermis Direct. Θα χρησιμοποιηθεί, σε περίπτωση βράβευσης, για την παρουσίαση της συμμετοχής στην τελετή απονομής και στα έντυπα της διοργάνωσης.

Ermis Direct. Θα χρησιμοποιηθεί, σε περίπτωση βράβευσης, για την παρουσίαση της συμμετοχής στην τελετή απονομής και στα έντυπα της διοργάνωσης. Ermis Direct Η έκθεση δεν θα πρέπει να ξεπερνάει συνολικά τις 10 σελίδες (μαζί με τις οδηγίες συμπλήρωσης των πεδίων). Για τις απαντήσεις θα πρέπει να χρησιμοποιηθεί μέγεθος γραμματοσειράς 10 ή και μεγαλύτερο.

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

Ermis Direct. Θα χρησιμοποιηθεί, σε περίπτωση βράβευσης, για την παρουσίαση της συμμετοχής στην τελετή απονομής και στα έντυπα της διοργάνωσης.

Ermis Direct. Θα χρησιμοποιηθεί, σε περίπτωση βράβευσης, για την παρουσίαση της συμμετοχής στην τελετή απονομής και στα έντυπα της διοργάνωσης. Ermis Direct Η έκθεση δεν θα πρέπει να ξεπερνάει συνολικά τις 10 σελίδες (μαζί με τις οδηγίες συμπλήρωσης των πεδίων). Για τις απαντήσεις θα πρέπει να χρησιμοποιηθεί μέγεθος γραμματοσειράς 10 ή και μεγαλύτερο.

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

Web and HTTP. Βασικά Συστατικά: Web Server Web Browser HTTP Protocol

Web and HTTP. Βασικά Συστατικά: Web Server Web Browser HTTP Protocol HTTP Protocol Web and HTTP Βασικά Συστατικά: Web Server Web Browser HTTP Protocol Web Servers (1/2) Ένα πρόγραμμα (λογισμικό) που έχει εγκατασταθεί σε ένα υπολογιστικό σύστημα (έναν ή περισσότερους υπολογιστές)

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

Ermis Direct. Θα χρησιμοποιηθεί, σε περίπτωση βράβευσης, για την παρουσίαση της συμμετοχής στην τελετή απονομής και στα έντυπα της διοργάνωσης.

Ermis Direct. Θα χρησιμοποιηθεί, σε περίπτωση βράβευσης, για την παρουσίαση της συμμετοχής στην τελετή απονομής και στα έντυπα της διοργάνωσης. Ermis Direct Η έκθεση δεν θα πρέπει να ξεπερνάει συνολικά τις 10 σελίδες (μαζί με τις οδηγίες συμπλήρωσης των πεδίων). Για τις απαντήσεις θα πρέπει να χρησιμοποιηθεί μέγεθος γραμματοσειράς 10 ή και μεγαλύτερο.

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

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

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

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

Ermis Direct. Κατηγορία: Προγράμματα Κοινωνικής Δραστηριότητας (Social Causes and Fund Raising)

Ermis Direct. Κατηγορία: Προγράμματα Κοινωνικής Δραστηριότητας (Social Causes and Fund Raising) Ermis Direct Η έκθεση δεν θα πρέπει να ξεπερνάει συνολικά τις 10 σελίδες (μαζί με τις οδηγίες συμπλήρωσης των πεδίων). Για τις απαντήσεις θα πρέπει να χρησιμοποιηθεί μέγεθος γραμματοσειράς 10 ή και μεγαλύτερο.

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

ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών

ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών World Wide Web (WWW) Θέματα Επεξεργασία δεδομένων στο Web Δημιουργία απλών σελίδων HTML Περιγραφή κάποιων XHTML στοιχείων (tags) Εξέλιξης του WWW Το WWW

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

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

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

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

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

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

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

Κεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος

Κεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος Κεφάλαιο 11: Εισαγωγή στην HTML 1 11.1 Γενική εισαγωγή στην HTML Τι είναι η HTML HyperText Markup Language - Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου είναι η βασική γλώσσα με την οποία πραγματοποιείται η δόμηση

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

Μελέτη Λογοτύπου Olympic Air Νάσος Απολλωνάτος/www.apollonatos.gr

Μελέτη Λογοτύπου Olympic Air Νάσος Απολλωνάτος/www.apollonatos.gr Μελέτη Λογοτύπου Olympic Air Νάσος Απολλωνάτος/www.apollonatos.gr Λεπτομέρειες Για να απομακρυνθεί λίγο το λογότυπο της Ολυμπιακής από το λογότυπο των Ολυμπιακών αγώνων, χωρίς όμως να γίνει κάτι διαφορετικό,

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

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

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

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

Τι είναι η HTML; Τί είναι οι ετικέτες (tags); Πώς είναι μια ετικέτα (tag);

Τι είναι η HTML; Τί είναι οι ετικέτες (tags); Πώς είναι μια ετικέτα (tag); Τι είναι η HTML; Η HTML είναι το ακρώνυμο από το Hyper Text Markup Language που σημαίνει γλώσσα χαρακτηρισμού υπερκειμένου. Η χρήση μιας γλώσσας χαρακτηρισμού σημαίνει ότι γράφεται πρώτα το κείμενο και

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

Άσκηση 5 -Δηµιουργία ιστοσελίδων µε HTML µέρος 5 ο

Άσκηση 5 -Δηµιουργία ιστοσελίδων µε HTML µέρος 5 ο Άσκηση 5 -Δηµιουργία ιστοσελίδων µε HTML µέρος 5 ο HTML Φόρµες Για να δηµιουργήσουµε µια φόρµα στην οποία θα γράφουν σχόλια ή παρατηρήσεις οι επισκέπτες των σελίδων µας, χρειαζόµαστε την ετικέτα .

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

Βασίλειος Κοντογιάννης ΠΕ19

Βασίλειος Κοντογιάννης ΠΕ19 Ενότητα3 Επικοινωνία και Διαδίκτυο 11.1 Γενική Εισαγωγή στην HTML Τι είναι η HTML (HyperText Markup Language); Είναι μια γλώσσα σήμανσης (Markup) με την οποία πραγματοποιείται η δόμηση σελίδων του Παγκόσμιου

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

Ελληνικά. Κοινοβουλευτική Ομάδα του ΕΛΚ Υπηρεσία Τύπου και Επικοινωνίας. Όροι χρήσης γραφικών

Ελληνικά. Κοινοβουλευτική Ομάδα του ΕΛΚ Υπηρεσία Τύπου και Επικοινωνίας. Όροι χρήσης γραφικών Ελληνικά Κοινοβουλευτική Ομάδα του ΕΛΚ Υπηρεσία Τύπου και Επικοινωνίας Όροι χρήσης γραφικών Έκδοση: 01/10/2012 Γιατί χρησιμοποιούμε το λογότυπο; Τον Μάιο 2011, η Κοινοβουλευτική Ομάδα του ΕΛΚ αποφάσισε

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

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

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

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

Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας

Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας µέσω της τεχνολογίας των ιαδοχικών Φύλλων Στυλ (cascading

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

ΔΙΚΤΥΑ. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών

ΔΙΚΤΥΑ. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών ΔΙΚΤΥΑ Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών Άδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης

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

Τεχνολογίες Παγκόσμιου Ιστού. 1η διάλεξη

Τεχνολογίες Παγκόσμιου Ιστού. 1η διάλεξη Τεχνολογίες Παγκόσμιου Ιστού 1η διάλεξη Χαρακτηριστικά Μαθήματος Μάθημα προγραμματισμού (και όχι μόνον) Μπορεί να εξελιχθεί σε εφιάλτη αν δεν έχετε καλή γνώση και αρκετή εμπειρία προγραμματισμού (Java)

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

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

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

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

Σταύρος Καουκάκης Ευτύχιος Βαβουράκης

Σταύρος Καουκάκης Ευτύχιος Βαβουράκης ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ 1 ο ΣΧΟΛΕΙΟ ΚΩΔΙΚΑ «Βασικά Θέματα Προγραμματισμού στην Ανάπτυξη Δυναμικών Διαδικτυακών Εφαρμογών» (Part 1) Σταύρος Καουκάκης Ευτύχιος Βαβουράκης 1 Λίγα Λόγια για το Σχολείο Μονάδες

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

The Brand, Market Orientation in Cultural Organizations and the Brand Equity Challenge

The Brand, Market Orientation in Cultural Organizations and the Brand Equity Challenge The Brand, Market Orientation in Cultural Organizations and the Brand Equity Challenge Ονοματεπώνυμο: Βενετία Βενετιάδη Σειρά: 9 Επιβλέπων Καθηγητής: Άννα Ζαρκάδα Δεκέμβριος 2012 Est. 1869 ILLUSTRATED

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

Ref.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7

Ref.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7 ΣΤΟΧΟΙ ΕΞΕΤΑΣΗΣ Η ενότητα ECDL WebStarter απαιτεί από τον Υποψήφιο να κατανοεί τις κύριες έννοιες της σχεδίασης και δημοσίευσης δικτυακών

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

Διάλεξη 3η HTML intermediate

Διάλεξη 3η HTML intermediate Διάλεξη 3η HTML intermediate Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος I S S E L D e. c o. d e (Intelligent Systems & Software Engineering Lab) Στόχος της ώρας Επέκταση γνώσεων στην html

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

XAMPP Apache MySQL PHP javascript xampp

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

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

Εισαγωγή σε HTML και CSS. Παναγιώτης Τσαρχόπουλος

Εισαγωγή σε HTML και CSS. Παναγιώτης Τσαρχόπουλος Εισαγωγή σε HTML και CSS Παναγιώτης Τσαρχόπουλος Περιεχόμενα Εισαγωγικές έννοιες Ορολογία και σύνταξη Κείμενο σε HTML έγγραφα Σύνδεσμοι Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 2 Εισαγωγικές

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

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

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

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

Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες

Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες 1 η Ερώτηση (Ορισμός): Τι είναι το Διαδίκτυο; Διαδίκτυο είναι το παγκόσμιο δίκτυο όλων των επιμέρους δικτύων που έχουν συμφωνήσει σε κοινούς κανόνες επικοινωνίας και

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

Εισαγωγή στις ΤΠΕ ΙΙ Γιάννης Βρέλλης ΠΤΔΕ-Πανεπιστήμιο Ιωαννίνων. World Wide Web. Παγκόσμιος Ιστός

Εισαγωγή στις ΤΠΕ ΙΙ Γιάννης Βρέλλης ΠΤΔΕ-Πανεπιστήμιο Ιωαννίνων. World Wide Web. Παγκόσμιος Ιστός Εισαγωγή στις ΤΠΕ ΙΙ Γιάννης Βρέλλης ΠΤΔΕ-Πανεπιστήμιο Ιωαννίνων World Wide Web Παγκόσμιος Ιστός Internet - WWW Internet: παγκόσμιο δίκτυο υπολογιστών που βασίζεται στο πρωτόκολο επικοινωνίας TCP/IP και

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

Τεχνολογίες ιαδικτύου

Τεχνολογίες ιαδικτύου Τεχνολογίες ιαδικτύου Εισαγωγή Αρχιτεκτονική, Πρωτόκολλα και Πρότυπα Βασικών Υπηρεσιών Ιστορικά Στοιχεία ARPANET Ο «παππούς» των δικτύων Αναπτύχθηκε από την DARPA στα τέλη του 60 Το 83 διασπάται σε MILNET

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

Γλώσσες Σήµανσης (Markup Languages) Τεχνολογία ιαδικτύου και Ηλεκτρονικό Εµπόριο

Γλώσσες Σήµανσης (Markup Languages) Τεχνολογία ιαδικτύου και Ηλεκτρονικό Εµπόριο Γλώσσες Σήµανσης (Markup Languages) Τεχνολογία ιαδικτύου και Ηλεκτρονικό Εµπόριο 1 Γλώσσες Σήµανσης Γλώσσες σήµανσης: Αρχικά για τον καθορισµό εµφάνισης σελίδων, γραµµατοσειρών. Στη συνέχεια επεκτάθηκαν

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

Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface

Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface Copyright 2009-2012 -SYSTEM- All rights reserved 2/159 ΠΕΡΙΕΧΟΜΕΝΑ Μάθημα 1: New - Save Μάθημα 2: Εισαγωγή στη CSS Μάθημα 3: Τρόπος Σύνταξης Μάθημα 4: Σχόλια Μάθημα 5: ID Μάθημα 6: Class Μάθημα 7: Background

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

Εργαλεία ανάπτυξης εφαρμογών internet Ι

Εργαλεία ανάπτυξης εφαρμογών internet Ι IEK ΟΑΕΔ ΚΑΛΑΜΑΤΑΣ ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΟΦΟΡΙΚΗΣ Εργαλεία ανάπτυξης εφαρμογών internet Ι Διδάσκουσα: Κανελλοπούλου Χριστίνα ΠΕ19 Πληροφορικής Εργαλεία και τεχνικές από την πλευρά του πελάτη Java Applet

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

Ενότητα 1: HTTP, Clients και Servers. (Web, το θεμέλιο του Σημασιολογικού Ιστού)

Ενότητα 1: HTTP, Clients και Servers. (Web, το θεμέλιο του Σημασιολογικού Ιστού) Ενότητα 1: HTTP, Clients και Servers (Web, το θεμέλιο του Σημασιολογικού Ιστού) Τα επίπεδα του Σημασιολογικού Ιστού Θα το βρούμε με πολλές μικρές παραλλαγές Θα ασχοληθούμε σε επόμενα εργαστήρια Ποια είναι

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

2. Επιλέξτε την σωστή ετικέτα HTML που προσφέρει το μεγαλύτερο φόντο κειμένου.

2. Επιλέξτε την σωστή ετικέτα HTML που προσφέρει το μεγαλύτερο φόντο κειμένου. <head> <heading> <h6> <h1> ΤΜΗΜΑ ΗΛΕΚΤΡΟΝΙΚΗΣ Τομέας Υπολογιστικών Συστημάτων και Ελέγχου Τεχνολογίες Πολυμέσων - Εφαρμογές Δρ. Β. ΒΑΛΑΜΟΝΤΕΣ Ε-mail: vala@teiath.gr Να απαντήσετε στις παρακάτω ερωτήσεις. 1. Τι σημαίνουν τα αρχικά

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

Cascading Style Sheets Φόρμες (Forms)

Cascading Style Sheets Φόρμες (Forms) Cascading Style Sheets Φόρμες (Forms) Πανεπιστήμιο Πελοποννήσου Τμήμα Επιστήμης & Τεχνολογίας Τηλεπικοινωνιών Ευάγγελος Α. Κοσμάτος Cascading Style Sheets Τα Cascading Style Sheets (CSS) είναι οδηγίες

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

Εργαστήριο #12. Βήμα 1 ο. Βήμα 2 ο. Βήμα 3 ο. Βήμα 4 ο.

Εργαστήριο #12. Βήμα 1 ο. Βήμα 2 ο. Βήμα 3 ο. Βήμα 4 ο. Εργαστήριο #12 Από τα προηγούμενα εργαστήρια: Το εργαστήριο αυτό είναι ανεξάρτητο από τα προηγούμενα επειδή όμως ασχολείται με τη γλώσσα JavaScript, βεβαιωθείτε ότι έχετε διαβάσει το εισαγωγικό Παράρτημα

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

Βασικές Έννοιες Web Εφαρμογών

Βασικές Έννοιες Web Εφαρμογών ΟΙΚΟΝΟΜΙΚΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΑΘΗΝΩΝ ΤΜΗΜΑ ΔΙΟΙΚΗΤΙΚΗΣ ΕΠΙΣΤΗΜΗΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΑΣ Τεχνολογίες και Εφαρμογές Διαδικτύου Βασικές Έννοιες Web Εφαρμογών Κατερίνα Πραματάρη Τεχνολογίες και Εφαρμογές Διαδικτύου Περιεχόμενα

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

Τεχνολογίες Διαδικτύου. Server Side Scripting I PHP

Τεχνολογίες Διαδικτύου. Server Side Scripting I PHP Τεχνολογίες Διαδικτύου Server Side Scripting I PHP Εισαγωγή PHP PHP:Hypertext Preprocessor Mηχανή που συνοδεύει web servers όπως ο IIS και ο Apache Η PHP είναι γλώσσα προγραμματισμού για web εφαρμογές

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

ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com /

ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com / ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com / 1. Τι είναι το wikidot Το wikidot είναι ένας δικτυακός τόπος στον οποίο κάθε χρήστης έχει το δικαίωμα να δημιουργήσει

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

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

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

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

ίκτυα - Internet Υπηρεσίες Internet O Παγκόσµιος Ιστός (World Wide Web) Ηλεκτρονική Αλληλογραφία (E-mail) Υπηρεσία FTP (File Transfer Protocol)

ίκτυα - Internet Υπηρεσίες Internet O Παγκόσµιος Ιστός (World Wide Web) Ηλεκτρονική Αλληλογραφία (E-mail) Υπηρεσία FTP (File Transfer Protocol) Ιόνιο Πανεπιστήµιο Τµήµα Αρχειονοµίας-Βιβλιοθηκονοµίας Κέρκυρα ίκτυα - Internet 2 Υπηρεσίες Internet O Παγκόσµιος Ιστός (World Wide Web) ΜηχανέςΑναζήτησηςστοWeb Ηλεκτρονική Αλληλογραφία (E-mail) Υπηρεσία

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

ΜΕΤΑΦΟΡΑ ΑΡΧΕΙΩΝ FTP

ΜΕΤΑΦΟΡΑ ΑΡΧΕΙΩΝ FTP ΜΕΤΑΦΟΡΑ ΑΡΧΕΙΩΝ FTP Το FTP (File Transfer Protocol) είναι το εξειδικευμένο πρωτόκολλο μεταφοράς αρχείων στα σύγχρονα δίκτυα δεδομένων όπως το Διαδίκτυο. Δίνει τη δυνατότητα μεταφοράς αρχείων από τον υπολογιστή

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

Στην τεχνολογία των CSS, οι κανόνες στυλ (style

Στην τεχνολογία των CSS, οι κανόνες στυλ (style Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #4 0 : CSS: Βασικές και προχωρημένες τεχνικές επιλογής, τα στοιχεία και , ψευδο κλάσεις και ψευδο επιλογείς Γαβαλάς Δαμιανός dgavalas@aegean.gr CSS κανόνες στυλ

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

Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να

Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να κάνουμε μέσω ενός εξωτερικού αρχείου.το αρχείο αυτό

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

Πρωτόκολλα Επικοινωνίας και Τείχος Προστασίας

Πρωτόκολλα Επικοινωνίας και Τείχος Προστασίας Β5.1.2 Πρωτόκολλα Επικοινωνίας και Τείχος Προστασίας Τι θα μάθουμε σήμερα: Να ορίζουμε τι είναι πρωτόκολλο επικοινωνίας Να εξηγούμε τη χρησιμότητα των πρωτοκόλλων επικοινωνίας Να ονομάζουμε τα σημαντικότερα

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

Μια καλή επιλογή θα ήταν www.epipla-onomasas.gr (χωρίζοντας τις λέξεις με παύλα -) ή

Μια καλή επιλογή θα ήταν www.epipla-onomasas.gr (χωρίζοντας τις λέξεις με παύλα -) ή Τι είναι ένα CMS CMS ή Σύστημα Διαχείρισης Περιεχομένου (Content Management System) ονομάζουμε ένα λογισμικό που μας βοηθά να ελέγχουμε και να διαχειριζόμαστε έναν ιστότοπο δημόσιας ή περιορισμένης πρόσβασης.

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

Πλοήγηση www / Με τον Internet Explorer

Πλοήγηση www / Με τον Internet Explorer Πλοήγηση www / Με τον Internet Explorer Περιεχόμενα 1.Eισαγωγή 2.Το περιβάλλον του Internet Explorer 3.Οδηγίες πλοήγησης 4.Αποθήκευση αρχείων 5.Αγαπημένα 6.Ασφαλής σύνδεση 7.Διακομιστής μεσολάβησης 1.Εισαγωγή

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

6 Εισαγωγή στο Wordpress 3.x

6 Εισαγωγή στο Wordpress 3.x Περιεχόμενα 1 Εγκατάσταση του WordPress... 11 Ελάχιστες απαιτήσεις... 11 Easy PHP... 12 Εγκατάσταση Easy PHP... 12 Βήματα εγκατάστασης EasyPHP με εικόνες... 13 Το EasyPHP στα Ελληνικά... 17 Κατέβασμα και

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

Εισαγωγή στην εφαρμογή Βασική Σελίδα (Activity) Αναζήτηση Πελάτη... 6 Προβολή Πελάτη... 7 Επεξεργασία Πελάτη... 10

Εισαγωγή στην εφαρμογή Βασική Σελίδα (Activity) Αναζήτηση Πελάτη... 6 Προβολή Πελάτη... 7 Επεξεργασία Πελάτη... 10 Περιεχόμενα Εισαγωγή στην εφαρμογή... 2 Βασική Σελίδα (Activity)... 3 Ρυθμίσεις... 3 Πελάτες... 6 Αναζήτηση Πελάτη... 6 Προβολή Πελάτη... 7 Επεξεργασία Πελάτη... 10 Αποθήκη... 11 Αναζήτηση προϊόντος...

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

ΕΞΕΤΑΣΤΕΑ ΥΛΗ (SYLLABUS) ADVANCED σχεδιασμός ιστοσελίδας ΕΚΔΟΣΗ 1.0. Σόλωνος 108,Τηλ Φαξ

ΕΞΕΤΑΣΤΕΑ ΥΛΗ (SYLLABUS) ADVANCED σχεδιασμός ιστοσελίδας ΕΚΔΟΣΗ 1.0. Σόλωνος 108,Τηλ Φαξ ΕΞΕΤΑΣΤΕΑ ΥΛΗ (SYLLABUS) ADVANCED σχεδιασμός ιστοσελίδας ΕΚΔΟΣΗ 1.0 ΤΙ ΕΙΝΑΙ ΤΟ ADVANCED Οι Advanced θεματικές ενότητες είναι είναι κατάλληλες για άτομα που επιθυμούν να συνεχίσουν σπουδές στο χώρο της

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

Αναγγελία Εισιτηρίων - εξιτηρίων ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Ηλεκτρονικές Υπηρεσίες. Αναγγελία Εισιτηρίων - Εξιτηρίων. Σελίδα 1

Αναγγελία Εισιτηρίων - εξιτηρίων ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Ηλεκτρονικές Υπηρεσίες. Αναγγελία Εισιτηρίων - Εξιτηρίων. Σελίδα 1 ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ Ηλεκτρονικές Υπηρεσίες Αναγγελία Εισιτηρίων - Εξιτηρίων Σελίδα 1 Πίνακας περιεχομένων 1.Εισαγωγή... 4 1.1 Συμβατότητα Browser... 4 1.2 Διεύθυνση πρόσβασης... 4 2 ΑΝΑΓΓΕΛΙΑ ΕΙΣΙΤΗΡΙΩΝ

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

Εισαγωγή στην HTML (1)

Εισαγωγή στην HTML (1) Εισαγωγή στην HTML (1) Πανεπιστήμιο Πελοποννήσου Τμήμα Επιστήμης & Τεχνολογίας Τηλεπικοινωνιών Ευάγγελος Α. Κοσμάτος HTML HyperText Mark-up Language Καθορίζει τον τρόπο που ο browser εμφανίζει τα διάφορα

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

To λεξικό του Internet

To λεξικό του Internet To λεξικό του Internet A Address: Ο τόπος που βρίσκεται μια πηγή του Internet. Μια e-mail address μπορεί να έχει την εξής μορφή : georgepapado@hotmail.com. Μια web address είναι κάπως έτσι: http://www.in.gr.

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

Διαδικτυακές Υπηρεσίες Αναζήτησης, Απεικόνισης και Απευθείας Πρόσβασης στα δεδομένα ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ. Έκδοση 0.1.

Διαδικτυακές Υπηρεσίες Αναζήτησης, Απεικόνισης και Απευθείας Πρόσβασης στα δεδομένα ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ. Έκδοση 0.1. Κομβικό Σημείο Επαφής Υπουργείου Εσωτερικών Διαδικτυακές Υπηρεσίες Αναζήτησης, Απεικόνισης και Απευθείας Πρόσβασης στα δεδομένα ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ Έκδοση 0.1. Νοέμβρης 2014 Περιεχόμενα 1. ΕΙΣΑΓΩΓΗ... 2 2.

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

Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή

Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή 1 Πίνακας Περιεχομένων 1. Εισαγωγή... 4 1.1 Περιβάλλον Moodle...4 1.2 Χρήση ονόματος χρήστη και κωδικού...4 1.3 Δημιουργία νέου μαθήματος...4 1.3.1

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

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

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

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

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

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

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

Πνευματικά Δικαιώματα 2013 Ίδρυμα ECDL (ECDL Foundation - www.ecdl.org)

Πνευματικά Δικαιώματα 2013 Ίδρυμα ECDL (ECDL Foundation - www.ecdl.org) PEOPLECERT Hellas A.E - Φορέας Πιστοποίησης Ανθρώπινου Δυναμικού Κοραή 3, 105 64 Αθήνα, Τηλ.: 210 372 9100, Fax: 210 372 9101, e-mail: info@peoplecert.org, www.peoplecert.org Πνευματικά Δικαιώματα 2013

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

Εγχειρίδιο εγκατάστασης Megasoft 2009

Εγχειρίδιο εγκατάστασης Megasoft 2009 Εγχειρίδιο εγκατάστασης Megasoft 2009 Περιεχόμενα Εγκατάσταση Joomla, JoomFish και VirtueMart... 3 Αποστολή αρχείων Joomla στο Διακομιστή (Host)... 3 Εγκατάσταση Joomla... 4 Εγκατάσταση VirtueMart... 9

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

Ως Διαδίκτυο (Internet) ορίζεται το παγκόσμιο (διεθνές) δίκτυο ηλεκτρονικών υπολογιστών (international network).

Ως Διαδίκτυο (Internet) ορίζεται το παγκόσμιο (διεθνές) δίκτυο ηλεκτρονικών υπολογιστών (international network). ΙΔΡΥΜΑ ΝΕΟΛΑΙΑΣ ΚΑΙ ΔΙΑ ΒΙΟΥ ΜΑΘΗΣΗΣ ΥΠΗΡΕΣΙΕΣ ΔΙΑΔΙΚΤΥΟΥ Καλαμάτα, 2015 Το Διαδίκτυο Ως Διαδίκτυο (Internet) ορίζεται το παγκόσμιο (διεθνές) δίκτυο ηλεκτρονικών υπολογιστών (international network). Πρόκειται

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

Ermis Direct. Καςηγξοία: Δ Business to Consumer / Καμπάμιεπ Direct Marketing. Τίςλξπ Σσμμεςξυήπ: AEGEAN BOUGATSAN

Ermis Direct. Καςηγξοία: Δ Business to Consumer / Καμπάμιεπ Direct Marketing. Τίςλξπ Σσμμεςξυήπ: AEGEAN BOUGATSAN Ermis Direct Η έκθερη δεμ θα ποέπει μα νεπεομάει ρσμξλικά ςιπ 10 ρελίδεπ (μαζί με ςιπ ξδηγίεπ ρσμπλήοωρηπ ςωμ πεδίωμ). Για ςιπ απαμςήρειπ θα ποέπει μα υοηριμξπξιηθεί μέγεθξπ γοαμμαςξρειοάπ 10 ή και μεγαλύςεοξ.

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

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

3. ΕΙΣΑΓΩΓΗ ΣΤΟ CSS ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ 2014 3. ΕΙΣΑΓΩΓΗ ΣΤΟ CSS ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ Εισαγωγή Το CSS (Cascading Style Sheets) είναι αρχεία με κατάληξη.css τα οποία καθορίζουν την μορφοποίηση των ιστοσελίδων. Μέσω αυτών επιτυγχάνεται

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

Εργαλεία ανάπτυξης εφαρμογών internet Ι

Εργαλεία ανάπτυξης εφαρμογών internet Ι IEK ΟΑΕΔ ΚΑΛΑΜΑΤΑΣ ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΟΦΟΡΙΚΗΣ Εργαλεία ανάπτυξης εφαρμογών internet Ι Διδάσκουσα: Κανελλοπούλου Χριστίνα ΠΕ19 Πληροφορικής 4 φάσεις διαδικτυακών εφαρμογών 1.Εφαρμογές στατικής πληροφόρησης

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

ΤΕΧΝΟΛΟΓΙΕΣ ΣΧΕΔΙΑΣΗΣ ΔΙΑΔΙΚΤΥΑΚΟΥ ΤΟΠΟΥ (Web Site Design Technologies)

ΤΕΧΝΟΛΟΓΙΕΣ ΣΧΕΔΙΑΣΗΣ ΔΙΑΔΙΚΤΥΑΚΟΥ ΤΟΠΟΥ (Web Site Design Technologies) ΕΠΛ 012 ΤΕΧΝΟΛΟΓΙΕΣ ΣΧΕΔΙΑΣΗΣ ΔΙΑΔΙΚΤΥΑΚΟΥ ΤΟΠΟΥ (Web Site Design Technologies) Διδάσκων Καθηγητής: Δημήτριος Τσουμάκος Εαρινό Εξάμηνο 2010 Βασικές Πληροφορίες Πότε: Δευτέρα & Πέμπτη 10:30-12μμ Πού: ΧΩΔ01

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

Διαχείριση περιεχομένου πύλης ηλεκτρονικών υπηρεσιών v10 v.1.0. [User manual]

Διαχείριση περιεχομένου πύλης ηλεκτρονικών υπηρεσιών v10 v.1.0. [User manual] Διαχείριση περιεχομένου πύλης ηλεκτρονικών υπηρεσιών v10 v.1.0. [User manual] Υπουργείου Υ Υγείας Κύπρου 1 Είσοδος στο χώρο διαχείρισης To CMS (Content tmanagementsystem) πάνω στο οποίο βασίζεται η διαδικτυακή

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

Εθνική Υποδομή ΓΕωχωρικών Πληροφοριών

Εθνική Υποδομή ΓΕωχωρικών Πληροφοριών Εθνική Υποδομή ΓΕωχωρικών Πληροφοριών Οργανισμός Κτηματολογίου & Χαρτογραφήσεων Ελλάδας Διαδικτυακές Υπηρεσίες Αναζήτησης και Απεικόνισης ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ Διεύθυνση Γεωπληροφορικής Δεκέμβριος 2012 Περιεχόμενα

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

Το διαδίκτυο είναι ένα δίκτυο που αποτελείτε από πολλά μικρότερα δίκτυα υπολογιστών.

Το διαδίκτυο είναι ένα δίκτυο που αποτελείτε από πολλά μικρότερα δίκτυα υπολογιστών. Κεφάλαιο 2 Με το διαδίκτυο μπορεί κάποιος: να κάνει έρευνα, να ψωνίσει για διάφορες υπηρεσίες και προϊόντα, να δει καιρικούς χάρτες, να πάρει φωτογραφίες, ταινίες, και διάφορες άλλες πληροφορίες που βρίσκονται

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

Open Discovery Space. ODS Portal Manual

Open Discovery Space. ODS Portal Manual ODS Portal Manual Project Acronym: ODS Project Title: Open Discovery Space: A socially powered and multilingual open learning infrastructure to boost the adoption of elearning resources ODS Portal Manual

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

Τεχνικός Εφαρμογών Πληροφορικής

Τεχνικός Εφαρμογών Πληροφορικής Τεχνικός Εφαρμογών Πληροφορικής ΓΛΩΣΣΑ ΠΡΟΓΡΑΜΜΑΤΙΣΜΟΥ ΕΙΣΑΓΩΓΗ Εξάμηνο: 2014Β Διδάσκουσα: Ηλεκτρονική Τάξη: Κανελλοπούλου Χριστίνα_ΠΕ19 Πληροφορικής Περιεχόμενα 1.Τι είναι η Php; 2.Πως γίνετε η γραφή

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

Πλοήγηση και Αναζήτηση

Πλοήγηση και Αναζήτηση Πλοήγηση και Αναζήτηση Περιήγηση Το Eprints παρέχει πολλούς διαφορετικούς τρόπους να επιμεριστεί το καταθετήριο σε διαφορετικές συλλογές και να προσεγγίζεται το περιεχόμενό του από διαφορετικές οπτικές

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

1 Συστήματα Αυτοματισμού Βιβλιοθηκών

1 Συστήματα Αυτοματισμού Βιβλιοθηκών 1 Συστήματα Αυτοματισμού Βιβλιοθηκών Τα Συστήματα Αυτοματισμού Βιβλιοθηκών χρησιμοποιούνται για τη διαχείριση καταχωρήσεων βιβλιοθηκών. Τα περιεχόμενα των βιβλιοθηκών αυτών είναι έντυπα έγγραφα, όπως βιβλία

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

Coding Bootcamp. Εισαγωγή στo CSS

Coding Bootcamp. Εισαγωγή στo CSS Εισαγωγή στo CSS CSS (Cascading Style Sheets) Η Html σχεδιάστηκε αρχικά για να προβάλλει κείμενο και είχε σκοπό να «ορίσει» το περιεχόμενο μιας σελίδας υπό την έννοια ποιο κείμενο είναι επικεφαλίδα, ποιο

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

ΕΡΓΑΣΤΗΡΙΟ 1: 1 Εισαγωγή, Χρήσιμες Εφαρμογές

ΕΡΓΑΣΤΗΡΙΟ 1: 1 Εισαγωγή, Χρήσιμες Εφαρμογές ΕΡΓΑΣΤΗΡΙΟ 1: 1 Εισαγωγή, Χρήσιμες Εφαρμογές Σκοπός του εργαστηρίου αυτού είναι η εξοικείωση με κάποιες εφαρμογές που θα μας φανούν πολύ χρήσιμες κατά τη διάρκεια του μαθήματος της Εισαγωγής στον Προγραμματισμό.

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

Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5

Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5 Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5 Πνευματικά Δικαιώματα 2005 Ίδρυμα ECDL (ECDL Foundation www.ecdl.com) Όλα τα δικαιώματα είναι κατοχυρωμένα. Κανένα μέρος αυτού του εγγράφου δεν μπορεί να αναπαραχθεί

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

Ιόνιο Πανεπιστήµιο Τµήµα Αρχειονοµίας - Βιβλιοθηκονοµίας. Υπηρεσίες Internet. ίκτυα Η/Υ. Επίπεδο Εφαρµογής. Ενότητα θ

Ιόνιο Πανεπιστήµιο Τµήµα Αρχειονοµίας - Βιβλιοθηκονοµίας. Υπηρεσίες Internet. ίκτυα Η/Υ. Επίπεδο Εφαρµογής. Ενότητα θ Ιόνιο Πανεπιστήµιο Τµήµα Αρχειονοµίας - Βιβλιοθηκονοµίας Υπηρεσίες Internet ίκτυα Η/Υ Επίπεδο Εφαρµογής O Παγκόσµιος Ιστός (World Wide Web) Ηλεκτρονική Αλληλογραφία (E-mail) Υπηρεσία FTP (File Transfer

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

ΕΓΧΕΙΡΙ ΙΟ Ο ΗΓΙΩΝ. Ηλεκτρονική. Υπηρεσία Άντλησης Αποτελέσματος Πιστοποίησης Αναπηρίας

ΕΓΧΕΙΡΙ ΙΟ Ο ΗΓΙΩΝ. Ηλεκτρονική. Υπηρεσία Άντλησης Αποτελέσματος Πιστοποίησης Αναπηρίας ΕΓΧΕΙΡΙ ΙΟ Ο ΗΓΙΩΝ Ηλεκτρονική Υπηρεσία Άντλησης Αποτελέσματος Πιστοποίησης Αναπηρίας Πίνακας Περιεχομένων 1. Εισαγωγή... 3 1.1 Συμβατότητα Browser... 3 1.2 Διεύθυνση πρόσβασης... 3 1.3 Login Screen...

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

Ανάπτυξη Υπηρεσίας Καταλόγου LDAP με τα στοιχεία του προσωπικού του TEI Πειραιά. Νίκος Πασσαράς. Εισηγητής: Πρεζεράκος Γεώργιος

Ανάπτυξη Υπηρεσίας Καταλόγου LDAP με τα στοιχεία του προσωπικού του TEI Πειραιά. Νίκος Πασσαράς. Εισηγητής: Πρεζεράκος Γεώργιος ΑΝΩΤΑΤΟ ΤΕΧΝΟΛΟΓΙΚΟ ΙΔΡΥΜΑ ΠΕΙΡΑΙΑ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΚΩΝ ΕΦΑΡΜΟΓΩΝ ΤΜΗΜΑ ΗΛΕΚΤΡΟΝΙΚΩΝ ΥΠΟΛΟΓΙΣΤΙΚΩΝ ΣΥΣΤΗΜΑΤΩΝ Ανάπτυξη Υπηρεσίας Καταλόγου LDAP με τα στοιχεία του προσωπικού του TEI Πειραιά Νίκος Πασσαράς

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

Internet Τοπικό δίκτυο LAN Δίκτυο Ευρείας Περιοχής WAN Διαδίκτυο Πρόγραμμα Πλοήγησης φυλλομετρητής Πάροχοι Υπηρεσιών Internet URL HTML links

Internet Τοπικό δίκτυο LAN Δίκτυο Ευρείας Περιοχής WAN Διαδίκτυο Πρόγραμμα Πλοήγησης φυλλομετρητής Πάροχοι Υπηρεσιών Internet URL HTML links Internet Τοπικό δίκτυο (LAN Local Area Network): Δίκτυο όπου οι υπολογιστές βρίσκονται κοντά μεταξύ τους (μία εταιρία ή στην ίδια αίθουσα). Δίκτυο Ευρείας Περιοχής (WAN Wide Area Network) Δίκτυο όπου οι

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

Vodafone Business Connect

Vodafone Business Connect Vodafone Business Connect Vodafone Business WebHosting Αναλυτικός Οδηγός Χρήσης MSSQL Manager Αναλυτικός οδηγός χρήσης: MS SQL Manager Vodafone Business Connect - Υπηρεσίες φιλοξενίας εταιρικού e-mail

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

ΥΠΗΡΕΣΙΕΣ ΔΙΑΔΙΚΤΟΥ Explorer & Outlook 2013

ΥΠΗΡΕΣΙΕΣ ΔΙΑΔΙΚΤΟΥ Explorer & Outlook 2013 ΥΠΗΡΕΣΙΕΣ ΔΙΑΔΙΚΤΟΥ Explorer & Outlook 2013 1. Δίκτυα Υπολογιστών και Διαδίκτυο... 3 1.1. Όροι Και Έννοιες... 3 1.2. Ασφάλεια Στο Διαδίκτυο... 5 2. Περιήγηση στον Παγκόσμιο Ιστό 7 Το Περιβάλλον Ενός Φυλλομετρητή...

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

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

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

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

Οδηγός Χρήσης της Υπηρεσίας Σχολικών Ηλεκτρονικών Περιοδικών και Εφημερίδων.

Οδηγός Χρήσης της Υπηρεσίας Σχολικών Ηλεκτρονικών Περιοδικών και Εφημερίδων. Οδηγός Χρήσης της Υπηρεσίας Σχολικών Ηλεκτρονικών Περιοδικών και Εφημερίδων http://schoolpress.sch.gr Ερευνητικό Ακαδημαϊκό Ινστιτούτο Τεχνολογίας Υπολογιστών Έκδοση 1.0 Ιανουάριος 2013 Περιεχόμενα 1.

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

Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου.

Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου. Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου. 1 η ΑΣΚΗΣΗ Οι HTML σελίδες είναι απλές σελίδες κειμένου και μπορούν να δημιουργηθούν από οποιοδήποτε πρόγραμμα επεξεργασίας

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

ΟΔΗΓΟΣ ΧΡΗΣΗΣ WEBMAIL ΤΕΙ ΚΑΛΑΜΑΤΑΣ

ΟΔΗΓΟΣ ΧΡΗΣΗΣ WEBMAIL ΤΕΙ ΚΑΛΑΜΑΤΑΣ ΟΔΗΓΟΣ ΧΡΗΣΗΣ WEBMAIL ΤΕΙ ΚΑΛΑΜΑΤΑΣ ΠΕΡΙΕΧΟΜΕΝΑ 1. URL Διεύθυνση WebMail... 3 2. Εγκατάσταση Πιστοποιητικού Ασφάλειας... 3 2.1 Εγκατάσταση Πιστοποιητικού στον Internet Explorer... 3 2.2 Εγκατάσταση Πιστοποιητικού

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

ΕΓΧΕΙΡΙΔΙΟ ΟΔΗΓΙΩΝ ΧΡΗΣΤΗ. Ηλεκτρονική Υποβολή Α.Π.Δ.

ΕΓΧΕΙΡΙΔΙΟ ΟΔΗΓΙΩΝ ΧΡΗΣΤΗ. Ηλεκτρονική Υποβολή Α.Π.Δ. ΕΓΧΕΙΡΙΔΙΟ ΟΔΗΓΙΩΝ ΧΡΗΣΤΗ Ηλεκτρονική Υποβολή Α.Π.Δ. ΠΕΡΙΕΧΟΜΕΝΑ 1) Είσοδος στην εφαρμογή 2) Δημιουργία Περιόδου Υποβολής 2.α) Ακύρωση Περιόδου Υποβολής 3) Μέθοδος Υποβολής: Συμπλήρωση Φόρμας 3.α) Συμπλήρωση

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

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

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

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

ΟΓΗΓΙΕΣ ΧΡΗΣΗΣ ΗΛΕΚΤΡΟΝΙΚΟΥ ΜΗΤΡΩΟΥ ΑΠΟΒΛΗΤΩΝ. Draft version

ΟΓΗΓΙΕΣ ΧΡΗΣΗΣ ΗΛΕΚΤΡΟΝΙΚΟΥ ΜΗΤΡΩΟΥ ΑΠΟΒΛΗΤΩΝ. Draft version ΟΓΗΓΙΕΣ ΧΡΗΣΗΣ ΗΛΕΚΤΡΟΝΙΚΟΥ ΜΗΤΡΩΟΥ ΑΠΟΒΛΗΤΩΝ Draft version Θεσσαλονίκη, Ιούλιος 2016 ΠΕΡΙΕΧΟΜΕΝΑ ΕΙΣΑΓΩΓΗ... 4 1. ΓΕΝΙΚΑ... 5 1.1. Πρόσβαση... 5 1.2. Χρήστες... 5 2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΑΤΦΟΡΜΑ ΗΜΑ... 6 2.1.

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

Η αρχική οθόνη της Ηλεκτρονικής Βιβλιοθήκης περιλαμβάνει τις εξής βασικές ενότητες όπως φαίνονται στην Εικόνα 1:

Η αρχική οθόνη της Ηλεκτρονικής Βιβλιοθήκης περιλαμβάνει τις εξής βασικές ενότητες όπως φαίνονται στην Εικόνα 1: Αρχική Οθόνη Η αρχική οθόνη της Ηλεκτρονικής Βιβλιοθήκης περιλαμβάνει τις εξής βασικές ενότητες όπως φαίνονται στην Εικόνα 1: 1. Μενού πλοήγησης 2. Γρήγορη αναζήτηση 3. Αναζήτηση για έγγραφα και συλλογές

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

«Οδηγίες χρήσης εφαρμογής Ενιαίου Συστήματος Πληρωμών»

«Οδηγίες χρήσης εφαρμογής Ενιαίου Συστήματος Πληρωμών» «Οδηγίες χρήσης εφαρμογής Ενιαίου Συστήματος Πληρωμών» έκδοση v.1.2, 10/09/2014 Περιεχόμενα Είσοδος... 3 Οικονομικά Υπεύθυνος... 4 Αρχική Οθόνη... 4 Διαχείριση Χρηστών... 4 Αναζήτηση Χρήστη... 4 Δημιουργία

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

Ιόνιο Πανεπιστήµιο. ίκτυα Η/Υ. Επίπεδο Εφαρµογής. Ενότητα Θ. Υπηρεσίες Internet. ρ. Ε. Μάγκος

Ιόνιο Πανεπιστήµιο. ίκτυα Η/Υ. Επίπεδο Εφαρµογής. Ενότητα Θ. Υπηρεσίες Internet. ρ. Ε. Μάγκος Ιόνιο Πανεπιστήµιο Τµήµα Αρχειονοµίας Βιβλιοθηκονοµίας ίκτυα Η/Υ Επίπεδο Εφαρµογής Ενότητα Θ ρ. Ε. Μάγκος Υπηρεσίες Internet O Παγκόσµιος Ιστός (World Wide Web) Ηλεκτρονική Αλληλογραφία (E-mail) Υπηρεσία

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

ΕΣΔ 232: ΟΡΓΑΝΩΣΗ ΔΕΔΟΜΕΝΩΝ ΣΤΗ ΚΟΙΝΩΝΙΑ ΤΗΣ ΠΛΗΡΟΦΟΡΙΑΣ. Ακαδημαϊκό Έτος , Εαρινό Εξάμηνο. Εργαστηριακή Άσκηση 1 17/01/2012

ΕΣΔ 232: ΟΡΓΑΝΩΣΗ ΔΕΔΟΜΕΝΩΝ ΣΤΗ ΚΟΙΝΩΝΙΑ ΤΗΣ ΠΛΗΡΟΦΟΡΙΑΣ. Ακαδημαϊκό Έτος , Εαρινό Εξάμηνο. Εργαστηριακή Άσκηση 1 17/01/2012 ΤΕΧΝΟΛΟΓΙΚΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΥΠΡΟΥ, ΤΜΗΜΑ ΕΠΙΚΟΙΝΩΝΙΑΣ & ΣΠΟΥΔΩΝ ΔΙΑΔΙΚΤΥΟΥ ΕΣΔ 232: ΟΡΓΑΝΩΣΗ ΔΕΔΟΜΕΝΩΝ ΣΤΗ ΚΟΙΝΩΝΙΑ ΤΗΣ ΠΛΗΡΟΦΟΡΙΑΣ Ακαδημαϊκό Έτος 2011 2012, Εαρινό Εξάμηνο Εργαστηριακή Άσκηση 1 17/01/2012

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

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

ΕΦΑΡΜΟΓΗ ΔΙΑΧΕΙΡΙΣΗΣ ΙΣΤΟΣΕΛΙΔΩΝ ΜΕΛΩΝ ΔΕΠ, ΤΜΗΜΑΤΟΣ ΜΑΘΗΜΑΤΙΚΩΝ ΠΑΝΕΠΙΣΤΗΜΙΟΥ ΠΑΤΡΩΝ ΕΓΧΕΙΡΙΔΙΟ ΟΔΗΓΙΩΝ ΠΛΟΗΓΗΣΗΣ ΚΑΙ ΧΡΗΣΗΣ 2013 ΕΦΑΡΜΟΓΗ ΔΙΑΧΕΙΡΙΣΗΣ ΙΣΤΟΣΕΛΙΔΩΝ ΜΕΛΩΝ ΔΕΠ, ΤΜΗΜΑΤΟΣ ΜΑΘΗΜΑΤΙΚΩΝ ΕΓΧΕΙΡΙΔΙΟ ΟΔΗΓΙΩΝ ΠΛΟΗΓΗΣΗΣ ΚΑΙ ΧΡΗΣΗΣ Περιήγηση στις δυνατότητες του λογισμικού και στον τρόπο χρήσης του ΟΜΑΔΑ ΕΡΓΟΥ ΔΙΕΥΘΥΝΣΗΣ

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

Οδηγός χρήσης για Σύστημα κρατήσεων εργαστηριών

Οδηγός χρήσης για Σύστημα κρατήσεων εργαστηριών Οδηγός χρήσης για Σύστημα κρατήσεων εργαστηριών ΥΠΗΡΕΣΙΑ ΠΛΗΡΟΦΟΡΙΚΩΝ ΣΥΣΤΗΜΑΤΩΝ ΥΠΣ-ΕΔ/69 09-02-2015 Περιεχόμενα Περιεχόμενα... 2 ΣΚΟΠΟΣ ΤΟΥ ΣΥΣΤΗΜΑΤΟΣ... 3 ΛΕΙΤΟΥΡΓΙΕΣ ΤΟΥ ΣΥΣΤΗΜΑΤΟΣ... 4 Πρόγραμμα Κρατήσεων...

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

Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface

Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface Copyright 2009-2012 -SYSTEM- All rights reserved 2/200 ΠΕΡΙΕΧΟΜΕΝΑ Μάθημα 1: Εισαγωγή Μάθημα 2: Κειμενογράφοι Text Editors Μάθημα 3: Εγκατάσταση Text Editor Μάθημα 4: Ιστορική Αναδρομή HTML Μάθημα 5: Σύνολο

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

Οδηγίες Χρήσης Πλατφόρμας Ασύγχρονης Τηλεκπαίδευσης (Moodle) του Τμήματος ΔΕΤ

Οδηγίες Χρήσης Πλατφόρμας Ασύγχρονης Τηλεκπαίδευσης (Moodle) του Τμήματος ΔΕΤ Οδηγίες Χρήσης Πλατφόρμας Ασύγχρονης Τηλεκπαίδευσης (Moodle) του Τμήματος ΔΕΤ -Για τους Φοιτητές- Έκδοση 1.2 Οκτώβριος 2015 Υπεύθυνος Σύνταξης: Χρήστος Λάζαρης (lazaris@aueb.gr) Πίνακας Περιεχομένων Εισαγωγή...

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

Vodafone Business Connect

Vodafone Business Connect Vodafone Business Connect Vodafone Business WebHosting Αναλυτικός Οδηγός Χρήσης EasySite Optimizer Αναλυτικός οδηγός χρήσης: EasySite Optimizer Vodafone Business Connect - Υπηρεσίες φιλοξενίας εταιρικού

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

Συγχώνευση αλληλογραφίας και συγχώνευση μιας πηγής δεδομένων με ένα κύριο έγγραφο όπως ένα γράμμα ή ένα έγγραφο ετικετών

Συγχώνευση αλληλογραφίας και συγχώνευση μιας πηγής δεδομένων με ένα κύριο έγγραφο όπως ένα γράμμα ή ένα έγγραφο ετικετών 3.5.1.1 Συγχώνευση αλληλογραφίας και συγχώνευση μιας πηγής δεδομένων με ένα κύριο έγγραφο όπως ένα γράμμα ή ένα έγγραφο ετικετών Ένα σύνηθες πρόβλημα που υπάρχει, είναι η ανάγκη αποστολής επιστολών ή πληροφοριών

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