Σχεδίαση και Ανάπτυξη Ιστότοπων

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

Download "Σχεδίαση και Ανάπτυξη Ιστότοπων"

Transcript

1 Σχεδίαση και Ανάπτυξη Ιστότοπων Κατασκευή Ιστοσελίδων Παρουσίαση 3 η 1 Βελώνης Γεώργιος Καθηγητής

2 Περιεχόμενα Οργάνωση Ιστοσελίδων Αρχές σχεδιασμού για τη δημιουργία ιστοσελίδων Χαρακτηριστικά της HTML Δυνατότητες της HTML Περιορισμοί και αδυναμίες της HTML Αντιμετώπιση των αδυναμιών και των περιορισμών της HTML Μορφή αρχείων HTML Εργαλεία κατασκευής ιστοσελίδων Ανέβασμα αρχείων στο χώρο φιλοξενίας του site 2

3 Οργάνωση ιστοσελίδων Για να είστε σε θέση να διατηρήσει εύκολα web σελίδες, θα πρέπει να δημιουργήσετε ένα ξεχωριστό web έγγραφο ή σελίδα, για κάθε θέμα που προσδιορίζετε. Το σημείο εκκίνησης για μια τοποθεσία web, αναφέρεται ως αρχική σελίδα ή σελίδα ευρετηρίου. Μπορείτε να παρέχετε συνδέσεις πλοήγησης από την αρχική σελίδα σας σε άλλες σελίδες στη web τοποθεσία σας και δεν υπάρχει κανένα όριο, στον αριθμό των σελίδων που θα περιέχει. Η οργάνωση web σελίδων μπορεί να γίνει μέσω τριών διαφορετικών δομών σχεδιασμού: Γραμμική Διάταξη και Ιεραρχική Διάταξη ή ένα συνδυασμό και των δύο (Μικτή). 3

4 Οργάνωση ιστοσελίδων Σειριακή ή γραμμική οργάνωση: κάθε ιστοσελίδα διασυνδέεται με την προηγούμενη και την επόμενή της σειριακά. Ιεραρχική οργάνωση: είναι και η πιο συνηθισμένη μορφή οργάνωσης, στην οποία από μία ιστοσελίδα μπορείτε να οδηγηθείτε προς τα εμπρός σε περισσότερες από μία νέες ιστοσελίδες, ενώ μπορείτε να επιστρέψετε πίσω στην ιστοσελίδα από την οποία έγινε η μετάβαση. Μικτή οργάνωση: αποτελεί ένα συνδυασμό των δύο προηγουμένων οργανώσεων. 4

5 Οργάνωση ιστοσελίδων Ιεραρχική Οργάνωση Σειριακή Οργάνωση Μικτή Οργάνωση 5

6 Οργάνωση αρχείων ιστοσελίδων στον εξυπηρετητή Μέσα στον εξυπηρετητή, κάθε εφαρμογή βρίσκεται αποθηκευμένη σε διαφορετικό κατάλογο. Συνήθως η 1 η σελίδα της εφαρμογής έχει το όνομα index.htm ή index.html, διότι αποτελεί τη σελίδα, η οποία είναι δείκτης της όλης εφαρμογής. Αν η εφαρμογή είναι σχετικά μικρή, δηλαδή αν ο αριθμός των διαφορετικών html αρχείων που απαρτίζουν την εφαρμογή είναι μικρός, τότε τα αρχεία των υπολοίπων ιστοσελίδων μπορεί να είναι αποθηκευμένα στον ίδιο κατάλογο με την 1 η σελίδα δείκτη. 6

7 Οργάνωση αρχείων ιστοσελίδων στον εξυπηρετητή Προτείνεται τα αρχεία να είναι οργανωμένα σε υποκαταλόγους του κυρίως καταλόγου της εφαρμογής, για λόγους καλύτερης οργάνωσης και ευκολότερης συντήρησης των εφαρμογών. Βασικός Κατάλογος Εφαρμογής Περιέχει όλα τα αρχεία html (ιστοσελίδων) Παράδειγμα οργάνωσης αρχείων ιστοσελίδων Υποκατάλογος images Περιέχει αρχεία ψηφιακών φωτογραφιών Υποκατάλογος sound Περιέχει αρχεία ψηφιακών ήχων Υποκατάλογος animate Περιέχει αρχεία ψηφιακής κινούμενης εικόνας 7

8 Αρχές σχεδιασμού για τη δημιουργία ιστοσελίδων Πριν ξεκινήσετε τον σχεδιασμό ιστοσελίδων, θα πρέπει να κάνετε πάντα τα εξής: Συλλέξτε τις πληροφορίες που θέλετε να βάλετε στην ιστοσελίδα. Οργανώστε τις πληροφορίες που συγκεντρώσατε σε θεματικές κατηγορίες. Παραθέστε τα θέματα, για να δημιουργήσετε στη συνέχεια ένα «Storyboard». Δημιουργήστε ένα γραφικό λογότυπο ή θέμα, για να χρησιμοποιηθεί σε κάθε σελίδα του site σας. 8

9 Αρχές σχεδιασμού για τη δημιουργία ιστοσελίδων Υπάρχουν δύο ζητήματα κατά το σχεδιασμό μιας ιστοσελίδας: Πρέπει να ενημερώνει και να καθοδηγεί τον επισκέπτη της μέσω ενός σύνθετου σώματος συνδεδεμένων πληροφοριών. Πρέπει να δημιουργηθεί ένα σενάριο παρουσίασης (Storyboard), το οποίο παρουσιάζει τη διάταξη των ιστοσελίδων μίας εφαρμογής, καθώς και των προβαλλόμενων σε κάθε ιστοσελίδα πληροφοριών. Ο λόγος ύπαρξής του είναι να σας βοηθήσει να δείτε τα σημεία εκείνα, στα οποία μπορεί ο επισκέπτης να αντιμετωπίσει προβλήματα προσανατολισμού, έτσι ώστε να τον βοηθήσετε να τα ξεπεράσει. 9

10 Αρχές σχεδιασμού για τη δημιουργία ιστοσελίδων Βήματα για τη δημιουργία ενός Storyboard: 1. Καθορισμός του σκοπού της παρουσίασής σας και του κοινού ή των αναγνωστών που σκοπεύετε να απευθυνθείτε. 2. Χωρίστε το περιεχόμενό σας σε κύρια θέματα και τις πληροφορίες που σχετίζονται με την ομάδα κάτω από ένα ενιαίο θέμα. 3. Χρησιμοποιήστε έντυπα πρότυπα ή λογισμικό διαγράμματος ροής, για να δημιουργήσετε ένα προσχέδιο της κάθε web σελίδας, ξεκινώντας από την αρχική. 10

11 Αρχές σχεδιασμού για τη δημιουργία ιστοσελίδων 4. Δώστε τις ακόλουθες πληροφορίες για κάθε σελίδα: Ένα περιγραφικό τίτλο Την κύρια επικεφαλίδα Τις υπο-επικεφαλίδες Το σκοπό της σελίδας Μια περιγραφή του περιεχομένου Το είδος των εικόνων Μια περιγραφή των συνδέσμων 11

12 Αρχές σχεδιασμού για τη δημιουργία ιστοσελίδων Πρότυπο έντυπο ενός Storyboard 12

13 Αρχές σχεδιασμού για τη δημιουργία ιστοσελίδων Κύρια Σελίδα (Home Page) Περιλαμβάνει: Λογότυπο εταιρείας και μενού επιλογών Storyboard Παράδειγμα ιεραρχικής οργάνωσης Ιστορικό Περιλαμβάνει: Σύντομο ιστορικό της εταιρείας με χρονολογική σειρά Προϊόντα Περιλαμβάνει: Παρουσίαση των προϊόντων της εταιρείας. Για κάθε προϊόν θα παρουσιάζεται κείμενο 5 γραμμών και μια φωτογραφία Εγκαταστάσεις Περιλαμβάνει: Παρουσίαση των εγκαταστάσεων με φωτογραφικό υλικό (5 φωτογραφίες) Επικοινωνία Περιλαμβάνει: Διευθύνσεις τηλέφωνα και φόρμα επικοινωνίας 13

14 Αρχές σχεδιασμού για τη δημιουργία ιστοσελίδων Μόλις δημιουργήσετε το σενάριο παρουσίασης, πλέον είσαστε έτοιμοι να σχεδιάσετε και τον ιστότοπο, λαμβάνοντας υπόψη κάποιους βασικούς κανόνες σχεδίασης, όπως: Σχεδίαση ενός συστήματος πλοήγησης μέσα στις ιστοσελίδες της εφαρμογής, το οποίο θα πρέπει να βοηθά το χρήστη να μετακινηθεί και να εντοπίσει εύκολα την πληροφορία που θέλει. Χρήση χρωμάτων, τα οποία ταιριάζουν μεταξύ τους και δημιουργούν αντίθεση με τα χρώματα του κειμένου, ώστε να διευκολύνεται η ανάγνωση των κειμένων. Χρήση γραμματοσειρών που διευκολύνουν την ανάγνωση των κειμένων. 14

15 Αρχές σχεδιασμού για τη δημιουργία ιστοσελίδων Κατάλληλη στοίχιση του κειμένου (συνήθως προτιμάται η αριστερή στοίχιση γιατί ταιριάζει στον τρόπο με τον οποίο διαβάζουμε). Χρήση εικόνων και πολυμεσικών στοιχείων μικρού μεγέθους αρχείου, ώστε η σελίδα να μπορεί να απεικονίζεται γρήγορα από το browser του χρήστη. Χρήση γραφικών και σχεδίων που δημιουργούν ένα καλό αισθητικό αποτέλεσμα, χωρίς υπερβολές που κουράζουν το χρήστη. 15

16 Χαρακτηριστικά της HTML Μερικά από τα πιο βασικά χαρακτηριστικά της HTML, την οποία έχουμε προαναφέρει, είναι τα παρακάτω: Χρησιμοποιεί ένα είδος ετικετών <tags>, για τη διαμόρφωση του τρόπου παρουσίασης του κειμένου της και των πολυμεσικών της στοιχείων. Είναι μία δηλωτική γλώσσα ή αλλιώς γλώσσα χαρακτηρισμού, η οποία απλώς δηλώνει τον τρόπο, με τον οποίο ο browser θα πρέπει να αναπαραστήσει την ιστοσελίδα. Δεν αποτελεί μία ολοκληρωμένη γλώσσα προγραμματισμού, ικανή να εκτελέσει υπολογισμούς μεταξύ δεδομένων, με στόχο την επίλυση υπολογιστικών προβλημάτων. 16

17 Χαρακτηριστικά της HTML Επειδή ο browser είναι αυτός ο οποίος αναλαμβάνει να ερμηνεύσει τον κώδικα HTML, μπορεί να παρατηρηθούν μικρές διαφορές στον τρόπο παρουσίασης μίας ιστοσελίδας από browser σε browser. 17

18 Χαρακτηριστικά της HTML Μερικές από τις χαρακτηριστικές διαφορές της, σε σχέση με γλώσσες δομημένου ή αντικειμενοστρεφούς προγραμματισμού, είναι οι εξής: Δεν μπορεί να χρησιμοποιηθεί για την επίλυση υπολογιστικών προβλημάτων. Δεν μπορεί να χειριστεί δεδομένα εισόδου και να δώσει δεδομένα εξόδου. Δεν υποστηρίζει αριθμητικές ή λογικές πράξεις. Δεν υποστηρίζει δομές δεδομένων. Δεν υποστηρίζει τις λογικές δομές της ακολουθίας της επιλογής και της επανάληψης οι οποίες αποτελούν τα βασικά δομικά στοιχεία στο δομημένο προγραμματισμό. 18

19 Δυνατότητες της HTML Μία από τις δυνατότητες της HTML είναι και η περιγραφή του τρόπου διαμόρφωσης του κειμένου, που παρουσιάζεται σε μία ιστοσελίδα καθώς και του χρώματος του υποβάθρου (background) της. Μέγεθος, στυλ και χρώμα χαρακτήρων. Παραγραφοποίηση κειμένου. Στοίχιση κειμένου. Δημιουργία καταλόγων. 19

20 Δυνατότητες της HTML Επιπλέον δυνατότητες της HTML: 1. Παρουσίαση πολυμεσικών στοιχείων (στατικές και κινούμενες εικόνες, ήχους, κ.λπ.). 2. Δημιουργία υπερσυνδέσμων (hyperlinks). 3. Δομημένη παρουσίαση στοιχείων (κειμένων και εικόνων) με τη χρήση πινάκων. 4. Διαχωρισμός της οθόνης του browser σε περισσότερα του ενός παράθυρα, μέσα στα οποία παρουσιάζονται διαφορετικές ιστοσελίδες (frames). 5. Επιτρέπει την εισαγωγή στοιχείων, μέσω ειδικών φορμών, από τους υπολογιστές των χρηστών (clients), τα οποία μπορεί στη συνέχεια να αποσταλούν και να επεξεργαστούν με ειδικό κώδικα (script) στην πλευρά του εξυπηρετητή. 20

21 Περιορισμοί και αδυναμίες της HTML Η HTML εισάγει αρκετούς περιορισμούς και εμφανίζει αδυναμίες, όσον αφορά το τι μπορείτε να κάνετε με αυτήν. Βασικότεροι περιορισμοί της είναι οι παρακάτω: Μπορεί μόνο να παρουσιάσει κείμενο, πολυμεσικά στοιχεία και υπερσυνδέσμους, με τον τρόπο που ο δημιουργός της ιστοσελίδας θέλει. Δε διαθέτει η ίδια μηχανισμό για την επεξεργασία στοιχείων ή δεδομένων που δίνονται από το χρήστη. Δε διαθέτει μηχανισμούς για διαχείριση δομών δεδομένων ή για τη διαχείριση ενεργειών που γίνονται δυναμικά από την πλευρά του χρήστη. 21

22 Περιορισμοί και αδυναμίες της HTML Αδυναμία ανάπτυξης πολύπλοκων, όπως Web 2.0 εφαρμογών. Ανάγκη χρήσης προσαρτώμενων προγραμματιστικών οντοτήτων (plug-ins), όπως το Adobe Flash, για την εισαγωγή στοιχείων ήχου και βίντεο στις ιστοσελίδες. Δεν είναι cross-platform (ανεξάρτητη πλατφόρμας), δηλαδή δεν είναι σχεδιασμένη να λειτουργεί το ίδιο σωστά με τον υπολογιστή και σε ένα Tablet, ένα Smartphone ή μια Smart TV. 22

23 Αντιμετώπιση των αδυναμιών και των περιορισμών της HTML Η λύση στην αντιμετώπιση των αδυναμιών και των περιορισμών της HTML είναι η τελευταία έκδοση της γλώσσας, η HTML5. H καινούργια έκδοση της γλώσσας έχει φτιαχτεί έτσι, ώστε να βοηθήσει τους web developers να δημιουργήσουν καλύτερες και πιο δομημένες web εφαρμογές και όχι μόνο έγγραφα κειμένου (documents). Οι δυνατότητες της HTML5 είναι διαφορετικές, μα πιο αποτελεσματικές στο να λύσουν προβλήματα, τα οποία δεν μπορούσαν οι παλαιότερες εκδόσεις να λύσουν, όπως: Χρήση τεχνολογίας SVG (Scalable Vector Graphics), ένα καινούριο tag (<svg>), με το οποίο έχετε τη δυνατότητα σχεδιασμού vector σχημάτων κατευθείαν στον browser. 23

24 Αντιμετώπιση των αδυναμιών και των περιορισμών της HTML Δυνατότητα σχεδίασης δισδιάστατων διανυσματικών γραφικών (στοιχείο canvas). Χρήση νέων ετικετών, που ανταποκρίνονται στο σύγχρονο τρόπο κατασκευής μιας ιστοσελίδας σε ό,τι αφορά τη σελιδοποίηση και τη μορφοποίηση. Δυνατότητα τοπικής αποθήκευσης (offline storage), επιτρέποντας στις ιστοσελίδες να αποθηκεύουν πληροφορίες στον υπολογιστή του χρήστη, ώστε να μη χρειάζεται να τις λαμβάνει ξανά, κάθε φορά που αυτός επισκέπτεται την ιστοσελίδα. Δυνατότητα αναπαραγωγής ήχου και βίντεο απευθείας, χωρίς την ανάγκη ύπαρξης πρόσθετων προγραμμάτων. 24

25 Αντιμετώπιση των αδυναμιών και των περιορισμών της HTML Δυνατότητα μεταφοράς και απόθεσης, δηλαδή ο χρήστης μπορεί να μεταφέρει στοιχεία από μια ιστοσελίδα σε άλλη ή από εφαρμογές στο browser του. Προσθήκη νέων τύπων και ιδιοτήτων για τη δημιουργία και χρήση φορμών. Πλήρης υποστήριξη CSS3. Καλύτερη αντιμετώπιση λαθών (error handling). Η διαδικασία ανάπτυξης θα είναι ορατή στο κοινό. Μπορεί να προσφέρει Geolocation (γεωτοποθεσία), κάτι που θα φανεί ιδιαίτερα χρήσιμο ως εργαλείο στις αναζητήσεις των χρηστών στον πραγματικό κόσμο και για το που βρίσκονται μια δεδομένη χρονική στιγμή. 25

26 Αντιμετώπιση των αδυναμιών και των περιορισμών της HTML Είναι ανεξάρτητη από τη συσκευή επιτρέποντας στους web developers να δημιουργήσουν mobile web sites. Τα συγκεκριμένα sites, μπορούν να έχουν ταυτόχρονα πολλές από τις ιδιότητες των εφαρμογών που συναντάμε στις διάφορες πλατφόρμες κινητών, ανοίγοντας έτσι νέους ορίζοντες στην παρουσία του Διαδικτύου στον τομέα των συσκευών κινητής τηλεφωνίας. 26

27 Αντιμετώπιση των αδυναμιών και των περιορισμών της HTML 27

28 Αντιμετώπιση των αδυναμιών και των περιορισμών της HTML Η HTML5 έρχεται να δώσει νέους ορίζοντες και στους browsers. Δυστυχώς, αυτοί δεν έχουν ακόμη την πλήρη υποστήριξη της, ενώ παρατηρείται ορισμένα στοιχεία της να λειτουργούν σε κάποιους browsers, ενώ σε άλλους όχι. Το ευτύχημα είναι ότι όλοι οι γνωστοί browsers, όπως οι Chrome, Firefox, Opera, Internet Explorer, Safari και Yandex, συνεχίζουν να υποστηρίζουν και να προσθέτουν νέα χαρακτηριστικά της HTML5, σε κάθε νέα έκδοση που κυκλοφορούν. 28

29 Μορφή αρχείων HTML Τα αρχεία HTML έχουν την κατάληξη html ή htm, περιέχουν τον κώδικα της ιστοσελίδας, καθώς και το κείμενο που αυτή περιλαμβάνει. Η μορφή του κώδικα ενός αρχείου html είναι η παρακάτω: <html> <head> <title> Ο τίτλος της σελίδας </title> </head> <body> <p> Εδώ η πρώτη παράγραφος</p> <p> Και εδώ η <b>δεύτερη</b> παράγραφος </p> </body> </html> 29

30 Εργαλεία κατασκευής ιστοσελίδων Ο χρήστης έχει δυνατότητα να δημιουργήσει μια ιστοσελίδα με ένα από τα παρακάτω εργαλεία: Απλούς συντάκτες (editors) κειμένου (π.χ. ο Notepad). Επεξεργαστές κειμένου (π.χ. το Microsoft Word). Ειδικούς συντάκτες κώδικα HTML (HTML editors), οι οποίοι έχουν ενσωματωμένες αρκετές λειτουργίες της HTML, όπως λίστα των ετικετών της και των ιδιοτήτων τους (π.χ. Notepad++, HTML Kit, EasyHtml κ.ά.). Γραφικούς συντάκτες ιστοσελίδων (WYSIWYG) (π.χ. Dreamweaver, FrontPage, Amaya, KompoZer κ.ά.). Online HTML Editors. Online website builders (π.χ. τα Wix, Ucoz, Jimdo, WebStarts, Wopop, Moonfruit, WebStartToday, DoodleKit κ.ά.). 30

31 Εργαλεία κατασκευής ιστοσελίδων HTML Kit: Περιβάλλον ειδικού συντάκτη κώδικα HTML 31

32 Εργαλεία κατασκευής ιστοσελίδων 32 Amaya: Περιβάλλον γραφικού συντάκτη κώδικα HTML

33 Εργαλεία κατασκευής ιστοσελίδων Online HTML Editor: Περιβάλλον on-line συντάκτη κώδικα HTML 33

34 Εργαλεία κατασκευής ιστοσελίδων 34 Wix: Περιβάλλον on-line website builder

35 Ανέβασμα αρχείων στο χώρο φιλοξενίας του site Αφού ολοκληρώσετε την κατασκευή των ιστοσελίδων σας, για να τις κάνετε διαθέσιμες στο κοινό, θα πρέπει να συνδεθείτε με την περιοχή στο web που θα τις ανεβάσετε. Η περιοχή αυτή βρίσκεται σε κάποιον εξυπηρετητή ιστού στο Διαδίκτυο. Οι εξυπηρετητές είναι υπολογιστές με εξελιγμένα τεχνικά χαρακτηριστικά, οι οποίοι είναι συνδεδεμένοι στο Internet μέσω μισθωμένων ψηφιακών γραμμών υψηλών ταχυτήτων και βρίσκονται σε συνεχή λειτουργία. Από τον ιδιοκτήτη στους χρήστες 35

36 Ανέβασμα αρχείων στο χώρο φιλοξενίας του site Η σύνδεση με τον εξυπηρετητή θα πρέπει να γίνει με ένα πρόγραμμα ή αλλιώς FTP client, όπως: Filezilla, Core FTP LE, FTP Voyager, Web Site Publisher, κ.ά. Τα προγράμματα αυτά, χρησιμοποιούν το πρωτόκολλο FTP (File Transfer Protocol), που είναι υπεύθυνο για την απομακρυσμένη μεταφορά αρχείων από έναν client (πρόγραμμα) σε ένα server και αντίστροφα. 36 Αναπαράσταση λειτουργίας του FTP

37 Ανέβασμα αρχείων στο χώρο φιλοξενίας του site Ανέβασμα αρχείων στο χώρο φιλοξενίας με το πρόγραμμα FTP Voyager 37

38 Πηγές Προγραμματιστικά Εργαλεία για το Διαδίκτυο: Σχολικό βιβλίο Ανάπτυξη πολυμεσικών εφαρμογών με HTML5: Λαζαρίνης Φώτιος Tutorials Point ( designing.htm) Melbourne High School (resources.mhs.vic.edu.au/arewealonewq/websitestory.doc) StigmataHost ( Τhe secret real truth ( 38

ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ

ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ Κεφάλαιο 2. Το περιβάλλον του παγκόσμιου Ιστού Επιμέλεια: Καραγιάννης Σπύρος Καθηγητής ΠΕ19 Πλεονεκτήματα παγκόσμιου Ιστού Εξυπηρετητής Ιστού & Ιστοσελίδες Κύριες

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

Σχολείο, Εκπαιδευτικοί Διαδικτυακή Παρουσία με χρήση CMS. Α. Χατζηπαπαδόπουλος Φ. Δεληγιάννης 1 ο ΕΚ Αθηνών

Σχολείο, Εκπαιδευτικοί Διαδικτυακή Παρουσία με χρήση CMS. Α. Χατζηπαπαδόπουλος Φ. Δεληγιάννης 1 ο ΕΚ Αθηνών Σχολείο, Εκπαιδευτικοί Διαδικτυακή Παρουσία με χρήση 1 CMS Α. Χατζηπαπαδόπουλος Φ. Δεληγιάννης 1 ο ΕΚ Αθηνών Σεμινάριο Στελεχών Διοίκησης Σχ. Μονάδων Α Αθήνας στις Νέες Τεχνολογίες 14/3/2018 2 Παρουσία

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

Σχεδιάζοντας Εφαρμογές για το Διαδίκτυο

Σχεδιάζοντας Εφαρμογές για το Διαδίκτυο FrontPage 2003 Πρακτικός Οδηγός Χρήσης Το FrontPage είναι ένα πρόγραμμα δημιουργίας ιστοσελίδων και δικτυακών τόπων που επιτρέπει το σχεδιασμό ιστοσελίδων μέσα από γραφικό περιβάλλον αλλά και την ταυτόχρονη

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

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

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

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

Τα είδη των ιστοσελίδων. Web Sites E-commerce Sites CMS & Blog Sites CMS Flash Facebook Layouts Tumblr Themes

Τα είδη των ιστοσελίδων. Web Sites E-commerce Sites CMS & Blog Sites CMS Flash Facebook Layouts Tumblr Themes Ορισμός ιστοσελίδας Ιστοσελίδα (αγγλικά: web page) είναι ένα είδος εγγράφου του παγκόσμιου ιστού (WWW) που περιλαμβάνει πληροφορίες με την μορφή κειμένου, υπερκειμένου, εικόνας, βίντεο και ήχου. Τα είδη

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

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

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

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

Χρήσιμες οδηγίες για την πορεία δημιουργίας ιστοσελίδων

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

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

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 απαιτεί από τον Υποψήφιο να κατανοεί τις κύριες έννοιες της σχεδίασης και δημοσίευσης δικτυακών

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

Γαβαλάς Δαμιανός dgavalas@aegean.gr

Γαβαλάς Δαμιανός dgavalas@aegean.gr Δικτυακά Πολυμέσα ΙΙ Διάλεξη #1 η : Οργάνωση & στόχοι μαθήματος, καλές αρχές σχεδιασμού στο web, τα μεγαλύτερα λάθη στον web σχεδιασμό Γαβαλάς Δαμιανός dgavalas@aegean.gr 1 Στόχοι μαθήματος Κατανόηση της

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

Κατασκευή Ιστολόγιου

Κατασκευή Ιστολόγιου Κατασκευή Ιστολόγιου Τι είναι το ιστολόγιο Τα blog είναι ιστοχώροι ή ιστοσελίδες που ανανεώνονται τακτικά συνήθως σε καθημερινή βάση. Περιέχουν πληροφορίες σχετικές με ένα θέμα και συνήθως χρησιμοποιούνται

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

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

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

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

ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet.

ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet. ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet. ΩΡΕΣ ΔΙΔΑΣΚΑΛΙΑΣ: ΕΙΔΟΣ ΜΑΘΗΜΑΤΟΣ: Μικτό Γενικός σκοπός είναι να αποκτήσει ο καταρτιζόμενος τις αναγκαίες γνώσεις σχετικά με εργαλεία και τις τεχνικές για

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

Πανεπιστήμιο Αιγαίου. Χειμερινό Εξάμηνο. Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας

Πανεπιστήμιο Αιγαίου. Χειμερινό Εξάμηνο. Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας Πανεπιστήμιο Αιγαίου Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας ικτυακά Πολυμέσα Ι (Β Έτος, 3ο εξ) ιάλεξη #2η: Ανάλυση, σχεδιασμός & οργάνωση web sites, Πλάνα σεναρίου,

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

Σχεδιάζοντας Εφαρμογές για το Διαδίκτυο

Σχεδιάζοντας Εφαρμογές για το Διαδίκτυο Το περιβάλλον εργασίας Ανοίγοντας την Ελληνική Έκδοση του FrontPage, για πρώτη φορά, η εικόνα που θα συναντήσουμε είναι αυτή της Εικόνας 1 με τα Μενού Εντολών και τη Γραμμή Εργαλείων, στο πάνω μέρος της

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

Vodafone Business Connect

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

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

Στρατηγική ανάπτυξη δικτυακού κόμβου

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

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

Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I

Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I Διαδικτυακή Εφαρμογή (1/2) Ως διαδικτυακή εφαρμογή μπορούμε

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

Vodafone Business Connect

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

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

Τι είναι ένα σύστημα διαχείρισης περιεχομένου; δυναμικό περιεχόμενο

Τι είναι ένα σύστημα διαχείρισης περιεχομένου; δυναμικό περιεχόμενο Τι είναι ένα σύστημα διαχείρισης περιεχομένου; Παρά την μεγάλη εξάπλωση του διαδικτύου και τον ολοένα αυξανόμενο αριθμό ιστοσελίδων, πολλές εταιρείες ή χρήστες δεν είναι εξοικειωμένοι με την τεχνολογία

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

ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ. της Πλατφόρμας Τηλεκατάρτισης

ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ. της Πλατφόρμας Τηλεκατάρτισης ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ της Πλατφόρμας Τηλεκατάρτισης ΠΕΡΙΕΧΟΜΕΝΑ 1. Εισαγωγή...2 2. Αρχική σελίδα, Εισαγωγή & Περιβάλλον Συστήματος...3 2.1. Αρχική σελίδα εισαγωγής...3 2.2. Εισαγωγή στην Πλατφόρμα Τηλε-κατάρτισης...4

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

Περιεχόμενα. Λίγα λόγια από το συγγραφέα... 7

Περιεχόμενα. Λίγα λόγια από το συγγραφέα... 7 Περιεχόμενα Λίγα λόγια από το συγγραφέα... 7 Μέρος 1 1 Βασικοί όροι... 11 2 Βασική δομή κώδικα HTML... 25 3 Μορφοποίηση κειμένου... 39 4 Μορφοποίηση παραγράφων... 51 5 Εισαγωγή εικόνας... 63 6 Λίστες με

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

Η HTML 5 θα αλλάξει το Web?

Η HTML 5 θα αλλάξει το Web? Η HTML 5 θα αλλάξει το Web? (ή αλλιώς, έρχεται το τέλος των plugins?) Αλέξανδρος Καράκος Εργαστήριο Προγραµµατισµού και Επεξεργασίας Πληροφοριών Internet 2... Είναι ένα ξεχωριστό µέσο δηµοσίευσης πληροφοριών

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

Γαβαλάς αµιανός

Γαβαλάς αµιανός Πανεπιστήµιο Αιγαίου Σχολή Κοινωνικών Επιστηµών Τµήµα Πολιτισµικής Τεχνολογίας Και Επικοινωνίας ικτυακά Πολυµέσα Ι (Β Έτος, 3ο εξ) Εργαστήριο #1ο: Εισαγωγή στην HTML Γαβαλάς αµιανός dgavalas@aegean.gr

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

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

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

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

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

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

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

1. O FrontPage Explorer

1. O FrontPage Explorer 1. O FrontPage Explorer Στο παρελθόν, ο δηµιουργός µιας θέσης Ιστού έπρεπε να παρακολουθεί µόνος του τον τρόπο σύνδεσης των σελίδων του. Με το FrontPage Explorer µπορείτε να δηµιουργείτε ιστούς και να

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

Κατασκευή ιστοσελίδων με το FrontPage2003

Κατασκευή ιστοσελίδων με το FrontPage2003 Γραμμή τίτλου Γραμμή μενού Γραμμή εργαλείων Μορφοποίηση Εικόνα Εφέ DHTML Κατασκευή ιστοσελίδων με το FrontPage2003 Παράθυρο εργασιών Όταν ανοίγουμε το FrontPage, ανοίγει αυτόματα μία νέα σελίδα. (Στο FrontPage

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

Δυνατότητες και πλεονεκτήματα του Office 2010 Έκδοση για οικιακή χρήση και μαθητές

Δυνατότητες και πλεονεκτήματα του Office 2010 Έκδοση για οικιακή χρήση και μαθητές Microsoft Office 2010 Περιλαμβάνει: Word Excel PowerPoint OneNote Δυνατότητες και πλεονεκτήματα του Office 2010 Έκδοση για οικιακή χρήση και μαθητές Το Microsoft Office 2010 Έκδοση για οικιακή χρήση και

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

ΣΧΕΔΙΑΣΜΟΣ ΙΣΤΟΣΕΛΙΔΑΣ ΜΕ ΤΗ ΧΡΗΣΗ ΠΡΟΤΥΠΟΥ ΙΣΤΟΣΕΛΙΔΑΣ (TEMPLATE) ΣΤΟ ΠΡΟΓΡΑΜΜΑ MICROSOFT OFFICE SHAREPOINT DESIGNER 2007

ΣΧΕΔΙΑΣΜΟΣ ΙΣΤΟΣΕΛΙΔΑΣ ΜΕ ΤΗ ΧΡΗΣΗ ΠΡΟΤΥΠΟΥ ΙΣΤΟΣΕΛΙΔΑΣ (TEMPLATE) ΣΤΟ ΠΡΟΓΡΑΜΜΑ MICROSOFT OFFICE SHAREPOINT DESIGNER 2007 ΣΧΕΔΙΑΣΜΟΣ ΙΣΤΟΣΕΛΙΔΑΣ ΜΕ ΤΗ ΧΡΗΣΗ ΠΡΟΤΥΠΟΥ ΙΣΤΟΣΕΛΙΔΑΣ (TEMPLATE) ΣΤΟ ΠΡΟΓΡΑΜΜΑ MICROSOFT OFFICE SHAREPOINT DESIGNER 2007 Ο σχεδιασμός ιστοσελίδας με τη χρήση του προγράμματος Microsoft Office SharePoint

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

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

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

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

Σχεδίαση και Ανάπτυξη Ιστότοπων

Σχεδίαση και Ανάπτυξη Ιστότοπων Σχεδίαση και Ανάπτυξη Ιστότοπων Ιστορική Εξέλιξη του Παγκόσμιου Ιστού Παρουσίαση 1 η 1 Βελώνης Γεώργιος Καθηγητής Περιεχόμενα Τι είναι το Διαδίκτυο Βασικές Υπηρεσίες Διαδικτύου Προηγμένες Υπηρεσίες Διαδικτύου

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

Microsoft Excel Κεφάλαιο 1. Εισαγωγή. Βιβλίο εργασίας

Microsoft Excel Κεφάλαιο 1. Εισαγωγή. Βιβλίο εργασίας Περιεχόμενα Κεφάλαιο 1 Microsoft Excel 2010... 7 Κεφάλαιο 2 Η δομή ενός φύλλου εργασίας... 19 Κεφάλαιο 3 ημιουργία νέου βιβλίου εργασίας και καταχώριση δεδομένων... 24 Κεφάλαιο 4 Συμβουλές για την καταχώριση

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

Γενικά...3. Απαραίτητο λογισμικό...3. Είσοδος στην πλατφόρμα Τηλεκατάρτησης...3. Πλοήγηση στην πλατφόρμα Τηλεκατάρτησης...6

Γενικά...3. Απαραίτητο λογισμικό...3. Είσοδος στην πλατφόρμα Τηλεκατάρτησης...3. Πλοήγηση στην πλατφόρμα Τηλεκατάρτησης...6 Περιεχόμενα Γενικά...3 Απαραίτητο λογισμικό...3 Είσοδος στην πλατφόρμα Τηλεκατάρτησης...3 Πλοήγηση στην πλατφόρμα Τηλεκατάρτησης...6 Οργάνωση της περιοχής του μαθήματος...7 Χρόνος Εκπαίδευσης...9 Έξοδος

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

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

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

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

Ο Οδηγός γρήγορης εκκίνησης

Ο Οδηγός γρήγορης εκκίνησης Ο Οδηγός γρήγορης εκκίνησης του Microsoft PowerPoint 2013 έχει διαφορετική εμφάνιση από προηγούμενες εκδόσεις. Γι αυτό το λόγο, δημιουργήσαμε αυτόν τον οδηγό για να ελαχιστοποιήσουμε την καμπύλη εκμάθησης.

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

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

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

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

Δημιουργία προσβάσιμων παρουσιάσεων με χρήση MS-PowerPoint 2010

Δημιουργία προσβάσιμων παρουσιάσεων με χρήση MS-PowerPoint 2010 Δημιουργία προσβάσιμων παρουσιάσεων με χρήση MS-PowerPoint 2010 Άδειες χρήσης Το παρόν υλικό υπόκειται σε άδειες χρήσης Creative Commons. Ανοικτά Ψηφιακά Μαθήματα 2 Περιεχόμενα Εισαγωγή Προσβάσιμες παρουσιάσεις

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

Αλεξιάδης Γεώργιος (ΠΕ86) -

Αλεξιάδης Γεώργιος (ΠΕ86) - 11.1 Γενική Εισαγωγή στην HTML Τι είναι η HTML; HyperText Markup Language (Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου) Βασίζεται στην SGML (Standard Generalized Markup Language) που είναι ένα πολύ μεγαλύτερο σύστημα

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

ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΑΝΑΠΤΥΞΗ ΙΣΤΟΤΟΠΩΝ

ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΑΝΑΠΤΥΞΗ ΙΣΤΟΤΟΠΩΝ ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΑΝΑΠΤΥΞΗ ΙΣΤΟΤΟΠΩΝ 1Τι είναι ο Παγκόσµιος Ιστός; Λόγω της µεγάλης απήχησης του Παγκόσµιου Ιστού πολλές φορές ταυτίζουµε τον Παγκόσµιο Ιστό µε το Διαδίκτυο. Στην πραγµατικότητα αυτή η αντίληψη

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

Τ.Ε.Ι. Δυτικής Ελλάδας Τμήμα Διοίκησης Επιχειρήσεων Μεσολόγγι. 6 η Διάλεξη. Μάθημα: Τεχνολογίες Διαδικτύου

Τ.Ε.Ι. Δυτικής Ελλάδας Τμήμα Διοίκησης Επιχειρήσεων Μεσολόγγι. 6 η Διάλεξη. Μάθημα: Τεχνολογίες Διαδικτύου Τ.Ε.Ι. Δυτικής Ελλάδας Τμήμα Διοίκησης Επιχειρήσεων Μεσολόγγι 6 η Διάλεξη Μάθημα: Τεχνολογίες Διαδικτύου Περιεχόμενα 6 η διάλεξη Browsers Θέματα σχεδιασμού web σελίδων Browsers Οι δημοφιλέστεροι Internet

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

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

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

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

Σύγκριση FLASH και HTML 5 HTML 5 σχετικά με την υποστήριξη πολυμέσων

Σύγκριση FLASH και HTML 5 HTML 5 σχετικά με την υποστήριξη πολυμέσων ΓΤΠ61 καθηγητής-σύμβουλος Δημήτριος Ζευγώλης Εργασία του Κ. Μακρόπουλου Σύγκριση FLASH και HTML 5 HTML 5 σχετικά με την υποστήριξη πολυμέσων 1 Εισαγωγή Το έτος 2009 υπολογίζεται ότι περισσότεροι από 1,5

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

Δημοσίευση στο Διαδίκτυο

Δημοσίευση στο Διαδίκτυο ΕΣΔ200 Δημιουργία Περιεχομένου ΙI Δημοσίευση στο Διαδίκτυο Περιεχόμενα - Βιβλιογραφία Ενότητας Περιεχόμενα Εισαγωγή Δημοσίευση μιας ταινίας στο παγκόσμιο ιστό Βασικά στοιχεία HTML Τεχνικές δημιουργίας

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

Δημιουργία. Ιστολογίου (blog) 7/5/2015. Χρυσάνθη Γιομέλου ΚΔΒΜ ΝΙΚΑΙΑΣ

Δημιουργία. Ιστολογίου (blog)  7/5/2015. Χρυσάνθη Γιομέλου ΚΔΒΜ ΝΙΚΑΙΑΣ Δημιουργία 7/5/2015 Ιστολογίου (blog) www.blogger.com Χρυσάνθη Γιομέλου ΚΔΒΜ ΝΙΚΑΙΑΣ ΠΕΡΙΕΧΟΜΕΝΑ TI EINAI TO ΙΣΤΟΛΟΓΙΟ... 2 ΓΙΑΤΙ ΙΣΤΟΛΟΓΙΟ;... 2 ΠΛΕΟΝΕΚΤΗΜΑΤΑ ΤΗΣ ΧΡΗΣΗΣ ΙΣΤΟΛΟΓΙΟΥ... 2 ΔΗΜΙΟΥΡΓΙΑ ΛΟΓΑΡΙΑΣΜΟΥ

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

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

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

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

Προγραμματισμός Διαδικτύου

Προγραμματισμός Διαδικτύου Πανεπιστήμιο Δυτικής Μακεδονίας Τμήμα Μηχανικών Πληροφορικής & Τηλεπικοινωνιών Προγραμματισμός Διαδικτύου Δρ. Μηνάς Δασυγένης mdasygenis@uowm.gr Τμήμα της παρουσίασης δημιουργήθηκε από τον κ. Παναγιώτη

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

Εργαλεία Ανάπτυξης Εφαρμογών Internet I

Εργαλεία Ανάπτυξης Εφαρμογών Internet I Εργαλεία Ανάπτυξης Εφαρμογών Internet I 1: Εισαγωγή στον Παγκόσμιο Ιστό Σταύρος Καμμάς Δομή μαθήματος 1. Εισαγωγή στον Παγκόσμιο Ιστό (www, υπερκείμενο, υπερσύνδεσμοι, υπερμέσα, πολυμέσα, πλοηγοί, παραδείγματα)

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

Ποιες είναι οι κύριες ετικέτες που χρησιμοποιεί η HTML για την περιγραφή της συνολικής δομής μιας ιστοσελίδας;

Ποιες είναι οι κύριες ετικέτες που χρησιμοποιεί η HTML για την περιγραφή της συνολικής δομής μιας ιστοσελίδας; Τι είναι η HTML; Η HTML είναι το ακρωνύμιο των λέξεων HyperText Markup Language, δηλαδή Γλώσσα Χαρακτηρισμού Υπερ Κειμένου και βασίζεται στη γλώσσα SGML, Standard Generalized Markup Language, που είναι

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

ΟΔΗΓΟΣ ΧΡΗΣΤΗ ΠΛΑΤΦΟΡΜΑΣ

ΟΔΗΓΟΣ ΧΡΗΣΤΗ ΠΛΑΤΦΟΡΜΑΣ Περιεχόμενα Περιεχόμενα Γενικά... 3 Απαραίτητο λογισμικό... 3 Είσοδος στην πλατφόρμα Τηλεκπαίδευσης... 3 Πλοήγηση στην πλατφόρμα Τηλεκπαίδευσης... 5 Οργάνωση της περιοχής του μαθήματος... 8 Έξοδος από

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

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

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

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

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

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

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

Animation με χρήση HTML 5. Στέλιος Σκουρλής

Animation με χρήση HTML 5. Στέλιος Σκουρλής Animation με χρήση HTML 5 Στέλιος Σκουρλής Τι είναι η HTML???? Με απλά λόγια, μία ιστοσελίδα (HTML αρχείο) ) είναι ένα αρχείο κειμένου που δημιουργήθηκε χρησιμοποιώντας Hypertext Markup Language (HTML)

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

Δικτυακοί τόποι. Η σχεδίαση ενός δικτυακού τόπου. Δρ. Ματθαίος Α. Πατρινόπουλος

Δικτυακοί τόποι. Η σχεδίαση ενός δικτυακού τόπου. Δρ. Ματθαίος Α. Πατρινόπουλος Δικτυακοί τόποι Η σχεδίαση ενός δικτυακού τόπου Δρ. Ματθαίος Α. Πατρινόπουλος Πώς χρησιμοποιούμε το διαδίκτυο; ΔΙΑΦΑΝΕΙΕΣ ΤΟΥ ΜΑΘΗΜΑΤΟΣ ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΑΝΑΠΤΥΞΗ ΕΦΑΡΜΟΓΩΝ ΔΙΑΔΙΚΤΥΟΥ. 2 Από το www.smartinsights.

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

Τ.Ε.Ι. Δυτικής Ελλάδας Τμήμα Διοίκησης Επιχειρήσεων Μεσολόγγι. 6 η Διάλεξη. Μάθημα: Τεχνολογίες Διαδικτύου

Τ.Ε.Ι. Δυτικής Ελλάδας Τμήμα Διοίκησης Επιχειρήσεων Μεσολόγγι. 6 η Διάλεξη. Μάθημα: Τεχνολογίες Διαδικτύου Τ.Ε.Ι. Δυτικής Ελλάδας Τμήμα Διοίκησης Επιχειρήσεων Μεσολόγγι 6 η Διάλεξη Μάθημα: Τεχνολογίες Διαδικτύου Περιεχόμενα 6 η διάλεξη Browsers Θέματα σχεδιασμού web σελίδων Browsers Οι δημοφιλέστεροι Internet

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

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

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

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

Η επιλογή γλώσσας (π.χ. ελληνικά) διεπαφής του συστήματος, βρίσκεται στο υποσέλιδο του ιστότοπου

Η επιλογή γλώσσας (π.χ. ελληνικά) διεπαφής του συστήματος, βρίσκεται στο υποσέλιδο του ιστότοπου Wordpress.com Περιεχόμενα Wordpress... 1 Ρύθμιση γλώσσας... 1 Δημιουργία λογαριασμού και σύνδεση... 2 Δημιουργία νέου ιστότοπου... 2 Πλατφόρμα διαχείρισης... 5 Αναγνώστης... 5 Πλατφόρμα ιστοτόπου... 5

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

ΣΧΕΔΙΑΣΜΟΣ ΙΣΤΟΣΕΛΙΔΑΣ ΜΕ ΤΗ ΧΡΗΣΗ "ΠΡΟΤΥΠΟΥ ΙΣΤΟΣΕΛΙΔΑΣ" (TEMPLATE) ΣΤΟ ΠΡΟΓΡΑΜΜΑ MICROSOFT OFFICE SHAREPOINT DESIGNER 2007

ΣΧΕΔΙΑΣΜΟΣ ΙΣΤΟΣΕΛΙΔΑΣ ΜΕ ΤΗ ΧΡΗΣΗ ΠΡΟΤΥΠΟΥ ΙΣΤΟΣΕΛΙΔΑΣ (TEMPLATE) ΣΤΟ ΠΡΟΓΡΑΜΜΑ MICROSOFT OFFICE SHAREPOINT DESIGNER 2007 ΣΧΕΔΙΑΣΜΟΣ ΙΣΤΟΣΕΛΙΔΑΣ ΜΕ ΤΗ ΧΡΗΣΗ "ΠΡΟΤΥΠΟΥ ΙΣΤΟΣΕΛΙΔΑΣ" (TEMPLATE) ΣΤΟ ΠΡΟΓΡΑΜΜΑ MICROSOFT OFFICE SHAREPOINT DESIGNER 2007 Ο σχεδιασμός ιστοσελίδας με τη χρήση του προγράμματος Microsoft Office SharePoint

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

Εισαγωγή στο Libre Office Παρουσιάσεις με το Impress. Bάιος Κολοφωτιάς Επιστημονικός Συνεργάτης Sweng Lab A.Π.Θ

Εισαγωγή στο Libre Office Παρουσιάσεις με το Impress. Bάιος Κολοφωτιάς Επιστημονικός Συνεργάτης Sweng Lab A.Π.Θ Εισαγωγή στο Libre Office Παρουσιάσεις με το Impress Bάιος Κολοφωτιάς Επιστημονικός Συνεργάτης Sweng Lab A.Π.Θ Εισαγωγικά Οι παρουσιάσεις είναι μια εφαρμογή που χρησιμεύει στην παρουσίαση των εργασιών

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

Δυναμικές Ιστοσελίδες στο Πανελλήνιο Σχολικό Δίκτυο

Δυναμικές Ιστοσελίδες στο Πανελλήνιο Σχολικό Δίκτυο Δυναμικές Ιστοσελίδες στο Πανελλήνιο Σχολικό Δίκτυο Δρ. Χρήστος Όροβας Τεχνικός Υπεύθυνος 1 Διαδικασία «Φόρτωσης» μιας Ιστοσελίδας Internet Explorer, Mozilla, Chrome, κτλ HTTP Server ΠΣΔ Αίτημα για επικοινωνία

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

Σημειώσεις για το εργαστηριακό μάθημα «Εκπαιδευτική Τεχνολογία Πολυμέσα»

Σημειώσεις για το εργαστηριακό μάθημα «Εκπαιδευτική Τεχνολογία Πολυμέσα» ΑΝΩΤΑΤΗ ΣΧΟΛΗ ΠΑΙΔΑΓΩΓΙΚΗΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΗΣ ΕΚΠΑΙΔΕΥΣΗΣ ΓΕΝΙΚΟ ΤΜΗΜΑ ΠΑΙΔΑΓΩΓΙΚΩΝ ΜΑΘΗΜΑΤΩΝ Δημιουργία web site με το Σημειώσεις για το εργαστηριακό μάθημα «Εκπαιδευτική Τεχνολογία Πολυμέσα» Μαρία Μουντρίδου

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

SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0

SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0 SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ Version 2.0 Περιεχόμενα 1. Οδηγίες πρόσβασης... 3 2. Οδηγίες Σχεδιασμού Website... 4 2.1. Έναρξη...

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

Οδηγός πλατφόρμας e-learning

Οδηγός πλατφόρμας e-learning Περιεχόμενα 1ΓΕΝΙΚΑ... 3 2 ΑΠΑΡΑΙΤΗΤΟ ΛΟΓΙΣΜΙΚΟ... 3 3 ΕΙΣΟΔΟΣ ΣΤΗΝ ΠΛΑΤΦΟΡΜΑ elearning... 3 4 ΠΛΟΗΓΗΣΗ ΣΤΗΝ ΠΛΑΤΦΟΡΜΑ elearning... 6 5 ΟΡΓΑΝΩΣΗ ΤΗΣ ΠΕΡΙΟΧΗΣ ΤΟΥ ΜΑΘΗΜΑΤΟΣ... 7 6 ΕΞΟΔΟΣ ΑΠΟ ΤΗΝ ΠΛΑΤΦΟΡΜΑ

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

Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word

Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word Επειδή οι μεταγενέστερες εκδόσεις του Word δεν περιλαμβάνουν στο μενού τη δυνατότητα δημιουργίας πολλαπλών

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

Οδηγός γρήγορης εκκίνησης

Οδηγός γρήγορης εκκίνησης Χρήση του Office 365 σε τηλέφωνο Windows Phone Οδηγός γρήγορης εκκίνησης Έλεγχος ηλεκτρονικού ταχυδρομείου Ρυθμίστε το Windows Phone για αποστολή και λήψη ηλεκτρονικού ταχυδρομείου από το λογαριασμό του

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

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

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

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

ΟΔΗΓΟΣ ΧΡΗΣΤΗ ΠΛΑΤΦΟΡΜΑΣ ΤΗΛΕΚΠΑΙΔΕΥΣΗΣ 1 ΓΕΝΙΚΑ ΑΠΑΡΑΙΤΗΤΟ ΛΟΓΙΣΜΙΚΟ ΕΙΣΟΔΟΣ ΣΤΗΝ ΠΛΑΤΦΟΡΜΑ ELEARNING... 3

ΟΔΗΓΟΣ ΧΡΗΣΤΗ ΠΛΑΤΦΟΡΜΑΣ ΤΗΛΕΚΠΑΙΔΕΥΣΗΣ 1 ΓΕΝΙΚΑ ΑΠΑΡΑΙΤΗΤΟ ΛΟΓΙΣΜΙΚΟ ΕΙΣΟΔΟΣ ΣΤΗΝ ΠΛΑΤΦΟΡΜΑ ELEARNING... 3 ΠΕΡΙΕΧΟΜΕΝΑ 1 ΓΕΝΙΚΑ... 3 2 ΑΠΑΡΑΙΤΗΤΟ ΛΟΓΙΣΜΙΚΟ... 3 3 ΕΙΣΟΔΟΣ ΣΤΗΝ ΠΛΑΤΦΟΡΜΑ ELEARNING... 3 4 ΠΛΟΗΓΗΣΗ ΣΤΗΝ ΠΛΑΤΦΟΡΜΑ ELEARNING... 5 5 ΟΡΓΑΝΩΣΗ ΤΗΣ ΠΕΡΙΟΧΗΣ ΤΟΥ ΜΑΘΗΜΑΤΟΣ... 7 6 ΕΞΟΔΟΣ ΑΠΟ ΤΗΝ ΠΛΑΤΦΟΡΜΑ

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

Οδηγός Χρήστη. Πλατφόρμας Τηλεκπαίδευσης

Οδηγός Χρήστη. Πλατφόρμας Τηλεκπαίδευσης Οδηγός Χρήστη Πλατφόρμας Τηλεκπαίδευσης Περιεχόμενα Γενικά... 3 Απαραίτητο λογισμικό... 3 Είσοδος στην πλατφόρμα Τηλεκπαίδευσης... 3 Πλοήγηση στην πλατφόρμα Τηλεκπαίδευσης... 5 Έξοδος από την πλατφόρμα

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

Οδηγίες Εικόνα 1 Εικόνα 2

Οδηγίες Εικόνα 1 Εικόνα 2 Οδηγίες Σκοπός αυτού του εγγράφου είναι να σας καθοδηγήσει στην δημιουργία νέων λημμάτων στο Wiki των Ελληνικών Υπηρεσιών Πληροφόρησης που θέλουμε να δημιουργήσουμε. Τα λήμματα που θα δημιουργήσουν όλες

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

ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ Π.Σ. ΦΟΙΤΗΤΟΛΟΓΙΟΥ- ΓΙΑ ΤΟ ΔΙΔΑΣΚΟΝΤΑ (ClassWeb)

ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ Π.Σ. ΦΟΙΤΗΤΟΛΟΓΙΟΥ- ΓΙΑ ΤΟ ΔΙΔΑΣΚΟΝΤΑ (ClassWeb) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ Π.Σ. ΦΟΙΤΗΤΟΛΟΓΙΟΥ- ΓΙΑ ΤΟ ΔΙΔΑΣΚΟΝΤΑ (ClassWeb) 1. Είσοδος στην υπηρεσία ClassWeb Στη κεντρική σελίδα της υπηρεσίας στα πεδία Όνομα Χρήστη και Κωδικός πρόσβασης πληκτρολογούμε τα στοιχεία

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

Οδηγός Χρήστη Πλατφόρµας Τηλεκπαίδευσης

Οδηγός Χρήστη Πλατφόρµας Τηλεκπαίδευσης Οδηγός Χρήστη Πλατφόρµας Τηλεκπαίδευσης Περιεχόμενα Γενικά...3 Απαραίτητο λογισμικό...3 Είσοδος στην πλατφόρμα ΚΕΚ Διάσταση...3 Πλοήγηση στην πλατφόρμα ΚΕΚ Διάσταση...6 Οργάνωση της περιοχής του μαθήματος...7

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

Χρήση html editor. Περιεχόμενα. 1. Εισαγωγή/διαμόρφωση κειμένου.

Χρήση html editor. Περιεχόμενα. 1. Εισαγωγή/διαμόρφωση κειμένου. Περιεχόμενα Χρήση html editor Χρήση html editor...1 1. Εισαγωγή/διαμόρφωση κειμένου...1 2. Προσθήκη υπερσυνδέσμου στο κείμενο...2 3. Εισαγωγή/διαμόρφωση εικόνας...3 4. Προσθήκη υπερσυνδέσμου σε εικόνα....7

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

Από τον κατάλογο Web επιλέγουμε το Page, οπότε στο κυρίως μέρος της οθόνης εμφανίζονται οι σελίδες τις οποίες έχουμε δικαίωμα να ενημερώσουμε.

Από τον κατάλογο Web επιλέγουμε το Page, οπότε στο κυρίως μέρος της οθόνης εμφανίζονται οι σελίδες τις οποίες έχουμε δικαίωμα να ενημερώσουμε. 1. Διαδικασία Login Για να κάνουμε login ανοίγουμε ένα πρόγραμμα πλοήγησης (Internet Explorer, Mozilla Firefox κτλ) και πηγαίνουμε στην εξής διεύθυνση: https://www.tuc.gr/typo3 Στο πεδίο Username εισάγουμε

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

ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ OPEN ECLASS

ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ OPEN ECLASS ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ OPEN ECLASS Η διαδικασία μεταφοράς του υλικού ενός μαθήματος από την πλατφόρμα Blackboard Vista στην πλατφόρμα Open eclass σε βήματα είναι

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

Σημειώσεις του σεμιναρίου: Δημιουργία εκπαιδευτικού ιστότοπου με χρήση του λογισμικού Joomla

Σημειώσεις του σεμιναρίου: Δημιουργία εκπαιδευτικού ιστότοπου με χρήση του λογισμικού Joomla Σημειώσεις του σεμιναρίου: Δημιουργία εκπαιδευτικού ιστότοπου με χρήση του λογισμικού Joomla 1 Διδακτική ώρα: 21 η -22 η Στην ενότητα αυτή θα δημιουργήσετε συνδέσμους που οδηγούν σε άλλες ιστοσελίδες,

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

Οδηγός Χρήστη Πλατφόρμας Τηλεκπαίδευσης. 1 Γενικά... 3. 2 Απαραίτητο Λογισμικό... 3. 3 Είσοδος στην Πλατφόρμα Elearning... 3

Οδηγός Χρήστη Πλατφόρμας Τηλεκπαίδευσης. 1 Γενικά... 3. 2 Απαραίτητο Λογισμικό... 3. 3 Είσοδος στην Πλατφόρμα Elearning... 3 Περιεχόμενα 1 Γενικά... 3 2 Απαραίτητο Λογισμικό... 3 3 Είσοδος στην Πλατφόρμα Elearning... 3 4 Πλοήγηση στην Πλατφόρμα Elearning... 6 5 Οργάνωση της Περιοχής του Μαθήματος... 7 6 Έξοδος από την Πλατφόρμα

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

Οδηγός γρήγορης εκκίνησης

Οδηγός γρήγορης εκκίνησης Οδηγός γρήγορης εκκίνησης Το Microsoft Word 2013 έχει διαφορετική εμφάνιση από προηγούμενες εκδόσεις. Γι αυτό το λόγο, δημιουργήσαμε αυτόν τον οδηγό για να ελαχιστοποιήσουμε την καμπύλη εκμάθησης. Γραμμή

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

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

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

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

Ο Οδηγός γρήγορης εκκίνησης

Ο Οδηγός γρήγορης εκκίνησης Ο Οδηγός γρήγορης εκκίνησης του Microsoft OneNote 2013 έχει διαφορετική εμφάνιση από προηγούμενες εκδόσεις. Γι αυτό το λόγο, δημιουργήσαμε αυτόν τον οδηγό για να ελαχιστοποιήσουμε την καμπύλη εκμάθησης.

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

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

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

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

Οδηγίες για κατέβασμα αρχείων - πινάκων συγκεκριμένης ιστοσελίδας Υπουργείου Εσωτερικών από Δήμους, Περιφέρειες και νομικά πρόσωπα αυτών:

Οδηγίες για κατέβασμα αρχείων - πινάκων συγκεκριμένης ιστοσελίδας Υπουργείου Εσωτερικών από Δήμους, Περιφέρειες και νομικά πρόσωπα αυτών: Οδηγίες για κατέβασμα αρχείων πινάκων συγκεκριμένης ιστοσελίδας Υπουργείου Εσωτερικών από Δήμους, Περιφέρειες και νομικά πρόσωπα αυτών: Για πρόσβαση στον ιστότοπο του Υπουργείου Εσωτερικών, θα χρειαστεί

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

Εγχειρίδιο Χρήσης K&I LMS User Manual. Για γονείς

Εγχειρίδιο Χρήσης K&I LMS User Manual. Για γονείς Εγχειρίδιο Χρήσης K&I LMS User Manual Για γονείς Περιεχόμενα 1. Εισαγωγικά... 2 2. Επεξήγηση Διεπαφής Χρήστη... 2 2.1 Μπάρα Πλοήγησης... 2 2.2 Δομικά Στοιχεία... 2 2.3 Ο HTML κειμενογράφος... 2 3. Είσοδος

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

ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2

ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2 ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2 Μάθαµε στο προηγούµενο µάθηµα πώς να δίνουµε ονόµατα στις ιστοσελίδες µας, να βάζουµε χρώµα και γραφικά, ή ακόµα να δηµιουργούµε υπερσυνδέσµους σε κείµενο και εικόνες. Σήµερα µεταξύ

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

Περιεχόμενα ΟΔΗΓΟΣ ΟΔΗΓΟΣ ΧΡΗΣΤΗ ΠΛΑΤΦΟΡΜΑΣ L.M.S. 1 Γενικά Απαραίτητο λογισμικό Είσοδος στην πλατφόρμα Τηλεκπαίδευσης...

Περιεχόμενα ΟΔΗΓΟΣ ΟΔΗΓΟΣ ΧΡΗΣΤΗ ΠΛΑΤΦΟΡΜΑΣ L.M.S. 1 Γενικά Απαραίτητο λογισμικό Είσοδος στην πλατφόρμα Τηλεκπαίδευσης... Περιεχόμενα 1 Γενικά... 3 2 Απαραίτητο λογισμικό... 3 3 Είσοδος στην πλατφόρμα Τηλεκπαίδευσης... 3 4 Πλοήγηση στην πλατφόρμα Τηλεκπαίδευσης... 5 5 Έξοδος από την πλατφόρμα Τηλεκπαίδευσης... 10 SQLearn

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

Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία

Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία Blog στο Wordpress Επιμέλεια: Δέγγλερη Σοφία Περιεχόμενα Μετάβαση στο blog Σύνδεση ως διαχειριστής Πίνακας ελέγχου Εμφάνιση Ρυθμίσεις Άρθρα Σελίδες Πολυμέσα Σύνδεσμοι Μετάβαση στο blog Πληκτρολογούμε στη

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

Αναλυτικός οδηγός χρήσης εφαρμογής Energy Audit Pro edition

Αναλυτικός οδηγός χρήσης εφαρμογής Energy Audit Pro edition Αναλυτικός οδηγός χρήσης εφαρμογής Energy Audit Pro edition Περιεχόμενα Εισαγωγή... 2 Αρχική Οθόνη Εφαρμογής... 3 Εγγραφή χρήστη... 4 Είσοδος χρήστη... 6 Δημιουργία Νέας Μελέτης... 8 Μεταφορά δεδομένων

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

Οδηγός γρήγορης εκκίνησης

Οδηγός γρήγορης εκκίνησης Οδηγός γρήγορης εκκίνησης Το Microsoft Visio 2013 έχει διαφορετική εμφάνιση από προηγούμενες εκδόσεις. Γι αυτό το λόγο, δημιουργήσαμε αυτόν τον οδηγό για να ελαχιστοποιήσουμε την καμπύλη εκμάθησης. Ενημερωμένα

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

ΑΝΑΚΟΙΝΩΣΕΙΣ ΠΡΟΜΗΘΕΙΩΝ/ΕΡΓΑΣΙΩΝ ΜΕ ΛΗΨΗ ΠΡΟΣΦΟΡΏΝ 10/16

ΑΝΑΚΟΙΝΩΣΕΙΣ ΠΡΟΜΗΘΕΙΩΝ/ΕΡΓΑΣΙΩΝ ΜΕ ΛΗΨΗ ΠΡΟΣΦΟΡΏΝ 10/16 ΤΕΙ ΘΕΣΣΑΛΙΑΣ ΔΙΕΥΘΥΝΣΗ ΟΙΚΟΝΟΜΙΚΟΥ ΤΜΗΜΑ ΜΙΣΘΟΔΟΣΙΑΣ ΑΠΟΖΗΜΙΩΣΕΩΝ Λάρισα 31/5/2016 ΠΡΟΜΗΘΕΙΩΝ & ΠΕΡΙΟΥΣΙΑΣ ΑΝΑΚΟΙΝΩΣΕΙΣ ΠΡΟΜΗΘΕΙΩΝ/ΕΡΓΑΣΙΩΝ ΜΕ ΛΗΨΗ ΠΡΟΣΦΟΡΏΝ 10/16 1. Με την αριθμ. 876/17-5-2016 απόφαση

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

1. Απαιτήσεις εργασίας

1. Απαιτήσεις εργασίας ctxxxxx.html 1 η ΕΡΓΑΣΙΑ: ΑΝΑΠΤΥΞΗ ΔΙΑΔΙΚΤΥΑΚΟΥ ΤΟΠΟΥ (WEB SITE) Ημερομηνία Παράδοσης: Τρίτη 1 Δεκέμβρη 2009 (Η εργασία είναι ατομική!!) 1. Απαιτήσεις εργασίας Θα πρέπει να δημιουργήσετε το web site μιας

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

Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία

Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία Blog στο Wordpress Επιμέλεια: Δέγγλερη Σοφία Περιεχόμενα Μετάβαση στο blog Σύνδεση ως διαχειριστής Πίνακας ελέγχου Εμφάνιση Ρυθμίσεις Άρθρα Σελίδες Πολυμέσα Σύνδεσμοι Widgets Μετάβαση στο blog Πληκτρολογούμε

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

Οδηγός χρήσης Joomla 3.0

Οδηγός χρήσης Joomla 3.0 Οδηγός χρήσης Joomla 3.0 Περιεχόμενα 1. Γενικές λειτουργίες άρθρων 2. Δημιουργία νέου/επεξεργασία άρθρου 3. Δημιουργία κουμπιού 2013 1. Γενικές λειτουργίες άρθρων Συνδεόμαστε στο περιβάλλον διαχείρισης

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

SharePoint Online. Δημιουργήστε μια τοποθεσία ή μια δημοσίευση ειδήσεων. Αναζήτηση Βρείτε Τοποθεσίες, Άτομα ή Αρχεία.

SharePoint Online. Δημιουργήστε μια τοποθεσία ή μια δημοσίευση ειδήσεων. Αναζήτηση Βρείτε Τοποθεσίες, Άτομα ή Αρχεία. Οδηγός γρήγορης εκκίνησης Κάντε περισσότερα όπου και αν βρίσκεστε με ασφαλή πρόσβαση, κοινή χρήση και αποθήκευση αρχείων. Πραγματοποιήστε είσοδο στη συνδρομή σας στο Office 365 και επιλέξτε το SharePoint

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

Διαχείριση Πληροφοριών στο Διαδίκτυο. Εργαστήριο 1

Διαχείριση Πληροφοριών στο Διαδίκτυο. Εργαστήριο 1 Διαχείριση Πληροφοριών στο Διαδίκτυο Εργαστήριο 1 Τεχνολογικό Εκπαιδευτικό Ίδρυμα Καβάλας Σχολή Διοίκησης & Οικονομίας Τμήμα Διαχείρισης Πληροφοριών Διδάσκων Μαρδύρης Βασίλειος, Διπλ. Ηλ. Μηχανικός & Μηχ.

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

Τ.Ε.Ι. Δυτικής Ελλάδας Τμήμα Διοίκησης Επιχειρήσεων Μεσολόγγι. 6 η Διάλεξη. Μάθημα: Τεχνολογίες Διαδικτύου

Τ.Ε.Ι. Δυτικής Ελλάδας Τμήμα Διοίκησης Επιχειρήσεων Μεσολόγγι. 6 η Διάλεξη. Μάθημα: Τεχνολογίες Διαδικτύου Τ.Ε.Ι. Δυτικής Ελλάδας Τμήμα Διοίκησης Επιχειρήσεων Μεσολόγγι 6 η Διάλεξη Μάθημα: Τεχνολογίες Διαδικτύου Επικαιρότητα Προηγούμενες διαλέξεις Επικαιρότητα Πώς κόπηκε η πρόσβαση; Προς το παρόν με DNS! Χρήστης

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

Εργαστήριο του Μαθήματος: ΕΠΛ 001

Εργαστήριο του Μαθήματος: ΕΠΛ 001 Το Διαδίκτυο (Internet) και ο Παγκόσμιος Ιστός (WWW) Εργαστήριο του Μαθήματος: ΕΠΛ 001 Ενότητα 2 Το Διαδίκτυο, ο Παγκόσμιος Ιστός και το Ηλεκτρονικό Ταχυδρομείο Το διαδίκτυο είναι ένας όρος που περιγράφει

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

ΔΡΑΣΤΗΡΙΟΤΗΤΕΣ. Κωδικός Τίτλος Επίπεδο

ΔΡΑΣΤΗΡΙΟΤΗΤΕΣ. Κωδικός Τίτλος Επίπεδο ΔΡΑΣΤΗΡΙΟΤΗΤΕΣ Ενότητα: Υποενότητα: Διαδικτυακές Υπηρεσίες κι Εφαρμογές Υ8 - Δημοτικοί Ιστότοποι / Google Sites Λίστα Δραστηριοτήτων Κωδικός Τίτλος Επίπεδο Υ8.Δ1 Αναζήτηση δημοτικών ιστοτόπων και αξιολόγηση

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

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

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

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

Google Apps για το Office 365 για επιχειρήσεις

Google Apps για το Office 365 για επιχειρήσεις Google Apps για το Office 365 για επιχειρήσεις Πραγματοποίηση της μετάβασης Το Office 365 για επιχειρήσεις έχει διαφορετική εμφάνιση από το Google Apps. Για το λόγο αυτό, όταν συνδεθείτε, θα δείτε αυτήν

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

WORDPRESS. Εικόνα 1. Πατώντας στη «Σύνδεση» γράψτε το Username (όνομα χρήστη) και το Password (συνθηματικό) (εικόνα 2) που σας έδωσε ο διαχειριστής

WORDPRESS. Εικόνα 1. Πατώντας στη «Σύνδεση» γράψτε το Username (όνομα χρήστη) και το Password (συνθηματικό) (εικόνα 2) που σας έδωσε ο διαχειριστής WORDPRESS Το παρόν εγχειρίδιο είναι μία προσπάθεια για τους συναδέλφους εκπαιδευτικούς αλλά και μαθητές για την δημοσίευση άρθρων. Για παραλήψεις, λάθη ή κάτι το δυσνόητο παρακαλώ ενημερώστε με ώστε να

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

Περιεχόμενα. Λίγα λόγια από το συγγραφέα...7 Κεφάλαιο 1: Προετοιμασία παρουσίασης...9. Κεφάλαιο 2: Διαχείριση παρουσίασης...44

Περιεχόμενα. Λίγα λόγια από το συγγραφέα...7 Κεφάλαιο 1: Προετοιμασία παρουσίασης...9. Κεφάλαιο 2: Διαχείριση παρουσίασης...44 Περιεχόμενα Λίγα λόγια από το συγγραφέα...7 Κεφάλαιο 1: Προετοιμασία παρουσίασης...9 Κεφάλαιο 2: Διαχείριση παρουσίασης...44 Κεφάλαιο 3: Σχεδίαση γραφικών...78 Κεφάλαιο 4: Μορφοποίηση εικόνων...111 Κεφάλαιο

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

Απαντήστε στις παρακάτω ερωτήσεις πολλαπλής επιλογής (μόνο μία ερώτηση είναι σωστή):

Απαντήστε στις παρακάτω ερωτήσεις πολλαπλής επιλογής (μόνο μία ερώτηση είναι σωστή): Απαντήστε στις παρακάτω ερωτήσεις πολλαπλής επιλογής (μόνο μία ερώτηση είναι σωστή): 1. Ο Παγκόσμιος Ιστός (world wide web): a. Ταυτίζεται με το Internet b. Είναι υπηρεσία διαχείρισης και πρόσβασης σε

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