ADOBE DREAMWEAVER CS3 ΒΙΒΛΙΟ ΚΑΘΗΓΗΤΗ

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

Download "ADOBE DREAMWEAVER CS3 ΒΙΒΛΙΟ ΚΑΘΗΓΗΤΗ"

Transcript

1 ΥΠΟΥΡΓΕΙΟ ΕΘΝΙΚΗΣ ΠΑΙΔΕΙΑΣ ΚΑΙ ΘΡΗΣΚΕΥΜΑΤΩΝ ADOBE CS3 ΒΙΒΛΙΟ ΚΑΘΗΓΗΤΗ ΠΑΡΑΓΩΓΗ

2 Το παρόν εκπονήθηκε στο πλαίσιο του Υποέργου 13 «Προσαρμογή Λογισμικού-Φάση ΙΙΙ» της Πράξης «Επαγγελματικό λογισμικό στην ΤΕΕ: επιμόρφωση και εφαρμογή» (Γ ΚΠΣ, ΕΠΕΑΕΚ, Μέτρο 2.3, Ενέργεια 2.3.2) που συγχρηματοδοτείται από την Ευρωπαϊκή Ένωση/Ευρωπαϊκό Κοινωνικό Ταμείο

3 ΠΕΡΙΕΧΟΜΕΝΑ 1. Η Δομή και λειτουργία μιας απλής HTML Σελίδας... 5 Δραστηριότητα Δραστηριότητα Δραστηριότητα Δραστηριότητα Δραστηριότητα Δραστηριότητα Κατασκευή απλής ιστοσελίδας με χρήση εργαλείου συγγραφής Δραστηριότητα Δραστηριότητα Δραστηριότητα Δραστηριότητα Δραστηριότητα Δραστηριότητα Δραστηριότητα Χρήση των διάφορων ετικετών HTML και των παραμέτρων τους Δραστηριότητα Δραστηριότητα Δραστηριότητα Δραστηριότητα Δραστηριότητα Χρήση πολυμεσικών στοιχείων σε ιστοσελίδες Δραστηριότητα Δραστηριότητα Δραστηριότητα Δραστηριότητα Δραστηριότητα Διάταξη ιστοσελίδων με πίνακες Δραστηριότητα Δραστηριότητα Δραστηριότητα Δραστηριότητα Δραστηριότητα Διάταξη ιστοσελίδων με πλαίσια Δραστηριότητα Δραστηριότητα Δραστηριότητα Δραστηριότητα Κατασκευή ιστοσελίδας με φόρμα Δραστηριότητα Δραστηριότητα Δραστηριότητα Δραστηριότητα Δραστηριότητα Δραστηριότητα Δυναμικές ιστοσελίδες Χρήση της HTML ετικέτας SCRIPT CONCEPTUM AE 3

4 Δραστηριότητα Δραστηριότητα Δραστηριότητα Δραστηριότητα Δραστηριότητα Project ανάπτυξης και Δημοσίευση ιστοσελίδας Δραστηριότητα Δραστηριότητα Δραστηριότητα Δραστηριότητα Δραστηριότητα Η χρήση της Java στις ιστοσελίδες Η HTML ετικέτα APPLET Δραστηριότητα Δραστηριότητα Δραστηριότητα Δραστηριότητα Δραστηριότητα CONCEPTUM AE 4

5 Σενάριο Εκπαιδευτικών Δραστηριοτήτων 1. Η Δομή και λειτουργία μιας απλής HTML Σελίδας Σύντομη περιγραφή Στο συγκεκριμένο σενάριο οι μαθητές χωρίζονται σε μικρές ομάδες (2-3 ατόμων) και με τη βοήθεια του εκπαιδευτικού θα επισκεφθούν κάποιους ιστότοπους. Κάθε μέλος της ομάδας κάνει τη δική του τεκμηριωμένη πρόταση και μετά από συζήτηση καταλήγουν στον ιστότοπο που θα εξετάσουν. Στη συνέχεια ένα από τα μέλη της ομάδας απόθηκεύει την κεντρική ιστοσελίδα του ιστοτόπου στην επιφάνεια εργασίας. Ακολουθεί η επισκόπιση της αποθηκευμένης ιστοσελίδας με τη χρήση του λογισμικού Dreamweaver και η εξέτασή της, τόσο ως προς τη δομή της όσο και ως προς τη μορφή της. Γνωστικό αντικείμενο και σύνδεση με το πρόγραμμα σπουδών Τάξη: Τομέας: ΠΛΗΡΟΦΟΡΙΚΗΣ-ΔΙΚΤΥΩΝ Η/Υ Γνωστικό Αντικείμενο: ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ Διδακτική ενότητα: Διδακτικές ώρες: 2 Αριθμός μαθητών: Στο συγκεκριμένο σενάριο οι μαθητές χωρίζονται σε ομάδες των 2-3 ατόμων. Η επίλογη των ατόμων της κάθε ομάδας θα γίνεται σύμφωνα με τη κρίση του καθηγητή με βασικό κριτήριο την καλύτερη συνεργασία των μαθητών μεταξύ τους. Διδακτικοί Στόχοι για το Σενάριο Μετά το πέρας της εκπαιδευτικής δραστηριότητας οι μαθητές θα είναι σε θέση: Να αποθηκεύουν μια ιστοσελίδα HTML στον υπολογιστή τους. CONCEPTUM AE 5

6 Να κάνουν επισκόπηση της μορφής και του κώδικα μιας αποθηκευμένης ιστοσελίδας με το Dreamweaver και να εντοπίζουν σε ποιο τμήμα του κώδικα αντιστοιχεί το κάθε τμήμα της ιστοσελίδας. Να γνωρίζουν τις βασικές ενότητες, στις οποίες διακρίνεται ο κώδικας μιας ιστοσελίδας, τη χρήση ορισμένων εντολών HTML και το πως ο κώδικας HTML αυτόματα μεταβάλλεται με αλλαγές στο παράθυρο σχεδιασμού του Dreamweaver Να μπορούν να εισάγουν μια εικόνα σε μια ιστοσελίδα HTML με τη χρήση του Dreamweaver. Διδακτική προσέγγιση Για την επίτευξη των στόχων του συγκεκριμένου σεναρίου έχει επιλεγεί η ομαδοσυνεργατική-ανακαλυπτική διδακτική προσέγγιση. Οι μαθητές χωρίζονται σε μικρές ομάδες (2 3 ατόμων) και με τη βοήθεια του εκπαιδευτικού καλούνται να ολοκληρώσουν τις προτεινόμενες στο φύλλο εργασίας δραστηριότητες. Ο ρόλος του εκπαιδευτικού είναι υποστηρικτικός, καθοδηγώντας τους μαθητές στα σημεία που είναι απαραίτητο και βοηθώντας τους να ανακαλύψουν τη γνώση, συμμετέχοντας ενεργά στην διδακτική διαδικασία. Εργαλεία ΤΠΕ που αξιοποιούνται στο πλαίσιο του σεναρίου Internet Explorer Dreamweaver Αρχείο της κεντρικής ιστοσελίδας του Παιδαγωγικού Ινστιτούτου (ΠΑΙΔΑΓΩΓΙΚΟ ΙΝΣΤΙΤΟΥΤΟ.htm και φάκελος ΠΑΙΔΑΓΩΓΙΚΟ ΙΝΣΤΙΤΟΥΤΟ_files). CONCEPTUM AE 6

7 Διδακτική διαδικασία του σεναρίου Αρχικά, ο καθηγητής κάνει μια εισαγωγή στη δομή και τη μορφή των ιστοσελίδων HTML. Στη συνέχεια, παρουσιάζει συνοπτικά το λογισμικό Dreamweaver ως ένα ολοκληρωμένο πρόγραμμα με ευχρηστό περιβάλλον εργασίας για την ανάπτυξη ιστοσελίδων. Ακολουθούν οι δραστηριότητες που προτείνονται στα πλαίσια του συγκεκριμένου σεναρίου σύμφωνα με τους στόχους που έχουν αναφερθεί παραπάνω. Δραστηριότητα 1 Για την επισκόπηση και επεξεργασία μιας υφισταμένης στο διαδίκτυο (internet) ιστοσελίδας με τη χρήση του λογισμικού Dreamweaver θα πρέπει πρώτα, η ιστοσελίδα αυτή, να αποθηκευτεί στον υπολογιστή μας. Κατόπιν συζήτησης που θα προηγηθεί μεταξύ των μελών της κάθε ομάδας και με τη συνδρομή του καθηγητή, θα επιλέξετε την ιστοσελίδα HTML, που θα αποθηκευτεί στον υπολογιστή της ομάδας. Για να επιτευχθεί η αποθήκευση της ιστοσελίδας, θα πρέπει να χρησιμοποιήσετε την επιλογή «File» ή «Page» του Internet Explorer (web browser) και στη συνέχεια την υπο-επιλογή «Save as», αφού πρώτα στην παράμετρο «Save as Type» έχει επιλέξετε την παράμετρο: «Ιστοσελίδα, Πλήρης»(Webpage, Complete) (βλ. Εικόνα 1) CONCEPTUM AE 7

8 Εικόνα 1. Αποθήκευση ιστοσελίδας με χρήση τη Internet Explorer Με τη παραπάνω μέθοδο αποθήκευσης μαζί με την ιστοσελίδα HTML(αρχείο με εντολές HTML), δημιουργείται και ένας φάκελος αποθήκευσης που έχει την ίδια ονομασία με την ιστοσελίδα και ο οποίος περιλαμβάνει συνήθως τα αρχεία εικόνας με τα οποία διασυνδέεται η τελευταία. Η ιστοσελίδα που έχει αποθηκευτεί είναι άμεσα προσβάσιμη από το Dreamweaver μέσω της επιλογής «File» και κατόπιν της υποπεπιλογής «Open»(βλ. Εικόνα 2). Εικόνα 2. Άνοιγμα αποθηκευμένης ιστοσελίδας με το Dreamweaver Για τη εκτέλεση της συγκεκριμένης δραστηριότητας μπορείτε να χρησιμοποιήσετε ενδεικτικά την κεντρική ιστοσελίδα του Παιδαγωγικού Ινστιτούτου (http://www.pischools.gr/). Δοκιμάστε να αποθηκεύσετε την ιστοσελίδα χωρίς να έχετε επιλέξει στη παράμετρο «Save as Type» την τιμή «Ιστοσελίδα, Πλήρης»(Webpage, Complete) (βλ. Εικόνα 1). Tι παρατηρείτε σε σχέση με τα αρχεία που δημιουργούνται και όταν προσπαθήσετε να ανοίξετε την αποθηκευμένη ιστοσελίδα με τον Dreamweaver; CONCEPTUM AE 8

9 Η μη χρήση της επιλογής «Ιστοσελίδα, Πλήρης»(Webpage, Complete) θα έχει ως αποτέλεσμα την μη αποθήκευση των σχετιζόμενων με την ιστοσελίδα HTML αρχείων εικόνας, με αποτέλεσμα την μη σωστή παρουσίασή της ιστοσελίδας. Δραστηριότητα 2 Αφού αποθηκεύσετε την ιστοσελίδα που τελικά επιλέχθηκε, ξεκινήστε την εφαρμογή Dreamweaver από το menu «Start», των windows. Στη συνέχεια, ανοίξτε τη ιστοσελίδα με την επιλογή «Open» από το menu επιλογών «File» (βλ. Εικόνα 2). Χρησιμοποιώντας από το menu επιλογών «View» τις εντολές «Code», «Design», «Code and Design» μπορείτε να εμφανίσετε το παράθυρο κώδικα HTML, το παράθυρο σχεδιασμού ιστοσελίδας, καθώς επίσης και τα δύο αυτά παράθυρα ταυτόχρονα (βλ. Εικόνα 3). Το ίδιο αποτέλεσμα έχετε και με τη χρήση των ακόλουθων εικονιδίων: CONCEPTUM AE 9

10 Εικόνα 3. Εμφάνιση του παράθυρου σχεδιασμού & του παραθύρου κώδικα HTML Μέσα από την εναλλαγή αυτών των δύο παραθύρων αλλά και την ταυτόχρονη παρουσίασή τους δίνεται η ευκαιρία στους μαθητές να κάνουν επισκόπηση του κώδικα HTML και του φύλλου σχεδιασμού της ιστοσελίδας, το οποίο προσεγγίζει την μορφή που παίρνει η ιστοσελίδα, όταν την βλέπουμε μέσα από κάποιο web browser. Επιλέγοντας με το δείκτη του ποντικιού οποιοδήποτε σημείο του κώδικα της ιστοσελίδας, τότε στο παράθυρο σχεδιασμού της ιστοσελίδας επιλέγεται αυτόματα το τμήμα εκείνο που αντιστοιχεί στο κώδικα που έχουμε επιλέξει. Η παραπάνω διαδικασία ισχύει και αντίστροφα. CONCEPTUM AE 10

11 Εικόνα 4. Μερική άποψη του menu επιλογών View. Για τη εκτέλεση της συγκεκριμένης δραστηριότητας μπορείτε να χρησιμοποιήσετε ενδεικτικά, τα συνοδευτικά αρχεία «ΠΑΙΔΑΓΩΓΙΚΟ ΙΝΣΤΙΤΟΥΤΟ.htm» και τον φάκελο «ΠΑΙΔΑΓΩΓΙΚΟ ΙΝΣΤΙΤΟΥΤΟ_files» (τα οποία έχουν προέλθει από την πλήρη αποθήκευση της κεντρικής ιστοσελίδας του Παιδαγωγικού Ινστιτούτου κατά τον χρόνο συγγραφής των φύλλων εργασίας και θα βοηθήσουν στην ακριβή εκτέλεση των σχετικών δραστηριοτήτων). Ανοίξτε την αποθηκευμένη ιστοσελίδα ΠΑΙΔΑΓΩΓΙΚΟ ΙΝΣΤΙΤΟΥΤΟ.htm με το Dreamweaver. Επιλέξτε την εντολή για ταυτόχρονη προβολή του παράθυρου κώδικα HTML και του παράθυρου σχεδιασμού της ιστοσελίδας. Εντοπίστε στο παράθυρο σχεδιασμού το κώδικα HTML που αντιστοιχεί στο τμήμα που αναγράφεται ο τίτλος ΠΑΙΔΑΓΩΓΙΚΟ ΙΝΣΤΙΤΟΥΤΟ (βλ. Εικόνα 5). Τι παρατηρείτε; Σε τι αναφέρεται ο συγκεκριμένος κώδικας; CONCEPTUM AE 11

12 Εικόνα 5. Τμήμα Ιστοσελίδας Παιδαγωγικού Ινστιτούτου Ο συγκεκριμένος τίτλος χωρίζεται σε δύο τμήματα, στο παράθυρο σχεδιασμού, που αντιστοιχούν με τη σειρά τους σε δύο τμήματα κώδικα. Ο κώδικας του κάθε τμήματος αναφέρεται σε αρχείο εικόνας και όχι σε κείμενο. Δραστηριότητα 3 Επιλέξτε από κεντρικό menu επιλογών «View» το «Code» (βλ. Εικόνα 4) ή το εικονίδιο Σε αυτό το σημείο προτείνεται να γίνει αναφορά από τον καθηγητή στο κώδικα HTML (μπορούν να περιγραφούν και μερικές από τις βασικές εντολές), στη βασική διάρθρωση και τα στοιχεία που απαρτίζουν μια ιστοσελίδα χρησιμοποιώντας για παράδειγμα το κώδικα της ιστοσελίδας που εμφανίζεται στο αντίστοιχο παράθυρο του Dreamweaver. Για τη εκτέλεση της συγκεκριμένης δραστηριότητας μπορείτε να χρησιμοποιήσετε ενδεικτικά, τα συνοδευτικά αρχεία «ΠΑΙΔΑΓΩΓΙΚΟ ΙΝΣΤΙΤΟΥΤΟ.htm» και τον φάκελο «ΠΑΙΔΑΓΩΓΙΚΟ ΙΝΣΤΙΤΟΥΤΟ_files» (τα οποία έχουν προέλθει από την πλήρη αποθήκευση της κεντρικής ιστοσελίδας του Παιδαγωγικού Ινστιτούτου κατά τον χρόνο συγγραφής των φύλλων εργασίας και θα βοηθήσουν στην ακριβή εκτέλεση των σχετικών δραστηριοτήτων). Ανοίξτε την αποθηκευμένη ιστοσελίδα ΠΑΙΔΑΓΩΓΙΚΟ ΙΝΣΤΙΤΟΥΤΟ.htm με το Dreamweaver. Επιλέξτε την εντολή για προβολή του παράθυρου κώδικα HTML. CONCEPTUM AE 12

13 Στη τρίτη γραμμή (αν χρησιμοποιείτε τα συνοδευτικά αρχεία) του κώδικα αλλάξτε το κείμενο που βρίσκεται μεταξύ της έναρξης και του τέλους της ετικέτας (tag) TITLE και τοποθετήστε το κείμενο ΥΠΟΥΡΓΕΙΟ ΠΑΙΔΕΙΑΣ Πατήστε το πλήκτρο F12 για να δείτε την προεπισκόπηση της ιστοσελίδας μέσα από τον Internet Explorer. Τι παρατηρείτε; Έχει αλλάξει ο τίτλος στο παράθυρο του web browser σε ΠΑΙΔΕΙΑΣ. ΥΠΟΥΡΓΕΙΟ Ένας έμμεσος τρόπος για να γνωρίσουν οι μαθητές τις αλλαγές, που χρειάζεται να κάνουν στο κώδικα HTML, προκειμένου να τροποποιήσουν τα στοιχεία που απαρτίζουν μια ιστοσελίδα, είναι η τροποποίηση του πίνακα ιδιοτήτων των στοιχείων, στο παράθυρου σχεδιασμού (βλ. Εικόνα 6) και κατόπιν ο εντοπισμός των αλλαγών που έχουν επιφέρει στο κώδικα HTML οι συγκεκριμένες τροποποιήσεις. CONCEPTUM AE 13

14 Εικόνα 6. Πίνακας ιδιοτήτων με τις ιδιότητες του εκάστοτε επιλεγμένου στοιχείου της ιστοσελίδας στο παράθυρο σχεδιασμού. Δραστηριότητα 4 Για τη εκτέλεση της συγκεκριμένης δραστηριότητας μπορείτε να χρησιμοποιήσετε ενδεικτικά, τα συνοδευτικά αρχεία «ΠΑΙΔΑΓΩΓΙΚΟ ΙΝΣΤΙΤΟΥΤΟ.htm» και τον φάκελο «ΠΑΙΔΑΓΩΓΙΚΟ ΙΝΣΤΙΤΟΥΤΟ_files» (τα οποία έχουν προέλθει από την πλήρη αποθήκευση της κεντρικής ιστοσελίδας του Παιδαγωγικού Ινστιτούτου κατά τον χρόνο συγγραφής των φύλλων εργασίας και θα βοηθήσουν στην ακριβή εκτέλεση των σχετικών δραστηριοτήτων). Ανοίξτε την αποθηκευμένη ιστοσελίδα ΠΑΙΔΑΓΩΓΙΚΟ ΙΝΣΤΙΤΟΥΤΟ.htm με το Dreamweaver. Επιλέξτε την εντολή για ταυτόχρονη προβολή του παράθυρου σχεδιασμού της ιστοσελίδας και του παράθυρου κώδικα HTML. Επιλέξτε στο παράθυρο σχεδιασμού την επιγραφή Στο πίνακα των ιδιοτήτων για τη συγκεκριμένη επιγραφή, αλλάξτε το πορτοκαλί χρώμα σκίασης της επιγραφής σε χρώμα της αρεσκείας σας. Τι αλλαγή παρατηρείτε στο κώδικα HTML που αντιστοιχεί στη συγκεκριμένη επιγραφή; Πατήστε το πλήκτρο F12 για να δείτε τη προεπισκόπηση της ιστοσελίδας μέσα από τον Internet Explorer. Στη γραμμή 1513 του κώδικα (αν χρησιμοποιείτε τα συνοδευτικά αρχεία), στο παράθυρο του κώδικα HTML, βλέπουμε ότι αλλάζει ο κωδικός του χρώματος σκίασης της επιγραφής. CONCEPTUM AE 14

15 Προτείνεται να γίνει μια συνοπτική περιγραφή της χρήσης ορισμένων ετικετών HTML και αυτές να αναζητηθούν στο κώδικα HTML αποθηκευμένων ιστοσελίδων, όπως αυτές εμφανίζονται στο παράθυρο κώδικα HTML του Dreamweaver. Δραστηριότητα 5 Αντιστοιχίστε με βελάκια τις παρακάτω ετικέτες HTML με τη χρήση τους: <FONT>...</FONT> Καθορισμός περιεχομένων γραμμής πίνακα <IMG>...</IMG> Δημιουργία ενός πίνακα <TABLE>...</TABLE> Καθορισμός παραμέτρων γραμματοσειράς <TR>...</TR> Καθορισμός περιεχομένων κελιού πίνακα <TD>...</TD> Εισαγωγή μιας εικόνας στην ιστοσελίδα CONCEPTUM AE 15

16 Δραστηριότητα 6 Για να εισάγουμε μια εικόνα σε μια ιστοσελίδα HTML χρησιμοποιούμε την ετικέτα <IMG>...</IMG> με τις κατάλληλες παραμέτρους. Το Dreamweaver προσφέρει πολλούς τρόπους για να επιτευχθεί ο παραπάνω στόχος, χωρίς να χρειαστεί να εισάγει ο χρήστης κώδικα HTML. O πιο απλός τρόπος είναι να σύρουμε (κρατώντας το αριστερό πλήκτρο πατημένο) με το ποντίκι του Η/Υ, ένα αρχείο εικόνας από την επιφάνεια εργασίας (Desktop) ή από οποιοδήποτε άλλο φάκελο (folder) στο σημείο που θέλουμε μέσα στο παράθυρο σχεδιασμού της ιστοσελίδας. Ένας δεύτερος τρόπος, εξίσου αποτελεσματικός, είναι με την εντολή «Image» από το menu επιλογών «Insert» (βλ. Εικόνα 7), αφού πρώτα τοποθετήσουμε το δείκτη του ποντικιού στο στο σημείο που θέλουμε να γίνει η εισαγωγή, μέσα στο παράθυρο σχεδιασμού της ιστοσελίδας. Εικόνα 7. Μερική άποψη του menu Insert O τρίτος τρόπος είναι με Copy - Paste απο άλλη εφαρμογή ή και από το ίδιο το DreamWeaver. Επιλέγουμε την εικόνα ή το τμήμα της εικόνας που θέλουμε και το CONCEPTUM AE 16

17 αντιγράφουμε με τις εντολή «Copy». Στη συνέχεια τοποθετούμε το δείκτη του ποντικιού στο σημείο που θέλουμε να εισάγουμε την εικόνα στο παράθυρο σχεδιασμού της ιστοσελίδας και από το menu επιλογών «Edit» (βλ. Εικόνα 8) επιλέγουμε «Paste» για την επικόληση. Εικόνα 8. Μερική άποψη του menu Edit Μετά από τη εισαγωγή της εικόνας ακολουθεί η προσαρμογή και η διαμόρφωσή της μέσα από το πίνακα ιδιοτήτων της εικόνας. Εικόνα 9. Menu καταχώρησης πληροφοριών για την εικόνα που εισάγουμε CONCEPTUM AE 17

18 Κατά την εισαγωγή μιας νέας εικόνας εμφανίζεται ένα menu για τη καταχώρηση προαιρετικών πληροφοριών για τη συγκεκριμένη εικόνα (βλ. Εικόνα 9). Για τη εκτέλεση της συγκεκριμένης δραστηριότητας μπορείτε να χρησιμοποιήσετε ενδεικτικά, τα συνοδευτικά αρχεία «ΠΑΙΔΑΓΩΓΙΚΟ ΙΝΣΤΙΤΟΥΤΟ.htm» και τον φάκελο «ΠΑΙΔΑΓΩΓΙΚΟ ΙΝΣΤΙΤΟΥΤΟ_files» (τα οποία έχουν προέλθει από την πλήρη αποθήκευση της κεντρικής ιστοσελίδας του Παιδαγωγικού Ινστιτούτου κατά τον χρόνο συγγραφής των φύλλων εργασίας και θα βοηθήσουν στην ακριβή εκτέλεση των σχετικών δραστηριοτήτων). Ανοίξτε την αποθηκευμένη ιστοσελίδα ΠΑΙΔΑΓΩΓΙΚΟ ΙΝΣΤΙΤΟΥΤΟ.htm με το Dreamweaver. Επιλέξτε την εντολή για προβολή του παράθυρου σχεδιασμού της ιστοσελίδας. Επιλέξτε στο παράθυρο σχεδιασμού της ιστοσελίδας, στη πρώτη στήλη, την επιγραφή Ιστορία και τοποθετήστε το δείκτη του ποντικιού στο τέλος της. Κατόπιν πατήστε Εnter για μετακινηθείται προς τα κάτω μια γραμμή. Εισάγετε σε αυτό το σημείο της ιστοσελίδας το αρχείο εικόνας logo_sch.gif από το φάκελο ΠΑΙΔΑΓΩΓΙΚΟ ΙΝΣΤΙΤΟΥΤΟ_files. Κάντε προεπισκόπηση της ιστοσελίδας με τον Internet Explorer. Επιλέξτε την εντολή για ταυτόχρονη προβολή του παράθυρου σχεδιασμού της ιστοσελίδας και του παράθυρου κώδικα HTML. Εντοπίστε το κώδικα HTML που έχει δημιουργηθεί αυτόματα κατά την εισαγωγή της νέας εικόνας. CONCEPTUM AE 18

19 Σενάριο Εκπαιδευτικών Δραστηριοτήτων 2. Κατασκευή απλής ιστοσελίδας με χρήση εργαλείου συγγραφής Σύντομη περιγραφή Στο σενάριο αυτό οι μαθητές χωρίζονται σε ομάδες των 2-3 ατόμων και η κάθε ομάδα καλείται να δημιουργήσει μια απλή ιστοσελίδα για ένα θέμα σχετικό με την ειδικότητα της τάξης. Ο καθηγητής βοηθά στην επιλογή του θέματος και εγκρίνει την τελική επιλογή της κάθε ομάδας, λαμβάνοντας υπόψη την καταλληλότητα και τις τυχόν δυσκολίες που μπορεί να δημιουργήσει στους μαθητές. Στη συνέχεια, οι μαθητές με τη βοήθεια σχετικού φύλλου εργασίας καταστρώνουν το προσχέδιο της ιστοσελίδας που θα δημιουργήσουν περιγράφοντας την δομή, το περιεχόμενο, τις εικόνες και τους υπερσυνδέσμους που θα περιέχει η ιστοσελίδας τους. Στη συνέχεια οι ομάδες προχωρούν στην αναζήτηση και αποθήκευση του περιεχομένου (κείμενο και εικόνες) της ιστοσελίδας που θα δημιουργήσουν, χρησιμοποιώντας ως πηγές το Διαδίκτυο, αλλά και έντυπο υλικό (σχολικά βιβλία, εγκυκλοπαίδειες από την βιβλιοθήκη του σχολείου). Ο καθηγητής λειτουργεί επικουρικά στην διαδικασία αυτή και αξιοποιεί την διαδικασία αναζήτησης του πρωτογενούς υλικού της ιστοσελίδας τους για να αναφερθεί σε ζητήματα πνευματικών δικαιωμάτων του πρωτογενούς υλικού που οι μαθητές θα χρησιμοποιήσουν. Ο καθηγητής, επίσης, προτείνει τρόπους οργάνωσης και ονομασίας των αρχείων που οι μαθητές αποθηκεύουν. Στη συνέχεια, οι ομάδες προχωρούν στον σχεδιασμό της ιστοσελίδας τους με χρήση του εργαλείου Macromedia Dreamweaver και προχωρούν σε προεπισκόπηση αυτής. Ένταξη Δραστηριότητας στο Αναλυτικό Πρόγραμμα Σπουδών Τάξη: Τομέας: ΠΛΗΡΟΦΟΡΙΚΗΣ-ΔΙΚΤΥΩΝ Η/Υ CONCEPTUM AE 19

20 Γνωστικό Αντικείμενο: ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΊΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ Διδακτική ενότητα: Διδακτικές ώρες: 2 Αριθμός μαθητών: Στο συγκεκριμένο σενάριο οι μαθητές χωρίζονται σε ομάδες των 2-3 ατόμων. Η επιλογή των ατόμων της κάθε ομάδας θα γίνεται σύμφωνα με τη κρίση του καθηγητή με βασικό κριτήριο την καλύτερη συνεργασία των μαθητών μεταξύ τους. Διδακτικοί Στόχοι για το Σενάριο Μετά το πέρας της εκπαιδευτικής δραστηριότητας οι μαθητές θα είναι σε θέση: Να εντοπίζουν ιστότοπους με μια συγκεκριμένη θεματολογία και να αναγνωρίζουν τη βασική δομή τους Να δημιουργούν με τη βοήθεια του Dreamweaver ένα πρότυπο ιστοσελίδας με απλή δομή και να εξασκηθούν σε τρόπους για τη συλλογή και την οργάνωση των στοιχείων που θα χρησιμοποιήσουν για τη κατασκευή της ιστοσελίδας Να σχεδιάζουν με τη βοήθεια του Dreamweaver μια ιστοσελίδα σύμφωνα με την απλή δομή Να δημιουργούν υπερσυνδέσμους που θα παραπέμπουν σε άλλους ιστοτόπους Να δημιουργούν ένα μικρό τοπικό ιστότοπο που περιλαμβάνει περισσότερες από μία ιστοσελίδες. Διδακτική προσέγγιση Στο συγκεκριμένο σενάριο οι μαθητές χωρίζονται σε ομάδες των 2-3 ατόμων. Η επιλογή των ατόμων της κάθε ομάδας θα γίνεται σύμφωνα με τη κρίση του καθηγητή με βασικό κριτήριο την καλύτερη συνεργασία των μαθητών μεταξύ τους και την αποτελεσματικότητα. CONCEPTUM AE 20

21 Εργαλεία ΤΠΕ που αξιοποιούνται στο πλαίσιο του σεναρίου Internet Explorer Dreamweaver Διδακτική διαδικασία υλοποίησης του Σεναρίου Για την υλοποίηση των δραστηριοτήτων που περιγράφονται στο συγκεκριμένο διδακτικό σενάριο θα απαιτηθούν: Η δημιουργία των φακέλων αρχείων «PROTYPA», «ISTOSELIDA», όπου θα τοποθετηθούν τα αρχεία που θα δημιουργηθούν κατά τη διάρκεια του σεναρίου Η δημιουργία του φακέλου αρχείων «FOTOGRAFIES» μέσα στο φάκελο αρχείων «ISTOSELIDA», όπου θα αποθηκευτούν οι φωτογραφίες που θα τοποθετηθούν στην ιστοσελίδα Με τη συνδρομή του καθηγητή οι μαθητές της κάθε ομάδας συζητούν και αποφασίζουν το θέμα της ιστοσελίδας που θα δημιουργήσουν. Ακολουθεί η αναζήτηση στο διαδίκτυο ιστοτόπων με περιεχόμενο σχετικό με το επιλεγμένο θέμα. Για να εντοπιστούν αυτοί οι ιστότοποι, προτείνεται να χρησιμοποιηθούν μηχανές αναζήτησης (search engines). Τα μέλη της κάθε ομάδας μπορούν να πετύχουν το συγκεκριμένο στόχο με τη χρήση λέξεων-κλειδιών που εισάγουν σε ιστοτόπους που περιέχουν μηχανές αναζήτησης όπως το και το Δραστηριότητα 1 Να καταγράψετε στο πίνακα που ακολουθεί τις λέξεις κλειδιά που θα χρησιμοποιήσετε για να εντοπίσετε τους ιστοτόπους βάση συγκεκριμένης θεματολογίας που έχει επιλεγεί κατόπιν συζητήσεως που έχει προηγηθεί μέσα στη CONCEPTUM AE 21

22 τάξη. Μετά το τέλος της αναζήτησης συμπληρώστε στον ίδιο πίνακα τις διευθύνσεις των πέντε πιο αντιπροσωπευτικών ιστοτόπων που εντοπίσατε βάση της συγκεκριμένης θεματολογίας. ΛΕΞΕΙΣ ΚΛΕΙΔΙΑ ΓΙΑ ΤΟΝ ΕΝΤΟΠΙΣΜΟ ΙΣΤΟΤΟΠΩΝ ΣΧΕΤΙΚΩΝ ΜΕ ΤΟ ΘΕΜΑ ΔΙΕΥΘΥΝΣΗ ΕΠΙΚΡΑΤΕΣΤΕΡΩΝ ΙΣΤΟΤΟΠΩΝ ΣΧΕΤΙΚΩΝ ΜΕ ΤΟ ΘΕΜΑ Δραστηριότητα 2 Αφού επιλέξετε τους επικρατέστερους ιστοτόπους σε σχέση με το βαθμό προσέγγισής τους ως προς το επιλεγμένο θέμα, ακολουθεί η παρατήρηση της δομής τους. Εδώ θα πρέπει να δώσετε έμφαση στα κοινά δομικά χαρακτηριστικά που απαιτούνται στους περισσότερους ιστοτόπους, όπως η επικεφαλίδα με το λογότυπο και άλλες πληροφορίες για τον κάτοχο του ιστοτόπου, το τμήμα όπου αναφέρεται στην επικοινωνία με τον κάτοχο του ιστοτόπου, το menu επιλογών μέσα από το οποίο ο CONCEPTUM AE 22

23 χρήστης περιηγείται σε όλες τις ιστοσελίδες του ιστοτόπου, χρήσιμες παραπομπές σε άλλους ιστοτόπους (links) κλπ. Να εντοπίσετε κοινά δομικά συστατικά στους επικρατέστερους, σχετικούς με το θέμα, ιστοτόπους που επιλέχτηκαν στην προηγούμενη δραστηριότητα. Να τους εξετάσετε ως προς τη μορφή και το περιεχόμενο τους. Δραστηριότητα 3 Μια ιστοσελίδα συνήθως περιέχει πληροφορίες σχετικά με ένα θέμα που αποδίδεται με μορφή κειμένου, με μορφή εικόνων, με μορφή video και άλλων αρχείων πολυμέσων. Η διάταξη του κειμένου και των εικόνων διατηρείται σταθερή με τη χρήση πλαισίων πινάκων. Μια απλή δομή ιστοσελίδας δίδεται παρακάτω: Σχήμα 1. Απλή δομή ιστοσελίδας Με βάση το παραπάνω σχεδιάγραμμα προχωράμε στη δημιουργία ενός απλού δομικά πρότυπου σχεδίου ιστοσελίδας, με τη βοήθεια του Dreamweaver. Ξεκινήστε την εφαρμογή Dreamweaver και από το menu επιλογών File επιλέξτε τη εντολή New. Στη συνέχεια επιλέξτε blank page, page type: HTML και layout: none CONCEPTUM AE 23

24 (βλ. Εικόνα 1) και διαλέξτε την επιλογή Create. Με αυτό το τρόπο θα δημιουργήσετε μια κενή ιστοσελίδα στο Dreamweaver. Εικόνα 1. Menu επιλογών New Document Τοποθετήστε το δείκτη του ποντικιού στην αρχή του παραθύρου σχεδιασμού και από το menu επιλογών «Insert» διαλέγουμε την εντολή «Table». Στις διαστάσεις του πίνακα τοποθετήστε τρεις γραμμές (Rows) και τρεις στήλες (Columns) (βλ. Εικόνα 2). CONCEPTUM AE 24

25 Εικόνα 2. Παράμετροι πίνακα Επιλέξτε τα κελιά της πρώτης γραμμής του πίνακα και με ταυτόχρονο πάτημα των πλήκτρων Ctrl +Alt +Μ (ή το menu «Modify>Table>Merge Cells») συγχωνεύουμε τα κελιά. Το ίδιο κάντε και για την τελευταία γραμμή του πίνακα. Με αυτό το τρόπο δημιουργείτε ένα πίνακα στα κελιά του οποίου θα μπορέσετε να τοποθετήσετε κείμενο και φωτογραφίες σύμφωνα με τη διάταξη του Σχήμα 1. Αποθηκεύστε την ιστοσελίδα που δημιουργήσατε με το όνομα page_protypo.html στο φάκελο αρχείων «PROTYPA» που έχει δημιουργηθεί για αυτό το σκοπό. Δραστηριότητα 4 Το επόμενο στάδιο μετά από δημιουργία του προτύπου του σχεδίου της ιστοσελίδας, είναι η συλλογή των και η επεξεργασία των στοιχείων (κείμενο, φωτογραφίες) που θα τοποθετήσουμε στην ιστοσελίδα. Θα πρέπει όλο το υλικό που θα συγκεντρωθεί να ψηφιοποιηθεί και να επεξεργασθεί έτσι ώστε να μας δώσει το καλύτερο δυνατό αποτέλεσμα εικαστικό και λειτουργικό. CONCEPTUM AE 25

26 Οι φωτογραφίες που θα μπουν θα πρέπει να έχουν περίπου τις διαστάσεις των κελιών του πίνακα. Ακολουθεί η ιεράρχηση των δεδομένων όσο αφορά τη θέση που θα τοποθετηθούν πάνω στην ιστοσελίδα (π.χ. το σημαντικότερο κείμενο θα μπει στο πάνω μέρος γιατί το μάτι του διαδυκτιακού επισκέπτη πέφτει πρώτα στο επάνω μέρος) Για να οργανώσουμε καλύτερα το υλικό τοποθετούμε όλες τις φωτογραφίες στον υποφάκελο αρχειών «FOTOGRAFIES» ο οποίος βρίσκεται στο φάκελο αρχείων «ISTOSELIDA» που είναι και ο συνολικός φάκελος στον οποίον θα τοποθετηθούν όλα τα αρχεία της ιστοσελίδας που θα κατασκευαστεί. Ανοίξτε με το Dreamweaver την ιστοσελίδα page_protypo.html που βρίσκεται στο φάκελο «PROTYPA». Επιλέξτε την εντολή για ταυτόχρονη προβολή του παράθυρου κώδικα HTML και του παράθυρου σχεδιασμού της ιστοσελίδας. Εντοπίστε και καταγράψτε τις διαστάσεις των κελιών της δεύτερης γραμμής του πίνακα όπου θα τοποθετηθούν οι φωτογραφίες. Με ένα πρόγραμμα επεξεργασίας εικόνας διαμορφώστε τις διαστάσεις, στις φωτογραφίες που θα τοποθετηθούν στην ιστοσελίδα, σύμφωνα με τo μέγεθος των κελιών του πίνακα και αποθηκεύστε τις, στον υποφάκελο «FOTOGRAFIES», με αριθμητική ονομασία ανάλογη με τη σειρά τοποθέτησής τους στην ιστοσελίδα (π.χ. 1.jpg, 2.jpg, 3.jpg) Δραστηριότητα 5 Αφού προετοιμάσετε το υλικό που θα τοποθετήσετε στην ιστοσελίδα ξεκινήστε τη καταχώρησή του. Ανοίξτε με το Dreamweaver την ιστοσελίδα page_protypo.html που βρίσκεται στο φάκελο «PROTYPA». Επιλέξτε την εντολή για ταυτόχρονη προβολή του παράθυρου κώδικα HTML και του παράθυρου σχεδιασμού της ιστοσελίδας. Στη πρώτη γραμμή του πίνακα πληκτρολογήστε απευθείας το κείμενο ή μπορείτε να το αντιγράψετε με τη διαδικασία Copy-Paste από κάποιο επεξεργαστή κειμένου. Στα κελιά της δεύτερης γραμμής εισάγετε τα αρχεία εικόνας που έχετε αποθηκεύσει στον υποφάκελο «FOTOGRAFIES» του φακέλου «ISTOSELIDA», σύμφωνα με τη CONCEPTUM AE 26

27 διαδικασία που έχει περιγραφεί στο Σενάριο Εκπαιδευτικών Δραστηριοτήτων: Η δομή και η λειτουργία μιας απλής HTML σελίδας. Στη τρίτη γραμμή ακολουθείστε την ίδια διαδικασία που ακολουθήσατε και στη πρώτη γραμμή. Αποθηκεύστε την ιστοσελίδα που μόλις δημιουργήσατε, με την εντολή «Save As» από το menu επιλογών «File», στο φάκελο «ISTOSELIDA» με όνομα first_page.html. Για να δείτε τη σελίδα που δημιουργήσατε σε προεπισκόπηση επιλέγουμε το πλήκτρο F12. Δραστηριότητα 6 Ένα κοινό δομικό συστατικό πολλών ιστοτόπων είναι η ιστοσελίδα που περιέχει χρήσιμες διευθύνσεις στο internet που παραπέμπουν σε άλλους ιστοτόπους. Για να δημιουργήσετε μια τέτοια ιστοσελίδα θα πρέπει να δημιουργήσετε υπερσυνδέσμους. Ξεκινώντας θα δημιουργήσετε μια κενή ιστοσελίδα στο Dreamweaver ακολουθώντας τη διαδικασία που έχει περιγραφεί νωρίτερα, στη Δραστηριότητα 3. Στη συνέχεια πληκτρολογήστε τίτλους μέσα στο παράθυρο σχεδιασμού του Dreamweaver που περιγράφουν τους ιστοτόπους που θα γίνει η παραπομπή. Επιλέξτε τους τίτλους που δημιουργήσατε με το ποντίκι και στο πίνακα ιδιοτήτων μεταφέρετε στο πεδίο link, με τη διαδικασία Copy-Paste, την ηλεκτρονική διεύθυνση του ιστοτόπου που παραπέμπει. Αποθηκεύσετε την ιστοσελίδα με το όνομα links.html στο φάκελο «ISTOSELIDA». Με το πλήκτρο F12 κάντε προεπισκόπηση μέσω του web browser και επαληθεύστε τη λειτουργία των υπερσυνδέσεων και επιλέγοντας με το ποντίκι τους τίτλους. Στη συνέχεια πληκτρολογήστε τους τίτλους μέσα στο παράθυρο σχεδιασμού του Dreamweaver που περιγράφουν τους ιστοτόπους που θα γίνει η παραπομπή. Επιλέξτε τους τίτλους που δημιουργήσατε με το ποντίκι και στο πίνακα ιδιοτήτων μεταφέρετε στο πεδίο link, με τη διαδικασία Copy-Paste, την ηλεκτρονική διεύθυνση του ιστοτόπου που παραπέμπει. Αποθηκεύστε την ιστοσελίδα με το όνομα links.html στο φάκελο ISTOSELIDA. CONCEPTUM AE 27

28 Με το πλήκτρο F12 κάνετε προεπισκόπηση μέσω του web browser και επαληθεύστε τη λειτουργία των υπερσυνδέσεων επιλέγοντας με το ποντίκι τους τίτλους. Δραστηριότητα 7 Για να δημιουργήσετε ένα μικρό ιστότοπο που περιλαμβάνει περισσότερες από μια ιστοσελίδες θα πρέπει να σχεδιάσετε πρώτα τη δομή του. Στο παρακάτω σχέδιο δίδεται η δομή ενός απλού ιστότοπου που περιλαμβάνει δυο ιστοσελίδες: ΚΕΝΤΡΙΚΗ ΙΣΤΟΣΕΛΙ Α ΠΑΡΑΠΟΜΠΗ 1 ΧΡΗΣΙΜΕΣ ΙΕΥΘΥΝΣΕΙΣ ΠΑΡΑΠΟΜΠΗ 2 Σχήμα 2 Απλή δομή ιστότοπου με 2 ιστοσελίδες Έχοντας λάβει υπόψη το παραπάνω σχεδιάγραμμα ξεκινήστε την εφαρμογή Dreamweaver και ανοίξτε τη σελίδα first_page.html που δημιουργήσατε σε στη Δραστηριότητα 5. Επιλέξτε την εντολή για προβολή του παράθυρου σχεδιασμού της ιστοσελίδας και τοποθετήστε το δείκτη του ποντικιού στο τέλος του πίνακα. Με τη χρήση του πλήκτρου Enter μετακινήσετε τον κέρσορα μερικές γραμμές πιο κάτω και πληκτρολογήστε το τίτλο ΧΡΗΣΙΜΕΣ ΔΙΕΥΘΥΝΣΕΙΣ. CONCEPTUM AE 28

29 Επιλέξτε με το ποντίκι το τίτλο ΧΡΗΣΙΜΕΣ ΔΙΕΥΘΥΝΣΕΙΣ. Στο πίνακα ιδιοτήτων αναζητήστε (με τη βοήθεια του εικονιδίου ) και κατόπιν δημιουργήστε έναν υπερσύνδεσμο τοποθετώντας στη παράμετρο Link, την ιστοσελίδα links.html, που έχετε αποθηκεύσει κατά τη διάρκεια της Δραστηριότητας 6, στο φάκελο «ΙΣΤΟΣΕΛΙΔΑ». Στη συνέχεια αποθηκεύστε την ιστοσελίδα με την εντολή «Save» από το menu επιλογών «File» και χρησιμοποιήστε το πλήκτρο F12 για να κάνετε πρεπισκόπηση και να δείτε εάν λειτουργεί ο υπερσύνδεσμος που δημιουργήσατε με την ιστοσελίδα links.html. Επαναλάβετε ακριβώς την παραπάνω διαδικασία που ακολουθήσατε με τη ιστοσελίδα first_page.html χρησιμοποιώντας στη θέση της τελευταίας την ιστοσελίδα links.html. Τοποθετήστε σαν τίτλο αυτή τη φορά τη φράση ΚΕΝΤΡΙΚΗ ΣΕΛΙΔΑ και στη παράμετρο Link την ιστοσελίδα first_page.html. Μετά την ολοκλήρωση της τελευταίας διαδικασίας το αποτέλεσμα θα είναι ότι έχει δημιουργηθεί ένας μικρός ιστότοπος με δυο ιστοσελίδες που αλληλοσυνδέονται με υπερσυνδέσμους. CONCEPTUM AE 29

30 Σενάριο Εκπαιδευτικών Δραστηριοτήτων 3 3. Χρήση των διάφορων ετικετών HTML και των παραμέτρων τους Σύντομη περιγραφή Σε αυτό το σενάριο οι μαθητές καλούνται να επισκεφθούν αρκετές ιστοσελίδες που αναφέρονται στο φύλλο εργασίας με σκοπό να γνωρίσουν τις διάφορες ετικέτες (tags) της HTML και την λειτουργία τους. Οι μαθητές σε ομάδες (2 3 ατόμων) επισκέπτονται τις προτεινόμενες ιστοσελίδες και τις αποθηκεύουν τοπικά στον δίσκο του υπολογιστή τους. Στη συνέχεια, με τη χρήση του λογισμικού Macromedia Dreamweaver και με τη συνδρομή-καθοδήγηση του καθηγητή τους, συμπληρώνουν τα πεδία του σχετικού φύλλο εργασίες, όπου καταγράφονται οι διάφορες συνηθέστερες HTML ετικέτες που χρησιμοποιούνται στις ιστοσελίδες που έχουν επισκεφτεί. Χρησιμοποιώντας το εργαλείο βοήθειας του Dreamweaver και βιβλίαεγχειρίδια που βρίσκονται στη διάθεση τους, συμπληρώνουν στο φύλλο εργασίας την σκοπιμότητα, την περιγραφή και τον τρόπο λειτουργίας της κάθε HTML ετικέτας και την συζητούν στην τάξη. Τέλος, οι μαθητές επεξεργάζονται ξανά τις ιστοσελίδες που δημιούργησαν στο προηγούμενο (2ο) σενάριο με τη βοήθεια του Macromedia Dreamweaver και τις εμπλουτίζουν, όπου κρίνουν σκόπιμο-χρήσιμο με τις νέες ετικέτες που έχουν γνωρίσει. Ένταξη Δραστηριότητας στο Αναλυτικό Πρόγραμμα Σπουδών Τάξη: Τομέας: Γνωστικό Αντικείμενο: ΔΙΑΔΙΚΤΥΟ ΠΛΗΡΟΦΟΡΙΚΗΣ-ΔΙΚΤΥΩΝ Η/Υ ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΊΑ ΓΙΑ ΤΟ Διδακτική ενότητα: CONCEPTUM AE 30

31 Διδακτικές ώρες: 2 Διδακτικοί Στόχοι για το Σενάριο Μετά το πέρας των εκπαιδευτικών δραστηριοτήτων οι μαθητές θα είναι σε θέση: Nα εντοπίζουν τις ετικέτες HTML μέσα στο κώδικα της ιστοσελίδας Να αναγνωρίζουν και να ελέγχουν τις παραμέτρους τους με τη βοήθεια του Dreamweaver. Διδακτική προσέγγιση Στο συγκεκριμένο σενάριο οι μαθητές χωρίζονται σε ομάδες των 2-3 ατόμων. Η επιλογή των ατόμων της κάθε ομάδας θα γίνεται σύμφωνα με τη κρίση του καθηγητή με βασικό κριτήριο την καλύτερη συνεργασία και την αποτελεσματικότητα. Εργαλεία ΤΠΕ που αξιοποιούνται στο πλαίσιο του σεναρίου Internet Explorer Dreamweaver αρχεία «Εθνικό Κέντρο Τεκμηρίωσης - ΕΚΤ.htm» και φάκελος αρχείων «Εθνικό Κέντρο Τεκμηρίωσης - ΕΚΤ_files» Διδακτική διαδικασία του σεναρίου Δραστηριότητα 1 Με τη καθοδήγηση του καθηγητή οι μαθητές επισκέπτονται διάφορους ιστοτόπους από τους οποίους, κατόπιν συζήτησης, επιλέγουν τις ιστοσελίδες που θα αποθηκεύσουν στον υπολογιστή. Ενδεικτικά παραθέτουμε μια λίστα από διευθύνσεις που θα μπορούσαν να χρησιμοποιήσουν. CONCEPTUM AE 31

32 Κατόπιν ανοίγουν τις αποθηκευμένες ιστοσελίδες με τη βοήθεια του Dreamweaver επιλέγοντας την εντολή για ταυτόχρονη προβολή του παράθυρου κώδικα HTML και του παράθυρου σχεδιασμού της ιστοσελίδας. Στη συνέχεια, εντοπίζουν ετικέτες HTML στο κώδικα της ιστοσελίδας και παρατηρούν τη δομή τους. Σε αυτό το σημείο ξενικά συζήτηση με τη καθοδήγηση του καθηγητή προκειμένου να κατανοήσουν τον τρόπο σύνταξης των ετικετών και να ξεχωρίζουν τις παραμέτρους τους. Ο πίνακας ιδιοτήτων (βλ. Εικόνα 1) θα συμβάλει ουσιαστικά στην ορθή παρατήρηση και στον εντοπισμό των παραμέτρων των ετικετών. Εικόνα 1. Πίνακας ιδιοτήτων στην εφαρμογή Dreamweaver CONCEPTUM AE 32

33 Δραστηριότητα 2 Για τη εκτέλεση της συγκεκριμένης δραστηριότητας χρησιμοποιούμε ενδεικτικά, τα συνοδευτικά αρχεία «Εθνικό Κέντρο Τεκμηρίωσης - ΕΚΤ.htm» και τον φάκελο αρχείων «Εθνικό Κέντρο Τεκμηρίωσης - ΕΚΤ_files» (τα οποία έχουν προέλθει από την πλήρη αποθήκευση της κεντρικής ιστοσελίδας του Εθνικού Κέντρου Τεκμηρίωσης κατά τον χρόνο συγγραφής των φύλλων εργασίας και θα βοηθήσουν στην ακριβή εκτέλεση των σχετικών δραστηριοτήτων). Με το πρόγραμμα Dreamweaver ανοίγουμε την αποθηκευμένη ιστοσελίδα και χρησιμοποιούμε την εντολή για ταυτόχρονη προβολή του παράθυρου κώδικα HTML και του παράθυρου σχεδιασμού της ιστοσελίδας. Τοποθετούμε πρώτα το δείκτη του ποντικιού στη επιλογή στο παράθυρο σχεδιασμού και αλλάζουμε στο παράθυρο του κώδικα HTML τη διεύθυνση τοποθετώντας στη θέση της την διεύθυνση Στη συνέχεια ανατρέχουμε στο πίνακα ιδιοτήτων και επιλέγουμε «Refresh» για να διαπιστώσουμε ότι η παράμετρος «Link» έχει αυτόματα ενημερωθεί με τη καινούργια διεύθυνση. Αποθηκεύουμε τις αλλαγές και κάνουμε προεπισκόπηση της ιστοσελίδας με το πλήκτρο F12. Κατόπιν αλλάζουμε και το κείμενο από Αρχική Σελίδα σε Πανεπιστήμιο και κάνουμε πάλι προεπισκόπηση της ιστοσελίδας για να δούμε τις αλλαγές. Βλέπουμε με αυτό το τρόπο πως χρησιμοποιείται η ετικέτα <Α> για την δημιουργία ενός υπερσυνδεσμού. Δραστηριότητα 3 Για τη εκτέλεση της συγκεκριμένης δραστηριότητας χρησιμοποιούμε ενδεικτικά, τα συνοδευτικά αρχεία «Εθνικό Κέντρο Τεκμηρίωσης - ΕΚΤ.htm» και τον φάκελο αρχείων «Εθνικό Κέντρο Τεκμηρίωσης - ΕΚΤ_files» (τα οποία έχουν προέλθει από την πλήρη αποθήκευση της κεντρικής ιστοσελίδας του Εθνικού Κέντρου Τεκμηρίωσης κατά τον χρόνο συγγραφής των φύλλων εργασίας και θα βοηθήσουν στην ακριβή εκτέλεση των σχετικών δραστηριοτήτων). Με τη χρησιμοποίηση του Dreamweaver ανοίγουμε την αποθηκευμένη ιστοσελίδα και χρησιμοποιούμε την εντολή για ταυτόχρονη προβολή του παράθυρου κώδικα HTML και του παράθυρου σχεδιασμού της ιστοσελίδας. CONCEPTUM AE 33

34 Μετακινούμε το δείκτη του ποντικιού μέσα στο παράθυρο σχεδιασμού και πάνω στο πλαίσιο κειμένου που μας καλωσορίζει στο κόμβο του ΕΚΤ (βλ. Εικόνα 2) Εικόνα 2. Στο παράθυρο κώδικα HTML αφαιρούμε την ετικέτα <BR> μετά τη λέξη τεκμηριώνει και τη μεταφέρουμε πιο πίσω, μετά τη φράση που συγκεντρώνει. Κάνουμε προεπισκόπηση με το πλήκτρο F12 για να δούμε το αποτέλεσμα της αλλαγής. Βλέπουμε με αυτό το τρόπο πως χρησιμοποιείται η ετικέτα <BR> για το τερματισμό μιας γραμμής. Δραστηριότητα 4 Για τη εκτέλεση της συγκεκριμένης δραστηριότητας χρησιμοποιούμε ενδεικτικά, τα συνοδευτικά αρχεία «Εθνικό Κέντρο Τεκμηρίωσης - ΕΚΤ.htm» και τον φάκελο αρχείων «Εθνικό Κέντρο Τεκμηρίωσης - ΕΚΤ_files» (τα οποία έχουν προέλθει από την πλήρη αποθήκευση της κεντρικής ιστοσελίδας του Εθνικού Κέντρου Τεκμηρίωσης κατά τον χρόνο συγγραφής των φύλλων εργασίας και θα βοηθήσουν στην ακριβή εκτέλεση των σχετικών δραστηριοτήτων). Με τη χρησιμοποίηση του Dreamweaver ανοίγουμε την αποθηκευμένη ιστοσελίδα και χρησιμοποιούμε την εντολή για ταυτόχρονη προβολή του παράθυρου κώδικα HTML και του παράθυρου σχεδιασμού της ιστοσελίδας. Επιλέγουμε μέσα από το παράθυρο σχεδιασμού το πλαίσιο κειμένου που μας καλωσορίζει στο κόμβο του ΕΚΤ (βλ. Εικόνα 2) και στη συνέχεια από το παράθυρο κώδικα HTML αφαιρούμε την ετικέτα έναρξης και τερματισμού <h1> εκατέρωθεν τη πρότασης Καλωσήρθατε στον κόμβο του ΕΚΤ! CONCEPTUM AE 34

35 Κάνουμε προεπισκόπηση με το πλήκτρο F12 για να δούμε το αποτέλεσμα της αλλαγής. Βλέπουμε με αυτό το τρόπο πως χρησιμοποιείται η ετικέτα <h1> για τη διαμόρφωση του μεγέθους των χαρακτήρων. Δραστηριότητα 5 Για τη εκτέλεση της συγκεκριμένης δραστηριότητας χρησιμοποιούμε ενδεικτικά, τα συνοδευτικά αρχεία «Εθνικό Κέντρο Τεκμηρίωσης - ΕΚΤ.htm» και τον φάκελο αρχείων «Εθνικό Κέντρο Τεκμηρίωσης - ΕΚΤ_files» (τα οποία έχουν προέλθει από την πλήρη αποθήκευση της κεντρικής ιστοσελίδας του Εθνικού Κέντρου Τεκμηρίωσης κατά τον χρόνο συγγραφής των φύλλων εργασίας και θα βοηθήσουν στην ακριβή εκτέλεση των σχετικών δραστηριοτήτων). Με τη χρησιμοποίηση του Dreamweaver ανοίγουμε την αποθηκευμένη ιστοσελίδα και χρησιμοποιούμε την εντολή για ταυτόχρονη προβολή του παράθυρου κώδικα HTML και του παράθυρου σχεδιασμού της ιστοσελίδας. Επιλέγουμε μέσα από το παράθυρο σχεδιασμού το πλαίσιο και στη συνέχεια από το πίνακα ιδιοτήτων δίνουμε τη τιμή password στη παράμετρο type. Κάνουμε προεπισκόπηση με το πλήκτρο F12 για να δούμε το αποτέλεσμα της αλλαγής. Εισάγουμε χαρακτήρες στο πεδίο κειμένου του πλαισίου Βλέπουμε με αυτό το τρόπο πως μπορούμε να αλλάξουμε τη παράμετρο «type» της ετικέτας <input> για τη κρυπτογράφηση των χαρακτήρων. Παρατηρούμε επίσης ως προς την σύνταξη της ετικέτας <input> ότι δεν έχει ετικέτα τερματισμού όπως άλλες ετικέτες. CONCEPTUM AE 35

36 Σενάριο Εκπαιδευτικών Δραστηριοτήτων 4 4. Χρήση πολυμεσικών στοιχείων σε ιστοσελίδες Σύντομη περιγραφή Σε αυτό το σενάριο οι μαθητές μελετούν τους τύπους πολυμεσικού υλικού που χρησιμοποιούνται σε ιστοσελίδες. Οι μαθητές επισκέπτονται σελίδες που περιέχουν πολυμεσικό υλικό και ο καθηγητής ενημερώνει τους μαθητές σχετικά με τους περιορισμούς της χρήσης πολυμεσικού υλικού στις ιστοσελίδες και την αποτελεσματική αξιοποίησή του. Με τη βοήθεια του εργαλείου Macromedia Dreamweaver οι μαθητές βλέπουν τον κώδικα αρκετών ιστοσελίδων που περιέχουν πολυμεσικό υλικό και μαθαίνουν τον τρόπο εισαγωγής του πολυμεσικού υλικού σε ιστοσελίδες. Προχωρούν υπό την καθοδήγηση σχετικού φύλλου εργασίας και του καθηγητή τους στην δημιουργία ιστοσελίδων επίδειξης της εισαγωγής, στοίχισης εικόνων και εμφάνισης εναλλακτικού κειμένου. Έπειτα, οι μαθητές επισκέπτονται ιστοσελίδες που περιέχουν χάρτες εικόνας, αρχεία ήχου, αρχεία flash και με τη βοήθεια του Dreamweaver εξετάζουν τον τρόπο λειτουργίας τους. Ένταξη Δραστηριότητας στο Αναλυτικό Πρόγραμμα Σπουδών Τάξη: Τομέας: Γνωστικό Αντικείμενο: ΠΛΗΡΟΦΟΡΙΚΗΣ-ΔΙΚΤΥΩΝ Η/Υ ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ Διδακτική ενότητα: CONCEPTUM AE 36

37 Διδακτικές ώρες: 2 Διδακτικοί Στόχοι για το σενάριο Μετά το πέρας της εκπαιδευτικής διαδικασίας οι μαθητές θα είναι σε θέση: Να εντοπίζουν αρχεία πολυμέσων σε μια ιστοσελίδα και να ελέγχουν τις παραμέτρους τους με τη βοήθεια του Dreamweaver. Να εισάγουν αρχεία πολυμέσων σε μια ιστοσελίδα. Να δημιουργούν υπερσυνδέσμους που θα παραπέμπουν σε αρχεία πολυμέσων που βρίσκονται σε άλλους ιστότοπους. Διδακτική προσέγγιση Στο συγκεκριμένο σενάριο οι μαθητές χωρίζονται σε ομάδες των 2-3 ατόμων. Η επιλογή των ατόμων της κάθε ομάδας γίνεται σύμφωνα με τη κρίση του καθηγητή με βασικό κριτήριο την καλύτερη συνεργασία και την αποτελεσματικότητα. Εργαλεία ΤΠΕ που αξιοποιούνται στο πλαίσιο του σεναρίου Internet Explorer Dreamweaver αρχείο «index.htm» και φάκελος αρχείων «index_files» (τα οποία έχουν προέλθει από την πλήρη αποθήκευση της κεντρικής ιστοσελίδας του Δήμου Θήρας κατά τον χρόνο συγγραφής των φύλλων εργασίας και θα βοηθήσουν στην ακριβή εκτέλεση των σχετικών δραστηριοτήτων). Διδακτική διαδικασία του σεναρίου CONCEPTUM AE 37

38 Δραστηριότητα 1 Με τη συνδρομή του καθηγητή οι μαθητές επισκέπτονται ιστότοπους που περιέχουν αρχεία πολυμέσων. Επιλέγουν και αποθηκεύουν τις κεντρικές ιστοσελίδες από ορισμένους ιστότοπους. Με τη βοήθεια του Dreamweaver ανοίγουν τις αποθηκευμένες ιστοσελίδες και ελέγχουν τα αρχεία πολυμέσων και τις παραμέτρους τους. Για τη εκτέλεση της συγκεκριμένης δραστηριότητας χρησιμοποιούμε ενδεικτικά το συνοδευτικό αρχείο «index.htm» στον φάκελο αρχείων «index_files» (τα οποία έχουν προέλθει από την πλήρη αποθήκευση της κεντρικής ιστοσελίδας του Δήμου Θήρας κατά τον χρόνο συγγραφής των φύλλων εργασίας και θα βοηθήσουν στην ακριβή εκτέλεση των σχετικών δραστηριοτήτων). Με τη βοήθεια του Dreamweaver ανοίγουμε την αποθηκευμένη ιστοσελίδα index.htm στον φάκελο αρχείων «index_files» και χρησιμοποιούμε την εντολή για ταυτόχρονη προβολή του παράθυρου κώδικα HTML και του παράθυρου σχεδιασμού της ιστοσελίδας. Στο παραπάνω menu που εμφανίζεται πριν ανοιχθεί η ιστοσελίδα index.htm, επιλέγουμε «Νο». Επιλέγουμε στο παράθυρο σχεδιασμού το πλαίσιο του αρχείου πολυμέσου (αρχείο flash) και κατόπιν επιλέγουμε «Play» στο πίνακα ιδιοτήτων για να το αναπαράγουμε και «Stop» για να σταματήσουμε την αναπαραγωγή. Στη συνέχεια, επιλέγουμε για χρώμα του φόντου το μαύρο και δοκιμάζουμε πάλι να το αναπαράγουμε με «Play». Παρατηρούμε τις αλλαγές που έχουν γίνει. Παρατηρούμε επίσης την αυτόματη αλλαγή του κώδικα HTML στο αντίστοιχο παράθυρο. CONCEPTUM AE 38

39 Δραστηριότητα 2 Επιλέγουμε το πλαίσιο του αρχείου πολυμέσου της ιστοσελίδας που έχουμε ανοίξει στη προηγούμενη δραστηριότητα και μεταβάλλουμε τις διαστάσεις του με τη βοήθεια του δείκτη ποντικιού, που τον τοποθετούμε στα όρια του πλαισίου και τα μετακινούμε. Στη συνέχεια, επιλέγουμε «Play» στο πίνακα ιδιοτήτων για να το αναπαράγουμε. Για να επαναφέρουμε το πλαίσιο στο αρχικό του μέγεθος επιλέγουμε από το πίνακα ιδιοτήτων την επιλογή «Reset Size». Μπορούμε να επιλέξουμε ανάμεσα σε διάφορες ποιότητες αναπαραγωγής του αρχείου πολυμέσου ρυθμίζοντας κατάλληλα την παράμετρο «Quality» στο πίνακα ιδιοτήτων. Μειώνοντας τη ποιότητα αναπαραγωγής αυξάνουμε την ταχύτητα αναπαραγωγής. Δραστηριότητα 3 Για τη εκτέλεση της συγκεκριμένης δραστηριότητας χρησιμοποιούμε ενδεικτικά τα συνοδευτικα αρχεία στον φάκελο αρχείων «index_files» (τα οποία έχουν προέλθει από την πλήρη αποθήκευση της κεντρικής ιστοσελίδας του Δήμου Θήρας κατά τον χρόνο συγγραφής των φύλλων εργασίας και θα βοηθήσουν στην ακριβή εκτέλεση των σχετικών δραστηριοτήτων). Δημιουργούμε μια κενή ιστοσελίδα με το Dreamweaver και την αποθηκεύουμε. Τοποθετούμε στο παράθυρο σχεδιασμού κείμενο που αναφέρεται στους τύπους πολυμέσων. Τοποθετούμε το δείκτη του ποντικιού μερικές σειρές κάτω από το κείμενο από το menu επιλογών «Insert» επιλέγουμε την επιλογή «Μedia» και κατόπιν και την επιλογή «Flash» (βλ. Εικόνα 1). CONCEPTUM AE 39

40 Εικόνα 1. Μenu επιλογών «Insert» και menu επιλογών «Media» Στη συνέχεια, επιλέγουμε το αρχείο intro.swf που είναι αποθηκευμένο μέσα στο φάκελο αρχείων «index_files». Στη συνέχεια πατάμε OK. Στο παραπάνω menu επιλέγουμε OK χωρίς να συμπληρώσουμε τα πεδία. CONCEPTUM AE 40

41 Δραστηριότητα 4 Στη ιστοσελίδα που δημιουργήσαμε από τη προηγούμενη δραστηριότητα τοποθετούμε το δείκτη του ποντικιού στο τέλος του video flash που εισάγαμε παράθυρο σχεδιασμού και, αφού μετακινηθούμε μερικές σειρές πιο κάτω με το πλήκτο enter, στη συνέχεια πληκτρολογούμε τον ακόλουθο κώδικα στο παράθυρο HTML κώδικα: <object width="384" height="288"> <param name="movie" value="http://menoumellada.live24.gr/menoumellada/ part2/350k/ mythologiki-perihghsh-skopelos.wmv" /> <embed src="http://menoumellada.live24.gr/menoumellada/ part2/350k/ mythologiki-perihghsh-skopelos.wmv" width="384" height="288" autostart=0 /> </object> <P></P> Πηγή: Θα πρέπει ο υπολογιστής να έχει πρόσβασή στο διαδύκτιο και ο κώδικας να τοποθετήθει εκτός ετικετών παραγράφου (<p>, </p>), στο παράθυρο κώδικα HTML. Παρατηρούμε συγχρόνως τις αλλαγές που γίνονται αυτόματα στο παράθυρο σχεδιασμού. Δοκιμάζουμε να αυξήσουμε τις διαστάσεις του πλαισίου του video με τις παραμέτρους W(Width), H(Height) στο πίνακα ιδιοτήτων. Βλέπουμε τα αποτελέσματα των αλλαγών κάνοντας προεπισκόπηση με το πλήκτρο F12. Δραστηριότητα 5 Μετά από συζήτηση οι μαθητές επιλέγουν το video που θα εισάγουν στη ιστοσελίδα που έχουν δημιουργήσει. Τοποθετούν επίσης 4 υπερσυνδέσμους που παραπέμπουν σε άλλους ιστότοπους που περιέχουν αρχεία πολυμέσων. Στη συνέχεια καταγάφουν τον τύπο των αρχείων πολυμέσων που επιλέχθηκαν στο παρακάτω πίνακα: CONCEPTUM AE 41

42 Α/Α ΟΝΟΜΑ ΑΡΧΕΙΟΥ ΠΟΛΥΜΕΣΟΥ ΤΥΠΟΣ ΑΡΧΕΙΟΥ ΠΟΛΥΜΕΣΟΥ CONCEPTUM AE 42

43 Σενάριο Εκπαιδευτικών Δραστηριοτήτων 5 5. Διάταξη ιστοσελίδων με πίνακες Σύντομη περιγραφή Σε αυτό το σενάριο οι μαθητές μαθαίνουν πώς να δημιουργούν έναν πίνακα σε ιστοσελίδα και να διατάσουν το περιεχόμενο της ιστοσελίδας τους σε πίνακες. Το σενάριο χωρίζεται σε δύο μέρη. Στο πρώτο μέρος, με βάση κάποιο συγκεκριμένο περιεχόμενο που χρήζει ανάγκης παρουσίας σε πίνακα και δίνεται στους μαθητές σε σχετικό φύλλο εργασίας, πρέπει υπό την καθοδήγηση του εκπαιδευτικού να αξιοποιήσουν το λογισμικό Macromedia Dreamweaver για την δημιουργία ενός πίνακα σε ιστοσελίδα. Αφού δημιουργήσουν τον πίνακα, θα πρέπει να γνωρίζουν και να ασκούνται με τα εργαλεία του Dreamweaver για την επιλογή στοιχείων του πίνακα, τον καθορισμό αποστάσεων κελιών και διαστημάτων κελιών και την προσθήκη κελιών κεφαλίδας στον πίνακα, με σκοπό την μορφοποίηση του πίνακα τους ώστε η εμφάνιση του στην ιστοσελίδα να ταιριάζει με αυτή του φύλλου εργασίας. Στο δεύτερο μέρος του σεναρίου οι μαθητές προσπαθούν να δημιουργήσουν μια ιστοσελίδα με βάση κάποιο πρότυπο που τους δίνεται σε σχετικό φύλλο εργασίας. Ο εκπαιδευτικός προτρέπει και καθοδηγεί τους μαθητές στην χρήση πίνακα για την διάταξη του περιεχομένου της ιστοσελίδας, αξιοποιώντας την προβολή Layout του Macromedia Dreamweaver. Ένταξη Δραστηριότητας στο Αναλυτικό Πρόγραμμα Σπουδών Τάξη: Τομέας: Γνωστικό Αντικείμενο: ΠΛΗΡΟΦΟΡΙΚΗΣ-ΔΙΚΤΥΩΝ Η/Υ ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ CONCEPTUM AE 43

44 Διδακτική ενότητα: Διδακτικές ώρες: 2 Διδακτικοί Στόχοι για το σενάριο Μετά το πέρας της εκπαιδευτικής δραστηριότητας οι μαθητές θα είναι ικανοί: να δημιουργούν Πίνακες σε μια ιστοσελίδα να μορφοποιούν πίνακες και να διαμορφώνουν τις παραμέτρους τους να χρησιμοποιούν πίνακες για το σχεδιασμό ιστοσελίδων να εισάγουν στα κελιά ενός πίνακα δεδομένα από εξωτερικά αρχεία. Διδακτική προσέγγιση Στο συγκεκριμένο σενάριο οι μαθητές χωρίζονται σε ομάδες των 2-3 ατόμων. Η επιλογή των ατόμων της κάθε ομάδας γίνεται από τον εκπαιδευτικό με βασικό κριτήριο την καλύτερη συνεργασία μεταξύ των μαθητών και την αποτελεσματικότητα. Εργαλεία ΤΠΕ που αξιοποιούνται στο πλαίσιο του σεναρίου Internet Explorer Dreamweaver αρχεία «index.htm» και φάκελος αρχείων «index_files» (τα οποία έχουν προέλθει από την πλήρη αποθήκευση της κεντρικής ιστοσελίδας του Δήμου Θήρας κατά τον χρόνο συγγραφής των φύλλων εργασίας και θα βοηθήσουν στην ακριβή εκτέλεση των σχετικών δραστηριοτήτων). Διδακτική διαδικασία του σεναρίου CONCEPTUM AE 44

45 Δραστηριότητα 1 Με τη βοήθεια του Dreamweaver κατασκευάζουμε μια κενή ιστοσελίδα, κατά το τρόπο που εφαρμόσαμε στο σενάριο 2, και στη συνέχεια από το menu επιλογών «Insert» και την επιλογή «Table» τοποθετούμε ένα πίνακα διαστάσεων 3x3 (βλ. Εικόνα 1). Εικόνα 1. menu παραμέτρων για την εισαγωγή πίνακα Μετά την εισαγωγή του πίνακα παρατηρούμε το παράθυρο κώδικα HTML για να δούμε το σχετικό κώδικα HTML και τη σύνταξη της ετικέτας <TABLE>. Επιλέγουμε το πίνακα με το δείκτη ποντικιού στο παράθυρο σχεδιασμού και εντοπίζουμε τις παραμέτρους του στο πίνακα ιδιοτήτων και στο παράθυρο του κώδικα HTML. Δραστηριότητα 2 Διαμορφώνουμε της διαστάσεις του πίνακα μετακινώντας τα όριά του με το ποντίκι μέσα στο παράθυρο σχεδιασμού. Επίσης, από την παράμετρο «Border» αλλάζουμε το πάχος των ορίων του πίνακα σε 2 και από τη παράμετρο «bg color» το χρώμα του φόντου σε κίτρινο. CONCEPTUM AE 45

46 Επιλέγουμε ένα από τα κελιά στο οποίο θέλουμε να δώσουμε έμφαση και επιλέγουμε κόκκινο το χρώμα του περιγράμματος από τη παράμετρο «brdr» στο πίνακα ιδιοτήτων. Παρατηρούμε ταυτόχρονα τις αλλαγές που συμβαίνουν αυτόματα στο παράθυρο του κώδικα HTML. Δραστηριότητα 3 Μετά τη διαμόρφωση των παραμέτρων του πίνακα επιλέγουμε με το ποντίκι την πρώτη σειρά κελιών και κάνοντας δεξί κλικ επιλέγουμε την παράμετρο «Table» και κατόπιν την παράμετρο «Merge Cells» (βλ. Εικόνα 2) προκειμένου να συγχωνεύσουμε τα κελιά σε ένα. Εικόνα 2. Παράμετρος Merge Cells μέσα από το menu επιλογών Table CONCEPTUM AE 46

47 Ακολούθως, επιλέγουμε ολόκληρο τον πίνακα στο παράθυρο σχεδιασμού (με το κεντρικό βέλος στο κάτω μέρος του πίνακα) και στη συνέχεια αλλάζουμε την παράμετρο «CellSpace» σε 10 για να διαμορφώσουμε την απόσταση των κελιών του πίνακα. Παρατηρούμε πάντα τις αλλαγές που πραγματοποιούνται στο παράθυρο του κώδικα HTML. Δραστηριότητα 4 Μετά τη πρώτη διαμόρφωση του πίνακα, ακολουθεί η δεύτερη που είναι και η οριστική. Με τη παραδοχή ότι η ιστοσελίδα που κατασκευάζουμε θα χρησιμοποιηθεί για την παρουσίαση μικρών αγγελιών και ότι θα χρειαστεί να μπει κάποιος τίτλος σε κάθε πλαίσιο κειμένου θα πρέπει να διαχωρίσουμε το κάθε κελί σε δυο τμήματα (ένα για το κορμό και ένα για το τίτλο του κειμένου), με την εντολή «split Cell». Επιλέγουμε το κελί και κάνοντας δεξί κλικ διαλέγουμε «Table» και μετά «Split Cell». Στο παραπάνω menu επιλέγουμε «ΟΚ» για να χωρίσουμε το κελί σε 2 οριζόντιες γραμμές. Στη συνέχεια, τοποθετούμε το κείμενο και τον τίτλο σε κάθε κελί και κάνουμε προεπισκόπιση με F12 για να δούμε το αποτέλεσμα. Δραστηριότητα 5 Δημιουργούμε με το Dreamweaver μια κενή ιστοσελίδα και εισάγουμε έναν πίνακα 3x3. Στη συνέχεια, τοποθετούμε στο Excel τυχαία νούμερα μέσα στις τρεις πρώτες CONCEPTUM AE 47

48 γραμμές και στις τρεις πρώτες στήλες. Αποθηκεύουμε το αρχείο με τη εντολή Save As υπό μορφή Text (Tab delimited) (βλ. Εικόνα 3) και όνομα data.txt Εικόνα 3. Αποθήκευση αρχείου στο Excel υπό μορφή txt (Tab delimited). Στη συνέχεια επιλέγουμε τον πίνακα μέσα από το παράθυρο σχεδιασμού του Dreamweaver και από το menu επιλογών «Insert», κατόπιν «Table Objects» και «Import Tabular Data» και επιλέγουμε το αρχείο data.txt. CONCEPTUM AE 48

49 Εικόνα 4 Menu για την εισαγωγή εξωτερικών δεδομένων σε πίνακα. Διαμορφώνουμε τις διαστάσεις του πίνακα. Επιλέγουμε F12 για να κάνουμε προεπισκόπιση. CONCEPTUM AE 49

50 Σενάριο Εκπαιδευτικών Δραστηριοτήτων 6 6. Διάταξη ιστοσελίδων με πλαίσια Σύντομη περιγραφή Σε αυτό το σενάριο οι μαθητές γνωρίζουν τη χρήση πλαισίων για την εμφάνιση πολλαπλών ιστοσελίδων. Οι μαθητές υπό την καθοδήγηση του εκαπιδευτικού επισκέπτονται μια σειρά ιστοσελίδων που χρησιμοποιούν πλαίσια, τις οποίες και αποθηκεύουν τοπικά στον υπολογιστή τους και μελετούν με τη χρήση του Macromedia Dreamweaver. Στο περιβάλλον του Dreamweaver, με τη χρήση των σελίδων που αποθήκευσαν ως παραδείγματα και την καθοδήγηση του εκπαιδευτικού γνωρίζουν την έννοια της στόχευσης περιεχομένου. Στη συνέχεια, οι μαθητές χωρίζονται σε ομάδες και δημιουργούν δύο διαφορετικές ιστοσελίδες που χρησιμοποιούν διαφορετική διάταξη πλαισίων (μία με 2 πλαίσια και μία με 3 πλαίσια) προκειμένου να παρουσιάσουν πληροφορίες σχετικά με υλικό και ενότητες που θα τους δίνονται στο φύλλο εργασίας της ενότητας. Ένταξη Δραστηριότητας στο Αναλυτικό Πρόγραμμα Σπουδών Τάξη: Τομέας: Γνωστικό Αντικείμενο: ΠΛΗΡΟΦΟΡΙΚΗΣ-ΔΙΚΤΥΩΝ Η/Υ ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ Διδακτική ενότητα: Διδακτικές ώρες: 2 CONCEPTUM AE 50

51 Διδακτικοί Στόχοι για το Σενάριο Μετά το πέρας της εκπαιδευτικής δραστηριότητας οι μαθητές θα είναι ικανοί: αναγνωρίζουν την παρουσία και τη διάταξη των πλαισίων σε ένα ιστότοπο. κατασκευάζουν ιστοσελίδες με πλαίσια στοχεύουν το περιεχόμενο της ιστοσελίδας σε συγκεκριμένο πλαίσιο αλλάζουν ορισμένες από τις ιδιότητες των πλαισίων Διδακτική προσέγγιση Στο συγκεκριμένο σενάριο οι μαθητές χωρίζονται σε ομάδες των 2-3 ατόμων. Η επιλογή των ατόμων της κάθε ομάδας γίνεται σύμφωνα με τη κρίση του εκπαιδευτικού με βασικό κριτήριο την καλύτερη συνεργασία και την αποτελεσματικότητα. Προτείνεται οι μαθητές να εναλλάσσουν ρόλους κατά τη διάρκεια της υλοποίησης των δραστηριοτήτων που προτείνονται από το φύλλο εργασίας. Εργαλεία ΤΠΕ που αξιοποιούνται στο πλαίσιο του σεναρίου Internet Explorer Dreamweaver Βήματα υλοποίησης του σεναρίου Δραστηριότητα 1 Οι μαθητές υπό τη καθοδήγηση του καθηγητή επισκέπτονται ιστότοπους που χρησιμοποιούν ιστοσελίδες με πλαίσια. Στη συνέχεια, αποθηκεύουν ορισμένες από τις συγκεκριμένες ιστοσελίδες προκειμένου να τις εξετάσουν με τη βοήθεια του Dreamweaver. Ενδεικτικά προτείνονται οι παρακάτω ιστότοποι: CONCEPTUM AE 51

52 ΙΣΤΟΤΟΠΟΣ ΑΡΙΘΜΟΣ ΠΛΑΙΣΙΩΝ ΚΕΝΤΡΙΚΗΣ ΙΣΤΟΣΕΛΙΔΑΣ Ακολουθεί η επισκόπηση των ιστοσελίδων και ο εντοπισμός των πλαισίων που αυτές περιέχουν. Εξετάζεται, επίσης, μέσα από το παράθυρο σχεδιασμού και η σύνταξη των ετικετών <FRAME> και <FRAMESET> Δραστηριότητα 2 Στη συγκεκριμένη δραστηριότητα οι μαθητές καλούνται να δημιουργήσουν μια ιστοσελίδα με 2 πλαίσια σύμφωνα με το ακόλουθο σχήμα: ΠΛΑΙΣΙΟ 1 ΠΛΑΙΣΙΟ 2 Δημιουργούμε μια κενή ιστοσελίδα στο Dreamweaver και επιλέγουμε από το menu επιλογών «Insert», το δευτερεύον menu επιλογών HTML, στη συνέχεια το τριτεύον menu επιλογών Frames και καταλήγουμε στην εντολή Top (βλ. Εικόνα 1). CONCEPTUM AE 52

53 Εικόνα 1. Εισαγωγή πλαισίων Για να είναι ευδιάκριτα τα πλαίσια (frames) επιλέγουμε στο παράθυρο σχεδιασμού το σκελετό των πλαισίων και τοποθετούμε Yes στη παράμετρο «Borders» στο πίνακα ιδιοτήτων, ενώ ταυτόχρονα μπορούμε να τοποθετούμε ένα ευδιάκριτο χρώμα και να αυξήσουμε το πάχος του περιγράμματος των πλαισίων με τις παραμέτρους «Border color» και «Βοrder width» αντίστοιχα που βρίσκονται στο πίνακα ιδιοτήτων. Αμέσως μετά την εισαγωγή των πλαισίων, επιλέγουμε στο παράθυρο σχεδιασμού το σκελετό των πλαισίων και παρατηρούμε στο παράθυρο του κώδικα HTML τις ετικέτες «frame» και «frameset», που έχουν δημιουργηθεί αυτόματα. Αποθηκεύουμε το σκελετό των πλαισίων σαν ξεχωριστή ιστοσελίδα με το όνομα plaisio.html, χρησιμοποιώντας την εντολή «Save Frameset As» από το menu επιλογών «File», στο φάκελο αρχείων website που έχουμε από πριν δημιουργήσει. CONCEPTUM AE 53

54 Εισάγουμε στο πάνω πλαίσιο ένα αρχείο εικόνας, που έχουμε από πριν διαμορφώσει στις διαστάσεις του πλαισίου, τοποθετώντας το δείκτη του ποντικιού μέσα στο πλαίσιο και επιλέγοντας το menu επιλογών «Insert» και μετά «Image». Αποθηκεύουμε το πάνω πλαίσιο σαν ξεχωριστή ιστοσελίδα με το όνομα titlos.html, χρησιμοποιώντας την εντολή «Save Frame As» από το menu επιλογών «File», στο φάκελο αρχείων website. Στο κάτω πλαίσιο τοποθετούμε απευθείας κείμενο. Αποθηκεύουμε το κάτω πλαίσιο σαν ξεχωριστή ιστοσελίδα με το όνομα kentriki_selida.html, χρησιμοποιώντας την εντολή «Save Frame As» από το menu επιλογών «File», στο φάκελο αρχείων website Επιλέγουμε F12 για να δούμε τα αποτελέσματα τω ενεργειών μας στο web browser. Δραστηριότητα 3 Στη συγκεκριμένη δραστηριότητα οι μαθητές καλούνται να δημιουργήσουν μια ιστοσελίδα με 3 πλαίσια σύμφωνα με το ακόλουθο σχήμα: ΠΛΑΙΣΙΟ 1 ΠΛΑΙΣΙΟ 2 ΠΛΑΙΣΙΟ 3 Ανοίγουμε με το Dreamweaver την ιστοσελίδα (plaisio.html) με το σκελετό διάταξης των πλαισίων που δημιουργήσαμε στην προηγούμενη δραστηριότητα. Επιλέγουμε ταυτόχρονη προβολή του παράθυρου κώδικα HTML και του παράθυρου σχεδιασμού της ιστοσελίδας και τοποθετούμε το δείκτη του ποντικιού στο κάτω πλαίσιο, όπως αυτό φαίνεται στο παράθυρο σχεδιασμού. CONCEPTUM AE 54

55 Στη συνέχεια τοποθετούμε το δείκτη του ποντικιού μέσα στο κάτω πλαίσιο, στο παράθυρο σχεδιασμού. Επιλέγουμε από το menu επιλογών «Insert», το δευτερεύον menu επιλογών HTML, στη συνέχεια το τριτεύον menu επιλογών «Frames» και καταλήγουμε στην εντολή «Left». Με αυτό το τρόπο δημιουργούμε ένα νέο πλαίσιο αριστερά του κάτω παλιού πλαισίου. Αυτό το νέο πλαίσιο μπορούμε να το χρησιμοποιήσουμε για την εισαγωγή ενός menu πλοήγησης. Για να είναι ευδιάκριτα το νέο πλαίσιο επιλέγουμε στο παράθυρο σχεδιασμού τη κατακόρυφη διαχωριστική γραμμή που δημιουργήθηκε αυτόματα με την εισαγωγή του νέου πλαισίου και τοποθετούμε Yes στη παράμετρο «Borders» στο πίνακα ιδιοτήτων, ενώ ταυτόχρονα μπορούμε να τοποθετούμε ένα ευδιάκριτο χρώμα και να αυξήσουμε το πάχος του περιγράμματος των πλαισίων με τις παραμέτρους «Border color» και «Βοrder width» αντίστοιχα. Αποθηκεύουμε το σκελετό των πλαισίων σαν ξεχωριστή ιστοσελίδα με το όνομα plaisio.html, χρησιμοποιώντας την εντολή «Save Frameset As» από το menu επιλογών «File», στο φάκελο αρχείων website. Επιλέγουμε με το δείκτη του ποντικιού το νέο πλαίσιο που δημιουργήθηκε αριστερά του κάτω παλιού πλαισίου και το αποθηκεύουμε σαν ξεχωριστή ιστοσελίδα με το όνομα left_menu.html, μέσα στον ίδιο προκαθορισμένο φάκελο αρχείων στο φάκελο αρχείων website όπου έχουμε σώσει και τις άλλες ιστοσελίδες που δημιουργήσαμε. Επιλέγουμε F12 για να δούμε τα αποτελέσματα των ενεργειών μας στο web browser. Δραστηριότητα 4 Ανοίγουμε με το Dreamweaver την ιστοσελίδα (plaisio.html) με το σκελετό διάταξης των πλαισίων που δημιουργήσαμε στη προηγούμενη δραστηριότητα. Επιλέγουμε ταυτόχρονη προβολή του παράθυρου κώδικα HTML και του παράθυρου σχεδιασμού της ιστοσελίδας. Οι μαθητές καλούνται να δημιουργήσουν μια κενή ιστοσελίδα και την γεμίζουν με κείμενο. Την ονομάζουν thema1ο.html κατά τη διαδικασία αποθήκευσής της στον ίδιο φάκελο αρχείων με τις προηγούμενες ιστοσελίδες. Για να μπορέσουμε να έχουμε εναλλασσόμενη πρόσβαση μεταξύ της κεντρικής σελίδας και της σελίδας που μόλις δημιουργήσαμε θα πρέπει να κατασκευάσουμε ένα CONCEPTUM AE 55

56 menu πλοήγησης, με τη βοήθεια του οποίου θα εμφανίζουμε στο κεντρικό πλαίσιο της ιστοσελίδας κατ επιλογή τη μια και την άλλη ιστοσελίδα. Τοποθετούμε στο αριστερό πλαίσιο το δείκτη ποντικιού και εισάγουμε τους ακόλουθους υπερσυνδέσμους με τη βοήθεια τη εντολής «Hyperlink» από το menu επιλογών «Insert» (βλ. Εικόνα 2). Εικόνα 2. Menu εισαγωγής υπερσύνδεσμου 1. υπερσύνδεσμος με τίτλο κεντρική ιστοσελίδα, όπου στην παράμετρο «Link» έχουμε αναζητήσει και τοποθετήσει την ιστοσελίδα kentriki_selida.html και στη παράμετρο «Target» έχουμε τοποθετήσει mainframe 2. υπερσύνδεσμος με τίτλο Thema1ο, όπου στη παράμετρο «Link» έχουμε αναζητήσει και τοποθετήσει την ιστοσελίδα thema1ο.html και στη παράμετρο «Target» έχουμε τοποθετήσει mainframe. Αφού τοποθετήσουμε τους δύο υπερσυνδεσμούς, που χρησιμεύουν για να στοχεύσουμε το περιεχόμενο των δυο προαναφερόμενων ιστοσελίδων, έτσι ώστε να εμφανίζεται μέσα στο κεντρικό πλαίσιο της ιστοσελίδας με το σκελετό διάταξης των πλαισίων, αποθηκεύουμε την ιστοσελίδα των υπερσυνδέσμων σαν ξεχωριστή ιστοσελίδα με το όνομα left_menu.html, χρησιμοποιώντας την εντολή «Save Frame As» από το menu επιλογών «File», στο φάκελο αρχείων website Επιλέγουμε F12 για να δούμε τα αποτελέσματα των ενεργειών μας στο web browser. CONCEPTUM AE 56

57 Σενάριο Εκπαιδευτικών Δραστηριοτήτων 7 7. Κατασκευή ιστοσελίδας με φόρμα Σύντομη περιγραφή Στο σενάριο αυτό οι μαθητές επισκέπτονται σελίδες που περιέχουν φόρμες και στο περιβάλλον του Macromedia Dreamweaver γνωρίζουν την HTML ετικέτα FORM. Με την βοήθεια του καθηγητή τους και με χρήση παραδειγμάτων σελίδων μαθαίνουν τις παραμέτρους και τις δυνατότητες της ετικέτας FORM. Ο καθηγητής εξηγεί και συζητά με τους μαθητές για τον τρόπο και τον τόπο με τον οποίο είναι αποθηκευμένες οι εφαρμογές CGI/Java script που σχετίζονται με τις εκάστοτε φόρμες. Στη συνέχεια οι μαθητές υπό την καθοδήγηση φύλλου εργασίας αναζητούν δωρεάν και ελεύθερα για διάθεση script από το Web, τα οποία με τη βοήθεια του Macromedia Dreamweaver αρχικά εξετάζουν και τροποποιούν ελαφρώς υπό την καθοδήγηση του εκαπιδευτικού και στη συνέχεια τα ενσωματώνουν σε ιστοσελίδες που έχουν ήδη δημιουργήσει στα προηγούμενα σενάρια. Ένταξη Δραστηριοτήτων στο Αναλυτικό Πρόγραμμα Σπουδών Τάξη: Τομέας: Γνωστικό Αντικείμενο: ΠΛΗΡΟΦΟΡΙΚΗΣ-ΔΙΚΤΥΩΝ Η/Υ ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ Διδακτική ενότητα: Διδακτικές ώρες: 2 CONCEPTUM AE 57

58 Διδακτικοί Στόχοι για το Σενάριο Μετά το πέρας της εκπαιδευτικής δραστηριότητας οι μαθητές θα είναι ικανοί να: γνωρίζουν τη δομή και λειτουργία των φορμών εισάγουν φόρμες με πεδία και πλαίσια εισαγωγής κειμένου σε μια ιστοσελίδα. διαμορφώσουν τις παραμέτρους μιας φόρμας συνδέσουν ένα SCRIPT με μια φόρμα Διδακτική προσέγγιση Στο συγκεκριμένο σενάριο οι μαθητές χωρίζονται σε ομάδες των 2-3 ατόμων. Η επιλογή των ατόμων της κάθε ομάδας γίνεται σύμφωνα με τη κρίση του καθηγητή με βασικό κριτήριο την καλύτερη συνεργασία και την αποτελεσματικότητα. Εργαλεία ΤΠΕ που αξιοποιούνται στο πλαίσιο του σεναρίου Internet Explorer Dreamweaver Διδακτική διαδικασία του σεναρίου Δραστηριότητα 1 Οι μαθητές επισκέπτονται ιστότοπους στο διαδίκτυο και, αφού αποθηκεύσουν στον υπολογιστή ιστοσελίδες που περιέχουν φόρμες με πεδία και τμήματα κειμένου, χρησιμοποιούν την εφαρμογή Dreamweaver για να δουν τη δομή και τη σύνταξη των ετικετών <FORM> και <INPUT> που χρησιμοποιούνται στις φόρμες. Ενδεικτικά θα μπορούσαμε να παραθέσουμε τις ακόλουθες ιστοσελίδες: CONCEPTUM AE 58

59 Δραστηριότητα 2 Οι μαθητές ανοίγουν με τη βοήθεια του Dreamweaver την ιστοσελίδα (plaisio.html) με το σκελετό διάταξης των πλαισίων που δημιούργησαν στο προηγούμενο σενάριο και βρίσκεται μέσα στο φάκελο αρχείων website. Επιλέγουν ταυτόχρονη προβολή του παράθυρου κώδικα HTML και του παράθυρου σχεδιασμού της ιστοσελίδας. Δημιουργούν μια κενή ιστοσελίδα και την αποθηκεύουν μέσα στο φάκελο αρχείων website, με το όνομα epikoinonia.html. Για να προσθέσουν μια φόρμα με ένα πεδίο εισαγωγής κειμένου στην ιστοσελίδα, τοποθετούν πρώτα το δείκτη του ποντικιού στο σημείο που θέλουν να κάνουν την εισαγωγή μέσα στο παράθυρο σχεδιασμού και κατόπιν χρησιμοποιούν την εντολή «Text Field» από το menu επιλογών Form που βρίσκεται στο menu επιλογών «Insert» (βλ. Εικόνα 1) Εικόνα 1. menu επιλογών Form CONCEPTUM AE 59

60 Στο menu επιλογών «Input Tag Accesibility Attributes» της εντολής «Text Field» που ακολουθεί (βλ. Εικόνα 2) τοποθετούν τη λέξη «Ονοματεπώνυμο» στη παράμετρο «Label» και επιλέγουν το button OK για να συνεχίσουν. Στο ερώτημα «Add form tag?» απαντάμε καταφατικά επιλέγοντας «Yes». Εικόνα 2. menu επιλογών της εντολής Text Field Παρατηρούν στις αλλαγές που έχουν γίνει στο παράθυρο κώδικα HTML τη σύνταξη της ετικέτας <input>. Με το πλήκτρο F12 μπορούν να κάνουν προεπισκόπηση της ιστοσελίδας με το web browser. Δραστηριότητα 3 Στο παράθυρο σχεδιασμού και τοποθετούμε το δείκτη του ποντικιού στο τέλος του πεδίου κειμένου που δημιουργήσαμε. Χρησιμοποιώντας το πλήκτρο «enter» μετακινούμε το σημείο εισαγωγής μερικές γραμμές πιο κάτω. Επαναλαμβάνουμε τη διαδικασία της προηγούμενης δραστηριότητας για να προσθέσουμε ένα νέο πεδίο εισαγωγής κειμένου μέσα στην ίδια φόρμα. Στο menu CONCEPTUM AE 60

61 επιλογών «Input Tag Accesibility Attributes» της εντολής «Text Field» στη παράμετρο Label τοποθετούμε τη λέξη « ». Τοποθετούμε το δείκτη του ποντικιού στο τέλος του πεδίου κειμένου που δημιουργήσαμε και μετακινούμε το σημείο εισαγωγής μερικές γραμμές πιο κάτω και με την εντολή «Τextarea», από το menu επιλογών Form που βρίσκεται στο menu επιλογών «Insert», εισάγουμε ένα πλαίσιο εισαγωγής κειμένου. Στο menu επιλογών «Input Tag Accesibility Attributes» της εντολής «Τextarea» τοποθετούμε τη λέξη Σχόλια στη παράμετρο Label και επιλέγουμε το button OK για να συνεχίσουμε. Παρατηρούμε στις αλλαγές που γίνονται αυτόματα στο παράθυρο κώδικα HTML τη σύνταξη της ετικέτας <textarea> Χρησιμοποιούμε το πλήκτρο F12 για να κάνουμε προεπισκόπηση της ιστοσελίδας με το web browser. Δραστηριότητα 4 Έως τώρα έχουμε δημιουργήσει μια φόρμα επικοινωνίας που περιλαμβάνει δυο πεδία και ένα πλαίσιο εισαγωγής κειμένου. Επιλέγοντας το πεδίο εισαγωγής κειμένου με «Label»: Ονοματεπώνυμο, τοποθετούμε τη τιμή 50 στη παράμετρο «Char Width» και τιμή 50 στη παράμετρο «Max chars», στο πίνακα ιδιοτήτων. Χρησιμοποιούμε το πλήκτρο F12 για να κάνουμε προεπισκόπηση της ιστοσελίδας με το web browser και τοποθετούμε τυχαία ονοματεπώνυμα. Επιστρέφουμε στο παράθυρο σχεδιασμού και αλλάζουμε τη παράμετρο «Max chars» σε 8. Κάνουμε προεπισκόπηση της ιστοσελίδας και βλέπουμε ότι όταν προσπαθούμε να εισάγουμε ονοματεπώνυμο με αριθμό χαρακτήρων μεγαλύτερο από 8 δεν μπορούμε να προχωρήσουμε μετά το όγδοο χαρακτήρα λόγω του περιορισμού «Max chars». Επιλέγουμε το πλαίσιο εισαγωγής κειμένου και αλλάζουμε τη παράμετρο «Wrap» σε Off ενώ παράλληλα εισάγουμε ένα μικρό κείμενο στη παράμετρο «Init val». Στη συνέχεια κάνουμε προεπισκόπηση της ιστοσελίδας και βλέπουμε ότι μέσα στο πλαίσιο εισαγωγής κειμένου έχουν εμφανιστεί oοριζόντιες μπάρες ολίσθησης λόγω υπερβάσης του πλάτους του πλαισίου από το κείμενο που τοποθετήσαμε στη παράμετρο «Init val» και εμφανίζεται ως προκαθορισμένο κείμενο. Εάν αλλάξουμε CONCEPTUM AE 61

62 τη παράμετρο «Wrap» σε «Physical», τότε το κείμενο που υπερβαίνει τα όρια του πλαισίου μεταφέρεται αυτόματα στην επόμενη γραμμή. Δραστηριότητα 5 Ο καθηγητής εξηγεί και συζητά με τους μαθητές για τον τρόπο και τον τόπο με τον οποίο είναι αποθηκευμένες οι εφαρμογές CGI/Java script που σχετίζονται με τις εκάστοτε φόρμες. Στη συνέχεια, οι μαθητές υπό την καθοδήγηση φύλλου εργασίας, αναζητούν δωρεάν και ελεύθερα για διάθεση σκριπτ από το Web, τα οποία με τη βοήθεια του Macromedia Dreamweaver αρχικά εξετάζουν και τροποποιούν ελαφρώς υπό την καθοδήγηση του καθηγητή τους και στη συνέχεια τα ενσωματώνουν σε ιστοσελίδες που έχουν ήδη δημιουργήσει στα προηγούμενα σενάρια. Ενδεικτικά θα μπορούσαμε να τοποθετήσουμε στην ιστοσελίδα που έχουμε δημιουργήσει ένα button, το οποίο θα ενεργοποιεί ένα java Script που θα εμφανίζει ένα μήνυμα. Για να πετύχουμε το συγκεκριμένο στόχο, τοποθετούμε το δείκτη του ποντικιού στο τέλος του πλαισίου εισαγωγής κειμένου, στο παράθυρο σχεδιασμού, και μετακινούμε το σημείο εισαγωγής μερικές γραμμές πιο κάτω πατώντας το πλήκτρο «enter». Στη συνέχεια και με την εντολή «Button» από το menu επιλογών «Form» που βρίσκεται στο menu επιλογών «Insert» (βλ. Εικόνα 1), εισάγουμε ένα Button στην ιστοσελίδα. Για να αλλάξουμε το όνομα του button, αφού πρώτα το επιλέξουμε, εισάγουμε στη παράμετρο «value», που βρίσκεται στο menu επιλογών «Tag-Inspectrors» και συγκεκριμένα στο menu επιλογών «General», του πίνακα «Attributes» (βλ. Εικόνα 3), το όνομα που επιθυμούμε. CONCEPTUM AE 62

63 Εικόνα 3. Πίνακας Attributes Για να συνδέσουμε το «Button» με ένα Java Script που θα εμφανίζει ένα μήνυμα, επιλέγουμε πάλι το εικονίδιο του «Button» και στη συνέχεια από το πίνακα «Behaviors» (βλ. Εικόνα 4) επιλέγουμε από menu επιλογών την εντολή «Call JavaScript» και στη συνέχεια τοποθετούμε το όνομα «processmyform()». Εικόνα 5. Πίνακας Behaviors Στη συνέχεια στο παράθυρο κώδικα HTML εισάγουμε στο τμήμα HEAD και εντός της ετικέτας <script> τον ακόλουθο κώδικα: function processmyform() { alert('ευχαριστούμε για την επικοινωνία!'); } CONCEPTUM AE 63

64 Ολοκληρώνουμε τη δραστηριότητα κάνοντας προεπισκόπηση της ιστοσελίδας. Παρατηρούμε το μήνυμα που εμφανίζεται όταν επιλέξουμε το «Button». Δραστηριότητα 6 Ανοίγουμε με το Dreamweaver την ιστοσελίδα plaisio.html στο φάκελο αρχείων website. Επιλέγουμε ταυτόχρονη προβολή του παράθυρου κώδικα HTML και του παράθυρου σχεδιασμού της ιστοσελίδας. Τοποθετούμε το δείκτη ποντικιού κάτω από τους υφιστάμενους υπερσυνδέσμους που δημιουργήσαμε στο προηγούμενο σενάριο και εισάγουμε ένα νέο υπερσύνδεσμο με τίτλο επικοινωνία, όπου στη παράμετρο «Link» έχουμε αναζητήσει και τοποθετήσει την ιστοσελίδα epikoinonia.html και στη παράμετρο «Target» έχουμε τοποθετήσει mainframe. Αφού τοποθετήσουμε το νέο υπερσύνδεσμο, αποθηκεύουμε την ιστοσελίδα με όνομα left_menu.html στο φάκελο αρχείων website και επιλέγουμε F12 για να δούμε τα αποτελέσματα των ενεργειών μας στο web browser. CONCEPTUM AE 64

65 Σενάριο Εκπαιδευτικών Δραστηριοτήτων 8 8. Δυναμικές ιστοσελίδες Χρήση της HTML ετικέτας SCRIPT Σύντομη περιγραφή Σε αυτό το σενάριο οι μαθητές επισκέπτονται μια σειρά ιστοσελίδων που χρησιμοποιούν client-side scripts. Τον κώδικα αυτών των ιστοσελίδων τον μελετούν στο περιβάλλον του Macromedia Dreamweaver, όπου υπό την καθοδήγηση του καθηγητή τους γνωρίζουν τη δυνατότητα ενσωμάτωσης εφαρμογών σεναρίων που εκτελούνται στην πλευρά του εξυπηρετητή μέσω της ετικέτας SCRIPT. Έπειτα, επισκέπτονται ιστοσελίδες που περιλαμβάνουν βιβλιοθήκες έτοιμων εφαρμογών και στο περιβάλλον του Dreamweaver ενσωματώνουν κάποιες από αυτές στον κώδικα των σελίδων που είχαν δημιουργήσει στα προηγούμενα σενάρια. Ένταξη Δραστηριότητας στο Αναλυτικό Πρόγραμμα Σπουδών Τάξη: Τομέας: Γνωστικό Αντικείμενο: ΠΛΗΡΟΦΟΡΙΚΗΣ-ΔΙΚΤΥΩΝ Η/Υ ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ Διδακτική ενότητα: Διδακτικές ώρες: 2 Διδακτικοί Στόχοι για το Σενάριο Μετά το πέρας της εκπαιδευτικής δραστηριότητας οι μαθητές θα είναι σε θέση να: CONCEPTUM AE 65

66 αναγνωρίζουν στο κώδικα μιας ιστοσελίδας το τμήμα που αφορά ένα clientside script. γνωρίζουν τη λειτουργία και τη δομή ορισμένων client-side script. εισάγουν σε μια ιστοσελίδα ένα client-side script από αρχείο. Διδακτική προσέγγιση Στο συγκεκριμένο σενάριο οι μαθητές χωρίζονται σε ομάδες των 2-3 ατόμων. Η επιλογή των ατόμων της κάθε ομάδας θα γίνεται σύμφωνα με τη κρίση του καθηγητή με βασικό κριτήριο την καλύτερη συνεργασία και την αποτελεσματικότητα. Προτείνεται οι μαθητές να εναλλάσσουν ρόλους κατά τη διάρκεια της υλοποίησης των δραστηριοτήτων του φύλλου εργασίας. Εργαλεία ΤΠΕ που αξιοποιούνται στο πλαίσιο του σεναρίου Internet Explorer Dreamweaver Διδακτική διαδικασία του σεναρίου Δραστηριότητα 1 Ο καθηγητής εξηγεί στους μαθητές την έννοια του client-side script και για να βοηθήσει στη καλύτερη κατανόησή της καθοδηγεί τους μαθητές στη προσπάθειά τους να εντοπίσουν client-side scripts μέσα στις ιστοσελίδες των ιστοτόπων που επισκέπτονται. Στη συνέχεια, αποθηκεύουν ορισμένες από αυτές τις ιστοσελίδες και τις ανοίγουν με το Dreamweaver, σε ταυτόχρονη προβολή του παράθυρου κώδικα HTML και του παράθυρου σχεδιασμού της ιστοσελίδας. Επίσης, επιχειρούν να εξετάσουν το τμήμα του κώδικα που βρίσκεται μεταξύ της ετικέτας έναρξης <script> και της ετικέτας τερματισμού </script>. Τέλος, αναζητούν αρχεία με προέκταση.js στους φακέλους αρχείων των αποθηκευμένων ιστοσελίδων και εξετάζουν τη δομή τους. Ενδεικτικά προτείνονται οι ακόλουθες ιστοσελίδες: CONCEPTUM AE 66

67 Δραστηριότητα 2 Δημιουργούμε μια κενή ιστοσελίδα με το Dreamweaver. Στη συνέχεια επιλέγουμε σε ταυτόχρονη προβολή του παράθυρου κώδικα HTML και του παράθυρου σχεδιασμού της ιστοσελίδας. Στο παράθυρο κώδικα HTML τοποθετούμε μετά στην ετικέτα έναρξης <body> το ακόλουθο script: <script type="text/javascript"> document.write("δοκιμαστικό script"); </script> Αφού παρουσιαστεί η δομή και η λειτουργία του script από το καθηγητή χρησιμοποιούμε το πλήκτρο F12 για να κάνουμε προεπισκόπηση της ιστοσελίδας. Επιστρέφουμε στο παράθυρο κώδικα HTML και τοποθετούμε την ετικέτα <h1> πριν και μετά το τέλος του κειμένου: <script type="text/javascript"> document.write( <h1>δοκιμαστικό script</h1>"); </script> Αφού εξηγήσουμε τη λειτουργία της ετικέτας <h1>, χρησιμοποιούμε το πλήκτρο F12 για να κάνουμε προεπισκόπηση της ιστοσελίδας. CONCEPTUM AE 67

68 Δραστηριότητα 3 Στην ιστοσελίδα που έχουμε ήδη κατασκευάσει προσθέτουμε τον ακόλουθο script στο παράθυρο κώδικα HTML. <script type="text/javascript"> var name = prompt("πληκτρολόγησε το ονομά σου", " "); document.write(name); </script> Εξηγούμε τη δομή και τη λειτουργία του παραπάνω script. Επιστρέφουμε στο ίδιο script και προσθέτουμε (οι προσθήκες δίνονται σε έντονη γραμματοσειρά) τον ακόλουθο κώδικα: <script type="text/javascript"> document.write("<h1>δοκιμαστικό script</h1>"); var name = prompt("πληκτρολόγησε το ονομά σου", " "); document.write(name); document.write("<p><h3>ο αριθμός των χαρακτήρων του ονόματος είναι:</h3></p>"); document.write(name.length); </script> Εξηγούμε τη δομή και τη λειτουργία του παραπάνω script και χρησιμοποιούμε το πλήκτρο F12 για να κάνουμε προεπισκόπηση της ιστοσελίδας. Δραστηριότητα 4 Υπάρχει η δυνατότητα να ορίσουμε και συναρτήσεις που μπορούν να χρησιμοποιηθούν μέσα σε ένα javascript. Για να το πετύχουμε αυτό, θα πρέπει κατ CONCEPTUM AE 68

69 αρχήν να ορίσουμε στο τμήμα HEAD της ιστοσελίδας την συνάρτηση. Στην ιστοσελίδα που έχουμε δημιουργήσει τροποποιούμε (οι τροποποιήσεις δίνονται σε έντονη γραμματοσειρά) το κώδικα όπως φαίνεται παρακάτω: <head> <script type="text/javascript"> function message() { alert("h διαδικασία ολοκληρώθηκε!"); } </script> </head>... <body> <script type="text/javascript"> document.write("<h1>δοκιμαστικό script</h1>"); var name = prompt("πληκτρολόγησε το όνομά σου", " "); document.write(name); document.write("<p><h3>ο αριθμός των χαρακτήρων του ονόματος είναι:</h3></p>"); document.write(name.length); alert(message()); </script> </body> Εξηγούμε τις προσθήκες που έχουμε κάνει στο κώδικα του script και χρησιμοποιούμε το πλήκτρο F12 για να κάνουμε προεπισκόπηση της ιστοσελίδας. Δραστηριότητα 5 Εκτός από τη πληκτρολόγηση, μπορούμε να εισάγουμε javascripts σε μια ιστοσελίδα και από αρχείο. Ένα τέτοιο αρχείο μπορούμε εύκολα να το δημιουργήσουμε με τη βοήθεια ενός επεξεργαστή κειμένου. Χρησιμοποιώντας τον επεξεργαστή κειμένου CONCEPTUM AE 69

70 Notepad πληκτρολογούμε το ακόλουθο script και το αποθηκεύουμε σε αρχείο κειμένου με την ονομασία script.js. function go() { window.location=document.getelementbyid("menu").value; } Ανοίγουμε με το Dreamweaver την ιστοσελίδα που έχουμε δημιουργήσει και επιλέγουμε σε ταυτόχρονη προβολή του παράθυρου κώδικα HTML και του παράθυρου σχεδιασμού της ιστοσελίδας. Στο παράθυρο κώδικα HTML τοποθετούμε μεταξύ της ετικέτας έναρξης <head> και τερματισμού </head> τον ακόλουθο κώδικα: </script> <script type="text/javascript" src="script1.js"> </script> Mεταξύ της ετικέτας έναρξης <body> και τερματισμού </body> προσθέτουμε τον ακόλουθο κώδικα: <form> <select id="menu" onchange="go()"> <option>--select a page--</option> <option value="http://www.thessalonikicity.gr/">δήμος Θεσσαλονίκης</option> <option value="http://www.pireasnet.gr/">δήμος Πειραιά</option> <option value="http://www.kalymnos-isl.gr/portal/gr/index.php">δήμος Καλύμνιων</option> </select> </form> Εξηγούμε τις προσθήκες που έχουμε κάνει στο κώδικα του script και χρησιμοποιούμε το πλήκτρο F12 για να κάνουμε προεπισκόπηση της ιστοσελίδας. CONCEPTUM AE 70

71 Προσοχή: το αρχείο script1.js θα πρέπει να αποθηκευτεί στον ίδιο φάκελο αρχείων με τη ιστοσελίδα που έχουμε δημιουργήσει. CONCEPTUM AE 71

72 Σενάριο Εκπαιδευτικών Δραστηριοτήτων 9 9. Project ανάπτυξης και Δημοσίευση ιστοσελίδας Σύντομη περιγραφή Το σενάριο χωρίζεται σε δύο μέρη. Οι μαθητές χωρίζονται σε ομάδες και επιλέγουν μέσα από μια έτοιμη θεματολογία ένα θέμα για το οποίο θα δημιουργήσουν μια ιστοσελίδα. Στο πρώτο μέρος του σεναρίου οι ομάδες συλλέγουν το υλικό της ιστοσελίδας και προχωρούν στον σχεδιασμό της. Για τον σχεδιασμό της χρησιμοποιούν το λογισμικό Macromedia Dreamweaver και ακολουθούν συγκεκριμένες προδιαγραφές ενσωμάτωσης στοιχείων που έχουν γνωρίσει σε προηγούμενα σενάρια, όπως εικόνες, πίνακες, πλαίσια και απλά σκριπτ. Στο δεύτερο μέρος του σεναρίου οι μαθητές παρουσιάζουν τις ιστοσελίδες τους στις υπόλοιπες ομάδες και η τάξη επιλέγει την καλύτερη/ πιο ενδιαφέρουσα. Ο καθηγητής χρησιμοποιώντας το Dreamweaver επιδεικνύει τον τρόπο οργάνωσης και αποθήκευσης των αρχείων ιστοσελίδων σε web εγκατάσταση. Στο τέλος του σεναρίου οι μαθητές ακολουθούν την ίδια διαδικασία για την δημοσίευση της ιστοσελίδας που είχαν δημιουργήσει. Ένταξη Δραστηριότητας στο Αναλυτικό Πρόγραμμα Σπουδών Τάξη: Τομέας: Γνωστικό Αντικείμενο: ΠΛΗΡΟΦΟΡΙΚΗΣ-ΔΙΚΤΥΩΝ Η/Υ ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ CONCEPTUM AE 72

73 Διδακτική ενότητα: Διδακτικές ώρες: 2 Διδακτικοί Στόχοι Μετά το πέρας των εκπαιδευτικών δραστηριοτήτων οι μαθητές θα είναι σε θέση να: αναζητούν πληροφορίες στο διαδίκτυο σχετικές με το θέμα του ιστοτόπου που θέλουν να δημιουργήσουν οργανώνουν τις πληροφορίες που συγκέντρωσαν βάση ενός συγκεκριμένου σχεδίου διαμόρφωσης ιστοτόπου. δημοσιεύουν τον ιστότοπο στο διαδίκτυο Διδακτική προσέγγιση Στο συγκεκριμένο σενάριο οι μαθητές χωρίζονται σε ομάδες των 2-3 ατόμων. Η επιλογή των ατόμων της κάθε ομάδας θα γίνεται σύμφωνα με τη κρίση του καθηγητή με βασικό κριτήριο την καλύτερη συνεργασία και την αποτελεσματικότητα. Εργαλεία ΤΠΕ που αξιοποιούνται στο πλαίσιο του σεναρίου Internet Explorer Dreamweaver Διδακτική διαδικασία του σεναρίου Δραστηριότητα 1 Οι μαθητές επιλέγουν σε συνεργασία με το καθηγητή το θέμα του ιστοτόπου που θα δημιουργήσουν. Ακολουθεί η ανάλυση του θέματος σε ενότητες και η συλλογή δεδομένων για την κάθε ενότητα. Στη προσπάθειά τους αυτή μπορούν να χρησιμοποιήσουν τη τεράστια βάση δεδομένων που τους προσφέρει το διαδίκτυο. Ιστότοποι από πανεπιστήμια, βιβλιοθήκες, εταιρείες, οργανισμούς προσφέρουν μεγάλο όγκο πληροφοριών που θα μπορούσαν κάτω από κατάλληλη επεξεργασία να CONCEPTUM AE 73

74 αποτελέσουν το περιεχόμενο του υπό διαμόρφωση ιστοτόπου. Ενδεικτικά προτείνουμε ορισμένες τέτοιες πηγές πληροφοριών στο πίνακα που ακολουθεί: Αφού συγκεντρώσουμε τα δεδομένα που χρειαζόμαστε αρχίζουμε την ταξινόμηση και ομαδοποίησή τους. Για τη καλύτερη οργάνωση τους θα ήταν καλό να γίνει η τοποθέτηση των αρχείων σε φακέλους αρχείων ανάλογα με τη θεματική ενότητα στην οποία ανήκουν. Σε κάθε ενότητα του θέματος αντιστοιχεί και από ένας φάκελος. Όλοι οι επιμέρους φάκελοι εμπεριέχονται σε ένα κεντρικό φάκελο αρχείων που αντιστοιχεί στο σύνολο του υλικού που έχει συγκεντρωθεί για το συγκεκριμένο θέμα. Ενδεικτικά θα μπορούσαμε να αναλύσουμε ένα θέμα σε πέντε ενότητες. Σε αυτή τη περίπτωση το υλικό θα συγκεντρωνόταν σε πέντε επιμέρους φακέλους αρχείων που θα περιλαμβάνονταν σε ένα κεντρικό φάκελο αρχείων όπως δείχνει το παρακάτω σχέδιο: Φάκελος 4 ης ενότητας Φάκελος 5 ης ενότητας Κεντρικός φάκελος Φάκελος 2 ης ενότητας Φάκελος 3 ης ενότητας Φάκελος 1 ης ενότητας Δραστηριότητα 2 Αφού ταξινομήσουμε το υλικό που έχουμε συγκεντρώσει μπορούμε να το επεξεργαστούμε, έτσι ώστε η πληροφορία που θα δημοσιευθεί στο διαδίκτυο να είναι CONCEPTUM AE 74

75 ευπαρουσίαστη και να μεταφορτώνεται (download) γρήγορα στο φυλλομετρητή (web browser) των επισκεπτών του ιστοτόπου. Για αυτό το λόγο ακολουθούμε τις παρακάτω ενέργειες: - ορίζουμε συγκεκριμένες διαστάσεις για τις εικόνες που θα τοποθετήσουμε στις ιστοσελίδες. Σε περίπτωση που η πρωτογενής εικόνα υπερβαίνει αυτές τις διαστάσεις φροντίζουμε, με τη χρήση ειδικών εφαρμογών επεξεργασίας εικόνας, να την προσαρμόσουμε στις συγκεκριμένες διαστάσεις. - αποθηκεύουμε τις εικόνες σε συμπιεσμένη μορφή (πχ.jpg). - προσαρμόζουμε τα κείμενα στον ίδιο τύπο και στο ίδιο μέγεθος γραμματοσειράς. - χρησιμοποιούμε ξεχωριστή οναματολογία κατά την διαδικασία της αποθήκευσης για το επεξεργασμένο υλικό. Δραστηριότητα 3 Αφού συγκεντρώσουμε και αρχειοθετήσουμε το υλικό που θα χρησιμοποιήσουμε για τη δημιουργία του ιστοτόπου, επιλέγουμε στη συνέχεια το πρότυπο σχέδιο βάση του οποίου θα κατασκευάσουμε το συγκεκριμένο ιστότοπο. Μπορούμε να χρησιμοποιήσουμε το παρακάτω σκελετό πλαισίων πάνω στον οποίο θα δομηθούν οι ιστοσελίδες του ιστοτόπου. CONCEPTUM AE 75

76 ΙΣΤΟΣΕΛΙΔΑ ΤΙΤΛΟΣ ΙΣΤΟΣΕΛΙΔΑ ΕΧΕΙ ΜΕ ΤΟ MENU EΠΙΛΟΓΗΣ ΤΩΝ ΕΝΟΤΗΤΩΝ ΙΣΤΟΣΕΛΙΔΑ ΤΗΣ ΘΕΜΑΤΙΚΗΣ ΕΝΟΤΗΤΑΣ ΠΟΥ ΕΠΙΛΕΓΕΙ ΑΠΟ ΤΟ MENU ΕΠΙΛΟΓΗΣ Δραστηριότητα 4 Ακολουθεί η σύνθεση των ιστοσελίδων που θα τοποθετηθούν μέσα στον ιστότοπο. Εάν για την κάθε θεματική ενότητα συνθέσουμε μια ιστοσελίδα, τότε θα χρειαστούμε συνολικά οκτώ ιστοσελίδες: - πέντε για τις θεματικές ενότητες - μια για το τίτλο - μια για το menu επιλογής των ιστοσελίδων των ενοτήτων CONCEPTUM AE 76

77 - μια για το σκελετό των πλαισίων πάνω στον οποίο θα δομηθούν οι υπόλοιπες ιστοσελίδες Για τη σύνθεση των ιστοσελίδων θα χρησιμοποιήσουμε το υλικό που έχουμε ήδη συγκεντρώσει. Σε κάθε ιστοσελίδα, ανάλογα με τις ανάγκες και το σχεδιασμό που έχουμε κάνει, μπορούμε να εισάγουμε client side scripts, αρχεία πολυμέσων, κείμενο, εικόνες, φόρμες με πεδία και πλαίσια εισαγωγής κειμένου. Για να πετύχουμε τα προαναφερόμενα χρησιμοποιούμε μεθοδολογίες που γνωρίσαμε στα προηγούμενα σενάρια. Κάθε ιστοσελίδα αποθηκεύεται στο κεντρικό φάκελο αρχείων που φιλοξενεί τους υπόλοιπους επιμέρους φακέλους των θεματικών ενοτήτων. Όταν ολοκληρώσουμε το σχεδιασμό των ιστοσελίδων και τις συνδέσουμε μεταξύ τους, μέσω της ιστοσελίδας με το σκελετό των πλαισίων, τις αποθηκεύουμε στο κεντρικό φάκελο αρχείων και κάνουμε προεπισκόπηση για να δούμε τα αποτελέσματα των ενεργειών μας στο web browser. Ας σημειωθεί εδώ ότι η ιστοσελίδα με το σκελετό των πλαισίων θα πρέπει φέρει την ονομασία index.html Δραστηριότητα 5 Μετά τη σύνθεση και την αποθήκευση των ιστοσελίδων και αφού ελέγξουμε, κάνοντας προεπισκόπηση, την τελική μορφή τους, προχωράμε στη διαδικασία δημοσίευσή τους στο διαδίκτυο. Από το menu επιλογών «Site» (ιστότοπος) επιλέγουμε «New Site» (βλ. Εικόνα 1). CONCEPTUM AE 77

78 Εικόνα 1. Menu Site Στη συνέχεια, τοποθετούμε ένα όνομα για το Site και τη διεύθυνσή του στο internet. Απαντούμε στις ερωτήσεις που ακολουθούν και στο ερώτημα για το που θέλουμε να αποθηκεύουμε τα αρχεία στον Η/Υ, επιλέγουμε το κεντρικό φάκελο αρχείων που έχουμε δημιουργήσει για τον ιστοτοπό που σκοπεύουμε να δημοσιεύσουμε στο διαδίκτυο. Ακολουθεί ο προσδιορισμός του τρόπου διασύνδεσης (για τη μεταφορά αρχείων) με τον server, ο οποίος θα φιλοξενήσει τον ιστότοπο. Καλούμαστε επίσης να προσδιορίσουμε το όνομα του φακέλου αρχείων του server, όπου θα μεταφέρουμε τα αρχεία του ιστοτόπου που έχουμε αποθηκευμένα στο δικό μας Η/Υ. Εφόσον έχουμε τοποθετήσει σωστά τις παραμέτρους που μας ζητήθηκαν στη δημιουργία του Site, επιλέγουμε «Synchronize Sitewide» από το menu επιλογών «Site». Επιλέγουμε το όνομα του Site που έχουμε δημιουργήσει και στη συνέχεια «Preview» (βλ. Εικόνα 2). CONCEPTUM AE 78

79 Εικόνα 2. Menu για το συγχρονισμό των αρχείων του ιστοτόπου από τον δικό μας Η/Υ προς τον Server. Θα εμφανιστεί ένα πίνακας με τα αρχεία που περιέχονται στο κεντρικό φάκελο αρχείων που έχουμε δημιουργήσει στον ηλεκτρονικό υπολογιστή μας για τον ιστότοπο που θέλουμε να δημιουργήσουμε (βλ. Εικόνα 3). Εικόνα 3. Πίνακας αρχείων προς συγχρονισμό μεταξύ τοπικού Η/Υ και Server Από το παραπάνω πίνακα επιλέγουμε με το εικονίδιο, μέρος ή το σύνολο των αρχείων που θέλουμε να στείλουμε στο Server και στη συνέχεια με το button OK προχωράμε προς τη μεταφορά των αρχείων. CONCEPTUM AE 79

ADOBE DREAMWEAVER CS3 TEΤΡΑΔΙΟ ΜΑΘΗΤΗ

ADOBE DREAMWEAVER CS3 TEΤΡΑΔΙΟ ΜΑΘΗΤΗ ΥΠΟΥΡΓΕΙΟ ΕΘΝΙΚΗΣ ΠΑΙΔΕΙΑΣ ΚΑΙ ΘΡΗΣΚΕΥΜΑΤΩΝ ADOBE CS3 TEΤΡΑΔΙΟ ΜΑΘΗΤΗ ΠΑΡΑΓΩΓΗ Το παρόν εκπονήθηκε στο πλαίσιο του Υποέργου 13 «Προσαρμογή Λογισμικού-Φάση ΙΙΙ» της Πράξης «Επαγγελματικό λογισμικό στην

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

Οδηγίες για προσθήκη 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 δεν περιλαμβάνουν στο μενού τη δυνατότητα δημιουργίας πολλαπλών

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

Επεξεργασία πολλαπλών φύλλων εργασίας - Γραφημάτων Excel

Επεξεργασία πολλαπλών φύλλων εργασίας - Γραφημάτων Excel Επεξεργασία πολλαπλών φύλλων εργασίας - Γραφημάτων Excel 11.1. Πολλαπλά φύλλα εργασίας Στο προηγούμενο κεφάλαιο δημιουργήσαμε ένα φύλλο εργασίας με τον προϋπολογισμό δαπανών του προσωπικού που θα συμμετάσχει

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

Στο παράθυρο που θα εµφανιστεί πατήστε το κουµπί Unzip.

Στο παράθυρο που θα εµφανιστεί πατήστε το κουµπί Unzip. Το αρχείο EstateWeb 4.0.2.exe περιέχει την εγκατάσταση της εφαρµογής σε συµπιεσµένη µορφή. Για αυτό το λόγο θα πρέπει πρώτα να αποσυµπιέσετε τα αρχεία της εγκατάστασης στον σκληρό σας δίσκο. Κάντε διπλό

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

Ευ ομή. Εγχειρίδιο χρήσης του περιβάλλοντος LT125-dp

Ευ ομή. Εγχειρίδιο χρήσης του περιβάλλοντος LT125-dp Ευ ομή Εγχειρίδιο χρήσης του περιβάλλοντος LT125-dp Περιεχόμενα 1. Χειρισμός του περιβάλλοντος LT125-dp Εγκατάσταση & Τρέξιμο Χειρισμός της ψηφιακής εφαρμογής Πλοήγηση στο περιεχόμενο Αλλαγή του μεγέθους

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

ΔΗ Μ Ι Ο ΥΡ Γ Ι Α 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 είναι ένας δικτυακός τόπος στον οποίο κάθε χρήστης έχει το δικαίωμα να δημιουργήσει

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

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

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

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

Περιεχόμενα. Περιβάλλον ηλεκτρονικού υπολογιστή...9 Επιφάνεια εργασίας...12 Διαχείριση αρχείων...15 Ιοί Η/Υ...21 Διαχείριση εκτυπώσεων...

Περιεχόμενα. Περιβάλλον ηλεκτρονικού υπολογιστή...9 Επιφάνεια εργασίας...12 Διαχείριση αρχείων...15 Ιοί Η/Υ...21 Διαχείριση εκτυπώσεων... Περιεχόμενα Περιβάλλον ηλεκτρονικού υπολογιστή...9 Επιφάνεια εργασίας...12 Διαχείριση αρχείων...15 Ιοί Η/Υ...21 Διαχείριση εκτυπώσεων...22 Περιβάλλον ηλεκτρονικού υπολογιστή...23 Επιφάνεια εργασίας...26

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

Μορφοποίηση εικόνων. Εισαγωγή. Στόχος κεφαλαίου

Μορφοποίηση εικόνων. Εισαγωγή. Στόχος κεφαλαίου Περιεχόμενα Κεφάλαιο 1: Προετοιμασία παρουσίασης...1 Κεφάλαιο 2: Διαχείριση διαφανειών...18 Κεφάλαιο 3: Διαχείριση γραφικών...31 Κεφάλαιο 4: Επεξεργασία εικόνων με το Adobe Photoshop...56 Κεφάλαιο 5: Μορφοποίηση

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

ΤΟ MICROSOFT WORD XP. Ας ξεκινήσουμε λοιπόν!

ΤΟ MICROSOFT WORD XP. Ας ξεκινήσουμε λοιπόν! XP ΚΑΡΤΕΛΑ ΕΡΓΑΣΙΑΣ 1 Το Microsoft Word είναι ένα πρόγραμμα στον υπολογιστή που σας βοηθά να γράφετε όμορφα κείμενα στα οποία μπορείτε να προσθέσετε εικόνες, γραφικά ακόμα και ήχους. Aφού γράψετε ένα κείμενο,

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

Σύντομη περιγραφή 5. Για να ξεκινήσετε 6. Οι οθόνες του προγράμματος 8. Εγκατάσταση προγράμματος 6 Δημιουργία κωδικών χρήστη 7

Σύντομη περιγραφή 5. Για να ξεκινήσετε 6. Οι οθόνες του προγράμματος 8. Εγκατάσταση προγράμματος 6 Δημιουργία κωδικών χρήστη 7 Σύντομη περιγραφή 5 Για να ξεκινήσετε 6 Εγκατάσταση προγράμματος 6 Δημιουργία κωδικών χρήστη 7 Οι οθόνες του προγράμματος 8 Αρχική οθόνη 8 Στοιχεία ασθενή 9 Εργασίες - Ραντεβού 10 Εικόνες 11 Ημερολόγιο

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

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

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

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

Πίνακες, περιγράµµατα και σκίαση

Πίνακες, περιγράµµατα και σκίαση Πίνακες, περιγράµµατα και σκίαση Οι πίνακες Οι πίνακες είναι ορθογώνια πλαίσια που χωρίζονται σε γραµµές και στήλες. Η τοµή µιας γραµµής µε µια στήλη προσδιορίζει ένα κελί. Τα στοιχεία, που παρουσιάζουµε,

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

ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ ΔΙΑΧΕΙΡΙΣΗ ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ

ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ ΔΙΑΧΕΙΡΙΣΗ ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ ΔΙΑΧΕΙΡΙΣΗ Περιγραφή και επεξήγηση της χρήσης του χώρου διαχείρισης της ιστοσελίδας για τους καλλιτέχνες 1 Περιεχόμενα Είσοδος στο χώρο διαχείρισης...3 Επεξεργασία της σελίδας

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

ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΣΕ ΔΙΣΚΕΤΑ ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΑΠΟ ΔΙΣΚΕΤΑ. Από τον κατάλογο που εμφανίζεται επιλέγω: Αποστολή προς Δισκέτα (3,5)

ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΣΕ ΔΙΣΚΕΤΑ ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΑΠΟ ΔΙΣΚΕΤΑ. Από τον κατάλογο που εμφανίζεται επιλέγω: Αποστολή προς Δισκέτα (3,5) ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΣΕ ΔΙΣΚΕΤΑ ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΑΠΟ ΔΙΣΚΕΤΑ Τοποθετώ μια δισκέτα στον οδηγό τη δισκέτας του υπολογιστή. Τοποθετώ τη δισκέτα που έχει το αρχείο μου στον οδηγό τη δισκέτας του υπολογιστή.

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

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

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

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

ΕΓΧΕΙΡΙΔΙΟ WEBCAM STATION EVOLUTION

ΕΓΧΕΙΡΙΔΙΟ WEBCAM STATION EVOLUTION ΕΓΧΕΙΡΙΔΙΟ WEBCAM STATION EVOLUTION ΠΕΡΙΕΧΟΜΕΝΑ Κάνοντας κλικ σε έναν τίτλο σε αυτόν τον πίνακα περιεχομένων, θα εμφανιστεί η αντίστοιχη παράγραφος 1. 2. 3. ΕΙΣΑΓΩΓΗ 3 ΡΥΘΜΙΣΗ ΗΧΟΥ ΚΑΙ ΒΙΝΤΕΟ 4 ΕΜΦΑΝΙΣΗ

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

Ψηφιακή Εκπαιδευτική Πλατφόρμα, Διαδραστικά Βιβλία και Αποθετήριο Μαθησιακών Αντικειμένων

Ψηφιακή Εκπαιδευτική Πλατφόρμα, Διαδραστικά Βιβλία και Αποθετήριο Μαθησιακών Αντικειμένων Ψηφιακή Εκπαιδευτική Πλατφόρμα, Διαδραστικά Βιβλία και Αποθετήριο Μαθησιακών Αντικειμένων ΑΝΑΖΗΤΗΣΗ ΣΤΟ ΦΩΤΟΔΕΝΤΡΟ Για να αναζητήσετε Μαθησιακά Αντικείμενα στο Φωτόδεντρο χρησιμοποιείστε το πεδίο εισαγωγής

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

B) Ετοιμάζοντας μια Παρουσίαση

B) Ετοιμάζοντας μια Παρουσίαση B) Ετοιμάζοντας μια Παρουσίαση Τι είναι μια παρουσίαση με τη βοήθεια ηλεκτρονικού υπολογιστή Ο υπολογιστής με την κατάλληλη εφαρμογή, μπορεί να μας βοηθήσει στη δημιουργία εντυπωσιακών εγγράφων, διαφανειών

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

Ο ΗΓΟΣ ΧΡΗΣΗΣ Kidspiration 2.1

Ο ΗΓΟΣ ΧΡΗΣΗΣ Kidspiration 2.1 Ο ΗΓΟΣ ΧΡΗΣΗΣ Kidspiration 2.1 Το Κidspiration είναι ένα πρόγραμμα το οποίο σας βοηθά να κατασκευάζετε διαγράμματα-χάρτες εννοιών. Μπορείτε να εμπλουτίσετε τα σχεδιαγράμματά σας με ήχους και εικόνες. Ας

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

ΚΕΦΑΛΑΙΟ ΙΙ. OpenOffice 3.x Calc

ΚΕΦΑΛΑΙΟ ΙΙ. OpenOffice 3.x Calc ΚΕΦΑΛΑΙΟ ΙΙ OpenOffice 3.x Calc Στόχοι: Με τη βοήθεια του οδηγού αυτού ο εκπαιδευόμενος θα μπορεί να: χρησιμοποιεί τα βασικά εργαλεία του Calc κατασκευάζει πίνακες δημιουργεί φόρμουλες υπολογισμού κατασκευάζει

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

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

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

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

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

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

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

POWERPOINT 2003. Είναι το δημοφιλέστερο πρόγραμμα παρουσιάσεων.

POWERPOINT 2003. Είναι το δημοφιλέστερο πρόγραμμα παρουσιάσεων. POWERPOINT 2003 1. Τι είναι το PowerPoint (ppt)? Είναι το δημοφιλέστερο πρόγραμμα παρουσιάσεων. 2. Τι δυνατότητες έχει? Δημιουργία παρουσίασης. Μορφοποίηση παρουσίασης. Δημιουργία γραφικών. Δημιουργία

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

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

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

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

Πώς εισάγουμε μια νέα έννοια χρησιμοποιώντας το εργαλείο Create

Πώς εισάγουμε μια νέα έννοια χρησιμοποιώντας το εργαλείο Create Inspiration 8 IE Β ήμα προς Βήμα Για μαθητές Έναρξη Προγράμματος Inspiration 1. Κάνουμε κλικ στο κουμπί Start, επιλέγουμε Programs και κάνουμε κλικ στο Inspiration 8 IE. 2. Στην αρχική οθόνη του προγράμματος

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

Movie Maker (Δημιουργία βίντεο)

Movie Maker (Δημιουργία βίντεο) Movie Maker (Δημιουργία βίντεο) - Με πόσους τρόπους μπορούμε να διηγηθούμε μια ιστορία; - Μπορούμε να την πούμε ο ένας στον άλλο. - Μπορούμε να την γράψουμε. - Μπορούμε να τη ζωγραφίσουμε κομμάτι-κομμάτι.

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

<BODY></a> </h3> <p> <img alt="<HTML> <HEAD> <TITLE> <BODY>" title="<HTML> <HEAD> <TITLE> <BODY>" class="news-block-img pull-right" src="/thumbs/26/2082816.jpg"> ΑΣΚΗΣΗ 1 1. Ανοίξτε τον επεξεργαστή ιστοσελίδων 2. Αποθηκεύστε στο X:/mathimata/html/askiseis/ με όνομα askisi1b.html 3. Θα φτιάξουμε μια νέα ιστοσελίδα, χρησιμοποιώντας τις βασικές ετικέτες </p> <a href="/2082816-Html-head-title-body.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2157316-Odigos-symplirosis-ananeosis-istoselidas-prosopikoy-profil-gia-hrisi-apo-to-prosopiko-toy-panepistimio-kyproy.html">ΟΔΗΓΟΣ ΣΥΜΠΛΗΡΩΣΗΣ / ΑΝΑΝΕΩΣΗΣ ΙΣΤΟΣΕΛΙΔΑΣ ΠΡΟΣΩΠΙΚΟΥ ΠΡΟΦΙΛ. (Για χρήση από το προσωπικό του Πανεπιστήμιο Κύπρου)</a> </h3> <p> <img alt="ΟΔΗΓΟΣ ΣΥΜΠΛΗΡΩΣΗΣ / ΑΝΑΝΕΩΣΗΣ ΙΣΤΟΣΕΛΙΔΑΣ ΠΡΟΣΩΠΙΚΟΥ ΠΡΟΦΙΛ. (Για χρήση από το προσωπικό του Πανεπιστήμιο Κύπρου)" title="ΟΔΗΓΟΣ ΣΥΜΠΛΗΡΩΣΗΣ / ΑΝΑΝΕΩΣΗΣ ΙΣΤΟΣΕΛΙΔΑΣ ΠΡΟΣΩΠΙΚΟΥ ΠΡΟΦΙΛ. (Για χρήση από το προσωπικό του Πανεπιστήμιο Κύπρου)" class="news-block-img pull-right" src="/thumbs/24/2157316.jpg"> ΟΔΗΓΟΣ ΣΥΜΠΛΗΡΩΣΗΣ / ΑΝΑΝΕΩΣΗΣ ΙΣΤΟΣΕΛΙΔΑΣ ΠΡΟΣΩΠΙΚΟΥ ΠΡΟΦΙΛ (Για χρήση από το προσωπικό του Πανεπιστήμιο Κύπρου) Περιεχόμενα Είσοδος στο Σύστημα... 2 Προσθήκη/αλλαγή φωτογραφίας... 3 Ενημέρωση των στοιχείων </p> <a href="/2157316-Odigos-symplirosis-ananeosis-istoselidas-prosopikoy-profil-gia-hrisi-apo-to-prosopiko-toy-panepistimio-kyproy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9931864-6-eisagogi-sto-wordpress-3-x.html">6 Εισαγωγή στο Wordpress 3.x</a> </h3> <p> <img alt="6 Εισαγωγή στο Wordpress 3.x" title="6 Εισαγωγή στο Wordpress 3.x" class="news-block-img pull-right" src="/thumbs/27/9931864.jpg"> Περιεχόμενα 1 Εγκατάσταση του WordPress... 11 Ελάχιστες απαιτήσεις... 11 Easy PHP... 12 Εγκατάσταση Easy PHP... 12 Βήματα εγκατάστασης EasyPHP με εικόνες... 13 Το EasyPHP στα Ελληνικά... 17 Κατέβασμα και </p> <a href="/9931864-6-eisagogi-sto-wordpress-3-x.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5412150-Gnoriste-to-horo-ergasias-toy-powerpoint.html">Γνωρίστε το χώρο εργασίας του PowerPoint</a> </h3> <p> <img alt="Γνωρίστε το χώρο εργασίας του PowerPoint" title="Γνωρίστε το χώρο εργασίας του PowerPoint" class="news-block-img pull-right" src="/thumbs/25/5412150.jpg"> Γνωρίστε το χώρο εργασίας του PowerPoint Για να εκκινήσουμε το Office PowerPoint 2007 ακολουθούμε τα εξής βήματα: Έναρξη à Όλα τα προγράμματα PowerPoint 2007. à Microsoft Office à Microsoft Office Όταν </p> <a href="/5412150-Gnoriste-to-horo-ergasias-toy-powerpoint.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7781799-Olokliromenes-draseis-provolis-dimosiotitas-gia-to-dimo-arhanon-asteroysion-egheiridio-hrisis-paroysiasi.html">Ολοκληρωμένες Δράσεις προβολής δημοσιότητας για το Δήμο Αρχανών Αστερουσίων Εγχειρίδιο Χρήσης - Παρουσίαση</a> </h3> <p> <img alt="Ολοκληρωμένες Δράσεις προβολής δημοσιότητας για το Δήμο Αρχανών Αστερουσίων Εγχειρίδιο Χρήσης - Παρουσίαση" title="Ολοκληρωμένες Δράσεις προβολής δημοσιότητας για το Δήμο Αρχανών Αστερουσίων Εγχειρίδιο Χρήσης - Παρουσίαση" class="news-block-img pull-right" src="/thumbs/26/7781799.jpg"> Novel Tech «Μέλος του Επιστημονικού & Τεχνολογικού Πάρκου Κρήτης» http://www.noveltech.gr info@noveltech.gr Ολοκληρωμένες Δράσεις προβολής δημοσιότητας για το Δήμο Αρχανών Αστερουσίων Εγχειρίδιο Χρήσης </p> <a href="/7781799-Olokliromenes-draseis-provolis-dimosiotitas-gia-to-dimo-arhanon-asteroysion-egheiridio-hrisis-paroysiasi.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2272443-Odigies-gia-tin-egkatastasi-toy-paketoy-cygwin.html">Οδηγίες για την εγκατάσταση του πακέτου Cygwin</a> </h3> <p> <img alt="Οδηγίες για την εγκατάσταση του πακέτου Cygwin" title="Οδηγίες για την εγκατάσταση του πακέτου Cygwin" class="news-block-img pull-right" src="/thumbs/24/2272443.jpg"> Οδηγίες για την εγκατάσταση του πακέτου Cygwin Ακολουθήστε τις οδηγίες που περιγράφονται σε αυτό το file μόνο αν έχετε κάποιο laptop ή desktop PC που τρέχουν κάποιο version των Microsoft Windows. 1) Copy </p> <a href="/2272443-Odigies-gia-tin-egkatastasi-toy-paketoy-cygwin.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10818316-Vodafone-business-connect.html">Vodafone Business Connect</a> </h3> <p> <img alt="Vodafone Business Connect" title="Vodafone Business Connect" class="news-block-img pull-right" src="/thumbs/27/10818316.jpg"> Vodafone Business Connect Vodafone Business WebHosting Αναλυτικός Οδηγός Χρήσης Advanced Template Manager Αναλυτικός οδηγός χρήσης: Advanced template Manager Vodafone Business Connect - Υπηρεσίες φιλοξενίας </p> <a href="/10818316-Vodafone-business-connect.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8212150-Gnostikoi-stohoi-meta-to-telos-tis-praktikis-oi-mathites-prepei-na-mporoyn-na.html">Γνωστικοί στόχοι: Μετά το τέλος της πρακτικής, οι μαθητές πρέπει να μπορούν να:</a> </h3> <p> <img alt="Γνωστικοί στόχοι: Μετά το τέλος της πρακτικής, οι μαθητές πρέπει να μπορούν να:" title="Γνωστικοί στόχοι: Μετά το τέλος της πρακτικής, οι μαθητές πρέπει να μπορούν να:" class="news-block-img pull-right" src="/thumbs/26/8212150.jpg"> ΣΧΟΛΕΙΟ Με αφόρμηση τα ενημερωτικά σποτ του ιστότοπου http://www.saferinternet.gr οι μαθητές εντοπίζουν αρχικά τα κυριότερα προβλήματα που σχετίζονται με τη μη ορθή χρήση του Διαδικτύου. Στη συνέχεια αφού </p> <a href="/8212150-Gnostikoi-stohoi-meta-to-telos-tis-praktikis-oi-mathites-prepei-na-mporoyn-na.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3961649-Efarmoges-pliroforikis-diaheirisi-arheion-i-ennoia-toy-arheioy-vasikes-ennoies-diaheirisis-arheion.html">Εφαρμογές Πληροφορικής Διαχείριση Αρχείων Η έννοια του αρχείου, βασικές έννοιες διαχείρισης αρχείων.</a> </h3> <p> <img alt="Εφαρμογές Πληροφορικής Διαχείριση Αρχείων Η έννοια του αρχείου, βασικές έννοιες διαχείρισης αρχείων." title="Εφαρμογές Πληροφορικής Διαχείριση Αρχείων Η έννοια του αρχείου, βασικές έννοιες διαχείρισης αρχείων." class="news-block-img pull-right" src="/thumbs/24/3961649.jpg"> Εφαρμογές Πληροφορικής Διαχείριση Αρχείων Η έννοια του αρχείου, βασικές έννοιες διαχείρισης αρχείων. Ορισμός Ένα αρχείο είναι ένα σύνολο από σχετιζόμενες πληροφορίες οι οποίες έχουν αποθηκευτεί σε κάποιο </p> <a href="/3961649-Efarmoges-pliroforikis-diaheirisi-arheion-i-ennoia-toy-arheioy-vasikes-ennoies-diaheirisis-arheion.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7860052-Periehomena-meros-1-vasikes-ennoies-tis-pliroforikis-13-prologos-11.html">Περιεχόμενα. Μέρος 1: Βασικές έννοιες της πληροφορικής... 13. Πρόλογος... 11</a> </h3> <p> <img alt="Περιεχόμενα. Μέρος 1: Βασικές έννοιες της πληροφορικής... 13. Πρόλογος... 11" title="Περιεχόμενα. Μέρος 1: Βασικές έννοιες της πληροφορικής... 13. Πρόλογος... 11" class="news-block-img pull-right" src="/thumbs/26/7860052.jpg"> Περιεχόμενα Πρόλογος... 11 Μέρος 1: Βασικές έννοιες της πληροφορικής... 13 1.1 Windows XP... 15 1.2 Επιφάνεια εργασίας... 19 1.3 Γραμμή εργασιών... 24 1.4 Χειρισμός παραθύρων... 30 1.5 Μενού... 36 1.6 </p> <a href="/7860052-Periehomena-meros-1-vasikes-ennoies-tis-pliroforikis-13-prologos-11.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1361536-Spoydes-cad-pliroforikis-oikonomias-dioikisis-kai-d-t-p-me-systima-didaskalias-facetoface.html">Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface</a> </h3> <p> <img alt="Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface" title="Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface" class="news-block-img pull-right" src="/thumbs/22/1361536.jpg"> Copyright 2009-2012 -SYSTEM- All rights reserved 2/159 ΠΕΡΙΕΧΟΜΕΝΑ Μάθημα 1: New - Save Μάθημα 2: Εισαγωγή στη CSS Μάθημα 3: Τρόπος Σύνταξης Μάθημα 4: Σχόλια Μάθημα 5: ID Μάθημα 6: Class Μάθημα 7: Background </p> <a href="/1361536-Spoydes-cad-pliroforikis-oikonomias-dioikisis-kai-d-t-p-me-systima-didaskalias-facetoface.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9854486-Manager-side-bar-mia-alli-leitoyrgia-einai-to-xypnitiri-mporeite-na-orisete-ton-hrono-ypenthymisis-meta-tin-lixi-toy-hronoy-tha-eidopoiitheite-ihitika.html">MANAGER SIDE BAR. Μία άλλη λειτουργία είναι το ξυπνητήρι. Μπορείτε να ορίσετε τον χρόνο υπενθύμισης. Μετά την λήξη του χρόνου θα ειδοποιηθείτε ηχητικά</a> </h3> <p> <img alt="MANAGER SIDE BAR. Μία άλλη λειτουργία είναι το ξυπνητήρι. Μπορείτε να ορίσετε τον χρόνο υπενθύμισης. Μετά την λήξη του χρόνου θα ειδοποιηθείτε ηχητικά" title="MANAGER SIDE BAR. Μία άλλη λειτουργία είναι το ξυπνητήρι. Μπορείτε να ορίσετε τον χρόνο υπενθύμισης. Μετά την λήξη του χρόνου θα ειδοποιηθείτε ηχητικά" class="news-block-img pull-right" src="/thumbs/27/9854486.jpg"> MANAGER SIDE BAR Η Manager side bar είναι μία εφαρμογή σχεδιασμένη να προσφέρει μια σειρά από λειτουργίες και ευκολίες σε κάθε χρήστη Η/Υ προχωρημένο ή αρχάριο. Βασική λειτουργία της εφαρμογής είναι ότι </p> <a href="/9854486-Manager-side-bar-mia-alli-leitoyrgia-einai-to-xypnitiri-mporeite-na-orisete-ton-hrono-ypenthymisis-meta-tin-lixi-toy-hronoy-tha-eidopoiitheite-ihitika.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10503834-Odigies-gia-ti-hrisi-toy-google-drive.html">Οδηγίες για τη Χρήση του Google Drive</a> </h3> <p> <img alt="Οδηγίες για τη Χρήση του Google Drive" title="Οδηγίες για τη Χρήση του Google Drive" class="news-block-img pull-right" src="/thumbs/27/10503834.jpg"> Οδηγίες για τη Χρήση του Google Drive Χαρπαντίδου Ζαχαρούλα Επιμορφώτρια Β επιπέδου ΠΕ 19-20 Υπεύθυνη ΚΕ.ΠΛΗ.ΝΕ.Τ. Δράμας 2013 Περιεχόμενα Δημιουργία λογαριασμού στο Google Drive. 3 Διαχείριση του GoogleDrive.. </p> <a href="/10503834-Odigies-gia-ti-hrisi-toy-google-drive.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/139797-Egheiridio-leitoyrgias-trapezas-hronoy.html">Εγχειρίδιο Λειτουργίας Τράπεζας Χρόνου</a> </h3> <p> <img alt="Εγχειρίδιο Λειτουργίας Τράπεζας Χρόνου" title="Εγχειρίδιο Λειτουργίας Τράπεζας Χρόνου" class="news-block-img pull-right" src="/thumbs/17/139797.jpg"> Εγχειρίδιο Λειτουργίας Τράπεζας Χρόνου Bee Group Α.Ε. [Type the company name] [Pick the date] Εγχειρίδιο λειτουργίας Τράπεζας Χρόνου 2 ΠΕΡΙΕΧΟΜΕΝΑ 1. Αρχική Σελίδα... 3 2. Δημιουργία Λογαριασμού... 3 3. </p> <a href="/139797-Egheiridio-leitoyrgias-trapezas-hronoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3961905-Periehomena-perivallon-ilektronikoy-ypologisti-9-epifaneia-ergasias-12-diaheirisi-arheion-15-ioi-i-y-21-diaheirisi-ektyposeon.html">Περιεχόμενα. Περιβάλλον ηλεκτρονικού υπολογιστή...9 Επιφάνεια εργασίας...12 Διαχείριση αρχείων...15 Ιοί Η/Υ...21 Διαχείριση εκτυπώσεων...</a> </h3> <p> <img alt="Περιεχόμενα. Περιβάλλον ηλεκτρονικού υπολογιστή...9 Επιφάνεια εργασίας...12 Διαχείριση αρχείων...15 Ιοί Η/Υ...21 Διαχείριση εκτυπώσεων..." title="Περιεχόμενα. Περιβάλλον ηλεκτρονικού υπολογιστή...9 Επιφάνεια εργασίας...12 Διαχείριση αρχείων...15 Ιοί Η/Υ...21 Διαχείριση εκτυπώσεων..." class="news-block-img pull-right" src="/thumbs/24/3961905.jpg"> Περιεχόμενα Περιβάλλον ηλεκτρονικού υπολογιστή...9 Επιφάνεια εργασίας...12 Διαχείριση αρχείων...15 Ιοί Η/Υ...21 Διαχείριση εκτυπώσεων...22 Περιβάλλον ηλεκτρονικού υπολογιστή...23 Επιφάνεια εργασίας...26 </p> <a href="/3961905-Periehomena-perivallon-ilektronikoy-ypologisti-9-epifaneia-ergasias-12-diaheirisi-arheion-15-ioi-i-y-21-diaheirisi-ektyposeon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4916933-Menoy-provoli-provoles-eggrafoy.html">Μενού Προβολή. Προβολές εγγράφου</a> </h3> <p> <img alt="Μενού Προβολή. Προβολές εγγράφου" title="Μενού Προβολή. Προβολές εγγράφου" class="news-block-img pull-right" src="/thumbs/25/4916933.jpg"> Μενού Προβολή Προβολές εγγράφου Το Word παρέχει πέντε διαφορετικού είδους προβολές στον χρήστη, οι οποίες και βρίσκονται στο μενού Προβολή (View). Εναλλακτικά μπορούμε να επιλέξουμε το είδος προβολής που </p> <a href="/4916933-Menoy-provoli-provoles-eggrafoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2455951-Blog-sto-wordpress-epimeleia-deggleri-sofia.html">Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία</a> </h3> <p> <img alt="Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία" title="Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία" class="news-block-img pull-right" src="/thumbs/24/2455951.jpg"> Blog στο Wordpress Επιμέλεια: Δέγγλερη Σοφία Περιεχόμενα Μετάβαση στο blog Σύνδεση ως διαχειριστής Πίνακας ελέγχου Εμφάνιση Ρυθμίσεις Άρθρα Σελίδες Πολυμέσα Σύνδεσμοι Widgets Μετάβαση στο blog Πληκτρολογούμε </p> <a href="/2455951-Blog-sto-wordpress-epimeleia-deggleri-sofia.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10949182-Tehnologies-diadiktyoy-exaskitheite-stin-html.html">Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML)</a> </h3> <p> <img alt="Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML)" title="Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML)" class="news-block-img pull-right" src="/thumbs/27/10949182.jpg"> Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML) 1. Δημιουργία μιας απλής σελίδας HTML Ανοίξτε το Notepad ακολουθώντας τη διαδρομή Start All Programs Accessories Notepad Πληκτρολογήστε το ακόλουθο κείμενο: </p> <a href="/10949182-Tehnologies-diadiktyoy-exaskitheite-stin-html.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2997974-1-ta-tmimata-tis-epifaneias-ergasias-ton-windows.html">1. Τα τμήματα της επιφάνειας εργασίας των Windows</a> </h3> <p> <img alt="1. Τα τμήματα της επιφάνειας εργασίας των Windows" title="1. Τα τμήματα της επιφάνειας εργασίας των Windows" class="news-block-img pull-right" src="/thumbs/24/2997974.jpg"> 1. Τα τμήματα της επιφάνειας εργασίας των Windows Εικονίδια συντομεύσεων (αρχείου-φακέλου) Εικονίδια Ανενεργά Ενεργό Επιφάνεια (αρχείου-φακέλου) παράθυρα παράθυρο εργασίας Γραμμή μενού Γραμμή εργαλείων </p> <a href="/2997974-1-ta-tmimata-tis-epifaneias-ergasias-ton-windows.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/843052-Sitebuilder-platforma-aytonomis-kataskeyis-diaheirisis-diktyakon-topon-website-egheiridio-hrisis-version-2-0.html">SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0</a> </h3> <p> <img alt="SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0" title="SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0" class="news-block-img pull-right" src="/thumbs/18/843052.jpg"> SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ Version 2.0 Περιεχόμενα 1. Οδηγίες πρόσβασης... 3 2. Οδηγίες Σχεδιασμού Website... 4 2.1. Έναρξη... </p> <a href="/843052-Sitebuilder-platforma-aytonomis-kataskeyis-diaheirisis-diktyakon-topon-website-egheiridio-hrisis-version-2-0.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2998176-Stellarium-egheiridio-odigion.html">Stellarium Εγχειρίδιο Οδηγιών</a> </h3> <p> <img alt="Stellarium Εγχειρίδιο Οδηγιών" title="Stellarium Εγχειρίδιο Οδηγιών" class="news-block-img pull-right" src="/thumbs/24/2998176.jpg"> Προϋποθέσεις συστήματος: Windows (XP, Vista, 7) με DirectX 9.x και τελευταίες ServicePack ή MacOS X 10.3.x (ή υψηλότερη), κάρτα γραφικών 3D με υποστήριξη OpenGL, ελάχ. 512 MB RAM, 1 GB διαθέσιμος χώρος </p> <a href="/2998176-Stellarium-egheiridio-odigion.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12564208-Tei-kavalas-ptyhiaki-ergasia-eisagogi-miltiadis-kaklamanis.html">ΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης</a> </h3> <p> <img alt="ΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης" title="ΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης" class="news-block-img pull-right" src="/thumbs/28/12564208.jpg"> Σελίδα 1από ΤΕΙ ΚΑΒΑΛΑΣ Πτυχιακή εργασία Δικτυακή Εφαρμογή διαχείρισης ηλεκτρονικών εγγράφων υπηρεσίας. ΕΙΣΑΓΩΓΗ Μιλτιάδης Κακλαμάνης Σελίδα 2από Κατάλογος περιεχομένων ΕΙΣΑΓΩΓΗ...1 Σχετιζόμενα πρόσωπα...3 </p> <a href="/12564208-Tei-kavalas-ptyhiaki-ergasia-eisagogi-miltiadis-kaklamanis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7816783-Egheiridio-diaheirisis-hriston-kai-liston-dianomis-gia-ton-ypeythyno-forea-toy-diktyoy-syzeyxis-1.html">Εγχειρίδιο διαχείρισης χρηστών και λιστών διανομής για τον Υπεύθυνο Φορέα του Δικτύου "Σύζευξις" -1-</a> </h3> <p> <img alt="Εγχειρίδιο διαχείρισης χρηστών και λιστών διανομής για τον Υπεύθυνο Φορέα του Δικτύου Σύζευξις -1-" title="Εγχειρίδιο διαχείρισης χρηστών και λιστών διανομής για τον Υπεύθυνο Φορέα του Δικτύου Σύζευξις -1-" class="news-block-img pull-right" src="/thumbs/26/7816783.jpg"> -1- 1 Διαχείριση Χρηστών...3 1.1 Υπηρεσίες...5 1.1.1 Δημιουργία νέου χρήστη...6 1.1.2 Αναζήτηση χρήστη...7 1.1.2 Επεξεργασία στοιχείων χρήστη...8 1.1.3 Δημιουργία /Επεξεργασία mailbox plan...10 1.1.4 Ενεργοποίηση </p> <a href="/7816783-Egheiridio-diaheirisis-hriston-kai-liston-dianomis-gia-ton-ypeythyno-forea-toy-diktyoy-syzeyxis-1.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3754525-Efarmogi-ilektronikis-ypovolis-diloseon-e9-odigies-hrisis.html">Εφαρμογή Ηλεκτρονικής Υποβολής Δηλώσεων Ε9. Οδηγίες Χρήσης</a> </h3> <p> <img alt="Εφαρμογή Ηλεκτρονικής Υποβολής Δηλώσεων Ε9. Οδηγίες Χρήσης" title="Εφαρμογή Ηλεκτρονικής Υποβολής Δηλώσεων Ε9. Οδηγίες Χρήσης" class="news-block-img pull-right" src="/thumbs/24/3754525.jpg"> Εφαρμογή Ηλεκτρονικής Υποβολής Δηλώσεων Ε9 Οδηγίες Χρήσης Πίνακας Περιεχομένων 1. Αρχική οθόνη... 3 2. Αρχική Οθόνη Πιστοποιημένου Χρήστη... 4 2.1. Οριστικοποίηση της Περιουσιακής Εικόνας... 5 2.2. Καρτέλες </p> <a href="/3754525-Efarmogi-ilektronikis-ypovolis-diloseon-e9-odigies-hrisis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3584182-Egheiridio-hrisis-grs-1.html">ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ GRS-1</a> </h3> <p> <img alt="ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ GRS-1" title="ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ GRS-1" class="news-block-img pull-right" src="/thumbs/24/3584182.jpg"> ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ GRS-1 Σελίδα 1 ΓΕΝΙΚΑ - ΕΙΣΑΓΩΓΗ Το GRS-1 της TOPCON διαθέτει λειτουργικό σύστημα Windows CE NET 6.1 παρέχοντας την δυνατότητα εγκατάστασης οποιασδήποτε εφαρμογής και λογισμικού έκδοσης </p> <a href="/3584182-Egheiridio-hrisis-grs-1.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7781750-Microsoft-powerpoint-2007.html">Microsoft PowerPoint 2007</a> </h3> <p> <img alt="Microsoft PowerPoint 2007" title="Microsoft PowerPoint 2007" class="news-block-img pull-right" src="/thumbs/26/7781750.jpg"> Information Technology Services and Solutions Σύμβουλοι Μηχανογράφησης και Εκπαίδευσης Στεφ. Σκουλούδη 27, Καλλίπολη, Πειραιάς 210 45 38 177 http://www.itss.gr/ Microsoft PowerPoint 2007 Κωνσταντίνος Κωβαίος </p> <a href="/7781750-Microsoft-powerpoint-2007.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10620976-O-igies-document-designer.html">Ο ΗΓΙΕΣ DOCUMENT DESIGNER</a> </h3> <p> <img alt="Ο ΗΓΙΕΣ DOCUMENT DESIGNER" title="Ο ΗΓΙΕΣ DOCUMENT DESIGNER" class="news-block-img pull-right" src="/thumbs/27/10620976.jpg"> Ο ΗΓΙΕΣ DOCUMENT DESIGNER ΕΙΣΑΓΩΓΗ Εάν δεν επιθυµείτε να χρησιµοποιείτε τις προσχεδιασµένες φόρµες εντύπων της Singular, η εργασία αυτή σας δίνει τη δυνατότητα να σχεδιάζετε φόρµες µε βάση τις οποίες επιθυµείτε </p> <a href="/10620976-O-igies-document-designer.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7412502-Pos-tha-kataskeyaso-to-proto-programma.html">Πως θα κατασκευάσω το πρώτο πρόγραμμα;</a> </h3> <p> <img alt="Πως θα κατασκευάσω το πρώτο πρόγραμμα;" title="Πως θα κατασκευάσω το πρώτο πρόγραμμα;" class="news-block-img pull-right" src="/thumbs/26/7412502.jpg"> Εργαστήριο Δομημένος Προγραμματισμός (C#) Τμήμα Μηχανολογίας Νικόλαος Ζ. Ζάχαρης Καθηγητής Εφαρμογών Σκοπός Να γίνει εξοικείωση το μαθητών με τον ΗΥ και το λειτουργικό σύστημα. - Επίδειξη του My Computer </p> <a href="/7412502-Pos-tha-kataskeyaso-to-proto-programma.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11941917-Epilysi-provlimatos-me-access.html">Επίλυση προβλήματος με Access</a> </h3> <p> <img alt="Επίλυση προβλήματος με Access" title="Επίλυση προβλήματος με Access" class="news-block-img pull-right" src="/thumbs/27/11941917.jpg"> Δ.1. Το προς επίλυση πρόβλημα Ζητείται να κατασκευάσετε τα αρχεία και τα προγράμματα μιας εφαρμογής καταχώρησης Δαπανών μελών ΔΕΠ (Διδακτικό και Ερευνητικό Προσωπικό) για την παρακολούθηση του απολογισμού </p> <a href="/11941917-Epilysi-provlimatos-me-access.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3962320-Anakalypto-o-ypologistis-stin-praxi.html">Ανακαλύπτω. Ο υπολογιστής στην πράξη!</a> </h3> <p> <img alt="Ανακαλύπτω. Ο υπολογιστής στην πράξη!" title="Ανακαλύπτω. Ο υπολογιστής στην πράξη!" class="news-block-img pull-right" src="/thumbs/24/3962320.jpg"> ΔΗΜΟΣΙΑ ΚΕΝΤΡΙΚΗ ΒΙΒΛΙΟΘΗΚΗ ΛΕΒΑΔΕΙΑΣ ΣΥΛΛΟΓΟΣ «ΦΙΛΟΙ ΒΙΒΛΙΟΘΗΚΗΣ ΛΙΒΑΔΕΙΑΣ» Κατερίνα Κεράστα 2014 Α Μαθαίνω τον υπολογιστή μου Ανακαλύπτω Ο υπολογιστής στην πράξη! Ο υπολογιστής στην πράξη! Επιφάνεια </p> <a href="/3962320-Anakalypto-o-ypologistis-stin-praxi.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12584688-Vaseis-dedomenon-access.html">Βάσεις δεδομένων (Access)</a> </h3> <p> <img alt="Βάσεις δεδομένων (Access)" title="Βάσεις δεδομένων (Access)" class="news-block-img pull-right" src="/thumbs/28/12584688.jpg"> Βάσεις δεδομένων (Access) Όταν εκκινούμε την Access εμφανίζεται το παρακάτω παράθυρο: Κουμπί Κενή βάση δεδομένων Κουμπί του Office Για να φτιάξουμε μια νέα ΒΔ κάνουμε κλικ στο κουμπί «Κενή βάση δεδομένων» </p> <a href="/12584688-Vaseis-dedomenon-access.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10420296-Egheiridio-mathiti-tis-platformas-tilekatartisis.html">ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ. της Πλατφόρμας Τηλεκατάρτισης</a> </h3> <p> <img alt="ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ. της Πλατφόρμας Τηλεκατάρτισης" title="ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ. της Πλατφόρμας Τηλεκατάρτισης" class="news-block-img pull-right" src="/thumbs/27/10420296.jpg"> ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ της Πλατφόρμας Τηλεκατάρτισης ΠΕΡΙΕΧΟΜΕΝΑ 1. Εισαγωγή...2 2. Αρχική σελίδα, Εισαγωγή & Περιβάλλον Συστήματος...3 2.1. Αρχική σελίδα εισαγωγής...3 2.2. Εισαγωγή στην Πλατφόρμα Τηλε-κατάρτισης...4 </p> <a href="/10420296-Egheiridio-mathiti-tis-platformas-tilekatartisis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5532200-Arheio-ektheseon-pragmatognomosynis-egheiridio-hrisis-8-noemvrioy-2014.html">ΑΡΧΕΙΟ ΕΚΘΕΣΕΩΝ ΠΡΑΓΜΑΤΟΓΝΩΜΟΣΥΝΗΣ ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ 8 ΝΟΕΜΒΡΙΟΥ 2014</a> </h3> <p> <img alt="ΑΡΧΕΙΟ ΕΚΘΕΣΕΩΝ ΠΡΑΓΜΑΤΟΓΝΩΜΟΣΥΝΗΣ ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ 8 ΝΟΕΜΒΡΙΟΥ 2014" title="ΑΡΧΕΙΟ ΕΚΘΕΣΕΩΝ ΠΡΑΓΜΑΤΟΓΝΩΜΟΣΥΝΗΣ ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ 8 ΝΟΕΜΒΡΙΟΥ 2014" class="news-block-img pull-right" src="/thumbs/26/5532200.jpg"> 8 ΝΟΕΜΒΡΙΟΥ 2014 ΑΡΧΕΙΟ ΕΚΘΕΣΕΩΝ ΠΡΑΓΜΑΤΟΓΝΩΜΟΣΥΝΗΣ ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ ΝΙΚΟΛΑΟΣ ΜΙΧΑΛΟΔΗΜΗΤΡΑΚΗΣ ΝΙΚΟΛΑΟΣ ΜΙΧΑΛΟΔΗΜΗΤΡΑΚΗΣ - ΠΡΟΓΡΑΜΜΑΤΙΣΤΗΣ ΥΠΗΡΕΣΙΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ Σολωμού 41, 71306, Ηράκλειο Κρήτης τηλ/φαξ: </p> <a href="/5532200-Arheio-ektheseon-pragmatognomosynis-egheiridio-hrisis-8-noemvrioy-2014.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7950945-Odigies-hrisis-classweb-eisagogi-vathmologion-apo-didaskontes-meso-diadiktyoy.html">ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ CLASSWEB Εισαγωγή βαθμολογιών από διδάσκοντες μέσω Διαδικτύου</a> </h3> <p> <img alt="ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ CLASSWEB Εισαγωγή βαθμολογιών από διδάσκοντες μέσω Διαδικτύου" title="ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ CLASSWEB Εισαγωγή βαθμολογιών από διδάσκοντες μέσω Διαδικτύου" class="news-block-img pull-right" src="/thumbs/26/7950945.jpg"> ΠΑΝΕΠΙΣΤΗΜΙΟ ΙΩΑΝΝΙΝΩΝ ΔΙΕΥΘΥΝΣΗ ΜΗΧΑΝΟΡΓΑΝΩΣΗΣ ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ CLASSWEB Εισαγωγή βαθμολογιών από διδάσκοντες μέσω Διαδικτύου Συντάκτες: Παναγιώτα Μπούγια Θεοδώρα Νάνου Ιανουάριος 2015 Περιεχόμενα 1. Εισαγωγή... </p> <a href="/7950945-Odigies-hrisis-classweb-eisagogi-vathmologion-apo-didaskontes-meso-diadiktyoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3669488-Parakato-tha-vreite-tis-vasikes-odigies-gia-tin-dimioyrgia-megalon-arheion-tilefonikon-katalogon-sto-bulk-sms-system.html">Παρακάτω θα βρείτε τις βασικές οδηγίες για την δημιουργία μεγάλων αρχείων τηλεφωνικών καταλόγων στο Bulk sms system:</a> </h3> <p> <img alt="Παρακάτω θα βρείτε τις βασικές οδηγίες για την δημιουργία μεγάλων αρχείων τηλεφωνικών καταλόγων στο Bulk sms system:" title="Παρακάτω θα βρείτε τις βασικές οδηγίες για την δημιουργία μεγάλων αρχείων τηλεφωνικών καταλόγων στο Bulk sms system:" class="news-block-img pull-right" src="/thumbs/24/3669488.jpg"> Αγαπητέ πελάτη, Παρακάτω θα βρείτε τις βασικές οδηγίες για την δημιουργία μεγάλων αρχείων τηλεφωνικών καταλόγων στο Bulk sms system: Τα αρχεία που υποστηρίζει το σύστημα είναι αρχεία κειμένου (.txt) & </p> <a href="/3669488-Parakato-tha-vreite-tis-vasikes-odigies-gia-tin-dimioyrgia-megalon-arheion-tilefonikon-katalogon-sto-bulk-sms-system.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9622422-Simeioseis-toy-seminarioy-dimioyrgia-ekpaideytikoy-istotopoy-me-hrisi-toy-logismikoy-joomla.html">Σημειώσεις του σεμιναρίου: Δημιουργία εκπαιδευτικού ιστότοπου με χρήση του λογισμικού Joomla</a> </h3> <p> <img alt="Σημειώσεις του σεμιναρίου: Δημιουργία εκπαιδευτικού ιστότοπου με χρήση του λογισμικού Joomla" title="Σημειώσεις του σεμιναρίου: Δημιουργία εκπαιδευτικού ιστότοπου με χρήση του λογισμικού Joomla" class="news-block-img pull-right" src="/thumbs/27/9622422.jpg"> Σημειώσεις του σεμιναρίου: Δημιουργία εκπαιδευτικού ιστότοπου με χρήση του λογισμικού Joomla 1 Διδακτική ώρα: 25 η -26 η Στην ενότητα αυτή θα ενσωματώσετε video από το youtube σε ένα άρθρο και επιπλέον </p> <a href="/9622422-Simeioseis-toy-seminarioy-dimioyrgia-ekpaideytikoy-istotopoy-me-hrisi-toy-logismikoy-joomla.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8175104-Benzina-v1-8-1-23-vasikes-odigies-hrisis.html">Benzina v1.8.1.23 Βασικές Οδηγίες Χρήσης</a> </h3> <p> <img alt="Benzina v1.8.1.23 Βασικές Οδηγίες Χρήσης" title="Benzina v1.8.1.23 Βασικές Οδηγίες Χρήσης" class="news-block-img pull-right" src="/thumbs/26/8175104.jpg"> Benzina v1.8.1.23 Βασικές Οδηγίες Χρήσης 1 Οδηγίες Εγκατάστασης Η έκδοση του Benzina που θα εγκατασταθεί είναι συμβατή μόνο με τα λειτουργικά συστήματα Windows 2000/XP ή νεότερα. Γενικά Κάνοντας διπλό </p> <a href="/8175104-Benzina-v1-8-1-23-vasikes-odigies-hrisis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2437131-Odigos-hrisis-i-vivlion-ebsco-vivliothiki-kentro-pliroforisis-panepistimioy-leykosias.html">Οδηγός Χρήσης Η-Βιβλίων EBSCO ΒΙΒΛΙΟΘΗΚΗ & ΚΕΝΤΡΟ ΠΛΗΡΟΦΟΡΗΣΗΣ ΠΑΝΕΠΙΣΤΗΜΙΟΥ ΛΕΥΚΩΣΙΑΣ</a> </h3> <p> <img alt="Οδηγός Χρήσης Η-Βιβλίων EBSCO ΒΙΒΛΙΟΘΗΚΗ & ΚΕΝΤΡΟ ΠΛΗΡΟΦΟΡΗΣΗΣ ΠΑΝΕΠΙΣΤΗΜΙΟΥ ΛΕΥΚΩΣΙΑΣ" title="Οδηγός Χρήσης Η-Βιβλίων EBSCO ΒΙΒΛΙΟΘΗΚΗ & ΚΕΝΤΡΟ ΠΛΗΡΟΦΟΡΗΣΗΣ ΠΑΝΕΠΙΣΤΗΜΙΟΥ ΛΕΥΚΩΣΙΑΣ" class="news-block-img pull-right" src="/thumbs/24/2437131.jpg"> Οδηγός Χρήσης Απρίλιος, 2014 ΠΙΝΑΚΑΣ ΠΕΡΙΕΧΟΜΕΝΩΝ ΠΛΗΡΟΦΟΡΙΕΣ ΓΙΑ ΤΑ ΗΛΕΚΤΡΟΝΙΚΑ ΒΙΒΛΙΑ ΤΗΣ EBSCO... 3 1. ΑΠΑΙΤΗΣΕΙΣ ΣΥΣΤΗΜΑΤΟΣ... 3 ΕΓΚΑΤΑΣΤΑΣΗ ADOBE DIGITAL EDITIONS... 3 2. ΑΝΑΖΗΤΗΣΗ Η-ΒΙΒΛΙΩΝ... 4 </p> <a href="/2437131-Odigos-hrisis-i-vivlion-ebsco-vivliothiki-kentro-pliroforisis-panepistimioy-leykosias.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4505801-Epexergasia-keimenoy-keimenografos-word.html">ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ. Κειμενογράφος WORD</a> </h3> <p> <img alt="ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ. Κειμενογράφος WORD" title="ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ. Κειμενογράφος WORD" class="news-block-img pull-right" src="/thumbs/25/4505801.jpg"> ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ Κειμενογράφος WORD ΣΚΟΠΟΣ Η ανάπτυξη δεξιοτήτων επεξεργασίας κειμένου ΠΡΟΤΑΣΕΙΣ ΚΑΙ ΡΥΘΜΙΣΕΙΣ Άνω περιθώριο (top margin) : 2.49cm Κάτω περιθώριο (bottom margin) :5.99cm Αριστερό περιθώριο </p> <a href="/4505801-Epexergasia-keimenoy-keimenografos-word.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10590737-Odigies-egkatastasis.html">Οδηγίες Εγκατάστασης</a> </h3> <p> <img alt="Οδηγίες Εγκατάστασης" title="Οδηγίες Εγκατάστασης" class="news-block-img pull-right" src="/thumbs/27/10590737.jpg"> Οδηγίες Εγκατάστασης Εισάγετε το DVD στη μονάδα ανάγνωσης DVD του υπολογιστή σας. Περιμένετε λίγα δευτερόλεπτα να εμφανιστεί το παράθυρο εγκατάστασης. Σε περίπτωση που αυτό δεν γίνει αυτόματα, από την </p> <a href="/10590737-Odigies-egkatastasis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4534962-Ergastirio-efarmosmenis-pliroforikis.html">Εργαστήριο Εφαρμοσμένης Πληροφορικής</a> </h3> <p> <img alt="Εργαστήριο Εφαρμοσμένης Πληροφορικής" title="Εργαστήριο Εφαρμοσμένης Πληροφορικής" class="news-block-img pull-right" src="/thumbs/25/4534962.jpg"> Τμήμα Φυσικής - Αριστοτέλειο Πανεπιστήμιο Θεσσαλονίκης Εργαστήριο Εφαρμοσμένης Πληροφορικής Ομάδα Α. Προετοιμασία Αναφοράς Εργασία-2: Σύνθεση αναφοράς Σύνθεση Αναφοράς http://eep.physics.auth.gr Τι περιέχει </p> <a href="/4534962-Ergastirio-efarmosmenis-pliroforikis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/304501-Panepistimio-makedonias-oikonomikon-kai-koinonikon-epistimon-tmima-oikonomikon-epistimon.html">ΠΑΝΕΠΙΣΤΗΜΙΟ ΜΑΚΕΔΟΝΙΑΣ ΟΙΚΟΝΟΜΙΚΩΝ ΚΑΙ ΚΟΙΝΩΝΙΚΩΝ ΕΠΙΣΤΗΜΩΝ ΤΜΗΜΑ ΟΙΚΟΝΟΜΙΚΩΝ ΕΠΙΣΤΗΜΩΝ</a> </h3> <p> <img alt="ΠΑΝΕΠΙΣΤΗΜΙΟ ΜΑΚΕΔΟΝΙΑΣ ΟΙΚΟΝΟΜΙΚΩΝ ΚΑΙ ΚΟΙΝΩΝΙΚΩΝ ΕΠΙΣΤΗΜΩΝ ΤΜΗΜΑ ΟΙΚΟΝΟΜΙΚΩΝ ΕΠΙΣΤΗΜΩΝ" title="ΠΑΝΕΠΙΣΤΗΜΙΟ ΜΑΚΕΔΟΝΙΑΣ ΟΙΚΟΝΟΜΙΚΩΝ ΚΑΙ ΚΟΙΝΩΝΙΚΩΝ ΕΠΙΣΤΗΜΩΝ ΤΜΗΜΑ ΟΙΚΟΝΟΜΙΚΩΝ ΕΠΙΣΤΗΜΩΝ" class="news-block-img pull-right" src="/thumbs/19/304501.jpg"> ΠΑΝΕΠΙΣΤΗΜΙΟ ΜΑΚΕΔΟΝΙΑΣ ΟΙΚΟΝΟΜΙΚΩΝ ΚΑΙ ΚΟΙΝΩΝΙΚΩΝ ΕΠΙΣΤΗΜΩΝ ΤΜΗΜΑ ΟΙΚΟΝΟΜΙΚΩΝ ΕΠΙΣΤΗΜΩΝ ΜΑΘΗΜΑ : Η/Υ I (ενότητα WINDOWS) ΥΠΕΥΘΥΝΟΣ : ΑΝΑΣΤΑΣΙΟΣ ΟΙΚΟΝΟΜΙΔΗΣ, Καθηγητής ΕΡΓΑΣΤΗΡΙΑ : ΘΕΑΝΩ ΧΑΤΖΙΔΑΚΗ, Εργαστηριακό </p> <a href="/304501-Panepistimio-makedonias-oikonomikon-kai-koinonikon-epistimon-tmima-oikonomikon-epistimon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10423058-Synoptiko-egheiridio-hrisis-toy-microsoft-visual-studio-2010.html">Συνοπτικό εγχειρίδιο χρήσης του Microsoft Visual Studio 2010</a> </h3> <p> <img alt="Συνοπτικό εγχειρίδιο χρήσης του Microsoft Visual Studio 2010" title="Συνοπτικό εγχειρίδιο χρήσης του Microsoft Visual Studio 2010" class="news-block-img pull-right" src="/thumbs/27/10423058.jpg"> Τμήμα Πληροφορικής & Επικοινωνιών Τομέας Υπολογιστικών Τεχνικών & Συστημάτων Συνοπτικό εγχειρίδιο χρήσης του Microsoft Visual Studio 2010 Ιωάννης Γεωργουδάκης - Πάρις Μαστοροκώστας Σεπτέμβριος 2011 ΠΕΡΙΕΧΟΜΕΝΑ </p> <a href="/10423058-Synoptiko-egheiridio-hrisis-toy-microsoft-visual-studio-2010.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8175150-Antigrafi-me-hrisi-tis-gyalinis-epifaneias-sarosis.html">Αντιγραφή με χρήση της γυάλινης επιφάνειας σάρωσης</a> </h3> <p> <img alt="Αντιγραφή με χρήση της γυάλινης επιφάνειας σάρωσης" title="Αντιγραφή με χρήση της γυάλινης επιφάνειας σάρωσης" class="news-block-img pull-right" src="/thumbs/26/8175150.jpg"> Γρήγορη αναφορά Αντιγραφή Δημιουργία αντιγράφων Γρήγορη δημιουργία αντιγράφου 3 Στον πίνακα ελέγχου του εκτυπωτή πατήστε το κουμπί αντίγραφο 4 Εάν τοποθετήσατε το έγγραφο στη γυάλινη επιφάνεια σάρωσης </p> <a href="/8175150-Antigrafi-me-hrisi-tis-gyalinis-epifaneias-sarosis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9622369-Odigies-hrisis-tis-platformas-typo3-gia-toys-diaheiristes-istoselidon-ton-tmimaton-toy-panepistimioy-athinon.html">Οδηγίες χρήσης της πλατφόρμας TYPO3. για τους Διαχειριστές Ιστοσελίδων των Τμημάτων του. Πανεπιστημίου Αθηνών</a> </h3> <p> <img alt="Οδηγίες χρήσης της πλατφόρμας TYPO3. για τους Διαχειριστές Ιστοσελίδων των Τμημάτων του. Πανεπιστημίου Αθηνών" title="Οδηγίες χρήσης της πλατφόρμας TYPO3. για τους Διαχειριστές Ιστοσελίδων των Τμημάτων του. Πανεπιστημίου Αθηνών" class="news-block-img pull-right" src="/thumbs/27/9622369.jpg"> Οδηγίες χρήσης της πλατφόρμας TYPO3 για τους Διαχειριστές Ιστοσελίδων των Τμημάτων του Πανεπιστημίου Αθηνών Αθήνα, Φεβρουάριος 2012 Έκδοση 2.0 Οι οδηγίες χρήσης ενημερώθηκαν και προσαρμόστηκαν στις ανάγκες </p> <a href="/9622369-Odigies-hrisis-tis-platformas-typo3-gia-toys-diaheiristes-istoselidon-ton-tmimaton-toy-panepistimioy-athinon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2082644-Ergastirio-front-page-2.html">ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2</a> </h3> <p> <img alt="ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2" title="ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2" class="news-block-img pull-right" src="/thumbs/26/2082644.jpg"> ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2 Μάθαµε στο προηγούµενο µάθηµα πώς να δίνουµε ονόµατα στις ιστοσελίδες µας, να βάζουµε χρώµα και γραφικά, ή ακόµα να δηµιουργούµε υπερσυνδέσµους σε κείµενο και εικόνες. Σήµερα µεταξύ </p> <a href="/2082644-Ergastirio-front-page-2.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/257668-Odigos-hrisis-i-vivlion-ebrary-vivliothiki-kentro-pliroforisis-panepistimioy-leykosias.html">Οδηγός Χρήσης Η-Βιβλίων Ebrary ΒΙΒΛΙΟΘΗΚΗ & ΚΕΝΤΡΟ ΠΛΗΡΟΦΟΡΗΣΗΣ ΠΑΝΕΠΙΣΤΗΜΙΟΥ ΛΕΥΚΩΣΙΑΣ</a> </h3> <p> <img alt="Οδηγός Χρήσης Η-Βιβλίων Ebrary ΒΙΒΛΙΟΘΗΚΗ & ΚΕΝΤΡΟ ΠΛΗΡΟΦΟΡΗΣΗΣ ΠΑΝΕΠΙΣΤΗΜΙΟΥ ΛΕΥΚΩΣΙΑΣ" title="Οδηγός Χρήσης Η-Βιβλίων Ebrary ΒΙΒΛΙΟΘΗΚΗ & ΚΕΝΤΡΟ ΠΛΗΡΟΦΟΡΗΣΗΣ ΠΑΝΕΠΙΣΤΗΜΙΟΥ ΛΕΥΚΩΣΙΑΣ" class="news-block-img pull-right" src="/thumbs/19/257668.jpg"> Οδηγός Χρήσης Μάιος, 2014 TABLE OF CONTENTS ΠΛΗΡΟΦΟΡΙΕΣ ΓΙΑ ΤΑ ΗΛΕΚΤΡΟΝΙΚΑ ΒΙΒΛΙΑ ΤΗΣ EBRARY... 3 1. ΑΠΑΙΤΗΣΕΙΣ ΣΥΣΤΗΜΑΤΟΣ... 3 ΕΓΚΑΤΑΣΤΑΣΗ ADOBE DIGITAL EDITIONS... 3 2. ΔΗΜΙΟΥΡΓΙΑ ΛΟΓΑΡΙΑΣΜΟΥ EBRARY... </p> <a href="/257668-Odigos-hrisis-i-vivlion-ebrary-vivliothiki-kentro-pliroforisis-panepistimioy-leykosias.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5162369-Dimioyrgia-paroysiaseon-power-point.html">Δημιουργία παρουσιάσεων (Power Point)</a> </h3> <p> <img alt="Δημιουργία παρουσιάσεων (Power Point)" title="Δημιουργία παρουσιάσεων (Power Point)" class="news-block-img pull-right" src="/thumbs/25/5162369.jpg"> Δημιουργία παρουσιάσεων (Power Point) Το πρόγραμμα PowerPoint είναι η «αίθουσα προβολών» του Office. Μια προβολή (παρουσίασης) του PowerPoint μπορεί να έχει ως στόχο να ενημερώσει, να διδάξει ή και να </p> <a href="/5162369-Dimioyrgia-paroysiaseon-power-point.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6109823-Periehomena-1-proetoimasia-vivlioy-ergasias-47-2-ergasia-me-dedomena-kai-pinakes-excel-75-eyharisties-11-eisagogi-sto-microsoft-excel-2010.html">Περιεχόμενα. 1 Προετοιμασία βιβλίου εργασίας 47. 2 Εργασία με δεδομένα και πίνακες Excel 75. Ευχαριστίες...11. Εισαγωγή στο Microsoft Excel 2010...</a> </h3> <p> <img alt="Περιεχόμενα. 1 Προετοιμασία βιβλίου εργασίας 47. 2 Εργασία με δεδομένα και πίνακες Excel 75. Ευχαριστίες...11. Εισαγωγή στο Microsoft Excel 2010..." title="Περιεχόμενα. 1 Προετοιμασία βιβλίου εργασίας 47. 2 Εργασία με δεδομένα και πίνακες Excel 75. Ευχαριστίες...11. Εισαγωγή στο Microsoft Excel 2010..." class="news-block-img pull-right" src="/thumbs/25/6109823.jpg"> Περιεχόμενα Ευχαριστίες...11 Εισαγωγή στο Microsoft Excel 2010...13 Τροποποίηση της εμφάνισης της Κορδέλας...29 Χαρακτηριστικά και συμβάσεις του βιβλίου...35 Χρήση των αρχείων εξάσκησης...37 Βοήθεια...41 </p> <a href="/6109823-Periehomena-1-proetoimasia-vivlioy-ergasias-47-2-ergasia-me-dedomena-kai-pinakes-excel-75-eyharisties-11-eisagogi-sto-microsoft-excel-2010.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/532761-Computing-and-information-systems-service-iaheirisi-arheion.html">Computing and Information Systems Service. ιαχείριση Αρχείων</a> </h3> <p> <img alt="Computing and Information Systems Service. ιαχείριση Αρχείων" title="Computing and Information Systems Service. ιαχείριση Αρχείων" class="news-block-img pull-right" src="/thumbs/20/532761.jpg"> ιαχείριση Αρχείων Η διαχείριση αρχείων είναι πολύ σηµαντική για την οργάνωση των αρχείων σας σε φακέλους και την αποθήκευση των αρχείων που συσχετίζονται µεταξύ τους στον ίδιο φάκελο. Αν έχετε πολλά αρχεία, </p> <a href="/532761-Computing-and-information-systems-service-iaheirisi-arheion.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11411912-4-1-anoigma-yparhontos-vivlioy-ergasias.html">4.1 Άνοιγμα υπάρχοντος βιβλίου εργασίας</a> </h3> <p> <img alt="4.1 Άνοιγμα υπάρχοντος βιβλίου εργασίας" title="4.1 Άνοιγμα υπάρχοντος βιβλίου εργασίας" class="news-block-img pull-right" src="/thumbs/27/11411912.jpg"> 4.1 Άνοιγμα υπάρχοντος βιβλίου εργασίας 4.1.1 Άνοιγμα υπάρχοντος βιβλίου εργασίας από βάση δεδομένων Όταν εκκινήσουμε τον Discoverer εμφανίζεται στην οθόνη μας το παράθυρο διαλόγου του βοηθητικού προγράμματος </p> <a href="/11411912-4-1-anoigma-yparhontos-vivlioy-ergasias.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/193971-Metalib-systima-meta-anazitisis-gia-ilektronikes-piges-pliroforisis.html">METALIB Σύστημα μετα-αναζήτησης για ηλεκτρονικές πηγές πληροφόρησης</a> </h3> <p> <img alt="METALIB Σύστημα μετα-αναζήτησης για ηλεκτρονικές πηγές πληροφόρησης" title="METALIB Σύστημα μετα-αναζήτησης για ηλεκτρονικές πηγές πληροφόρησης" class="news-block-img pull-right" src="/thumbs/18/193971.jpg"> METALIB Σύστημα μετα-αναζήτησης για ηλεκτρονικές πηγές πληροφόρησης Βιβλιοθήκη & Κέντρο Πληροφόρησης, Πανεπιστημίου Λευκωσίας E-mail: libithelp@unic.ac.cy Τηλ: 22444772 Έκδοση: Μάρτιος 2013 (ES, GC, KP) </p> <a href="/193971-Metalib-systima-meta-anazitisis-gia-ilektronikes-piges-pliroforisis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3725998-Spss-statistical-package-for-the-social-sciences.html">SPSS Statistical Package for the Social Sciences</a> </h3> <p> <img alt="SPSS Statistical Package for the Social Sciences" title="SPSS Statistical Package for the Social Sciences" class="news-block-img pull-right" src="/thumbs/24/3725998.jpg"> SPSS Statistical Package for the Social Sciences Ξεκινώντας την εφαρμογή Εισαγωγή εδομένων Ορισμός Μεταβλητών Εισαγωγή περίπτωσης και μεταβλητής ιαγραφή περιπτώσεων ή και μεταβλητών ΣΤΑΤΙΣΤΙΚΗ Αθανάσιος </p> <a href="/3725998-Spss-statistical-package-for-the-social-sciences.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10080383-Tomeas-hlektronikis-epaggelmatiko-logismiko-stin-tee-epimorfosi-kai-efarmogi-seminario-2.html">ΤΟΜΕΑΣ HΛΕΚΤΡΟΝΙΚΗΣ. Επαγγελματικό λογισμικό στην ΤΕΕ: Επιμόρφωση και Εφαρμογή ΣΕΜΙΝΑΡΙΟ 2</a> </h3> <p> <img alt="ΤΟΜΕΑΣ HΛΕΚΤΡΟΝΙΚΗΣ. Επαγγελματικό λογισμικό στην ΤΕΕ: Επιμόρφωση και Εφαρμογή ΣΕΜΙΝΑΡΙΟ 2" title="ΤΟΜΕΑΣ HΛΕΚΤΡΟΝΙΚΗΣ. Επαγγελματικό λογισμικό στην ΤΕΕ: Επιμόρφωση και Εφαρμογή ΣΕΜΙΝΑΡΙΟ 2" class="news-block-img pull-right" src="/thumbs/27/10080383.jpg"> ΤΟΜΕΑΣ HΛΕΚΤΡΟΝΙΚΗΣ Επαγγελματικό λογισμικό στην ΤΕΕ: Επιμόρφωση και Εφαρμογή ΣΕΜΙΝΑΡΙΟ 2 Εκπαίδευση στα Λογισμικά Adobe Premiere Pro CS3 και Visual Basic ΕΓΧΕΙΡΙΔΙΟ ΕΠΙΜΟΡΦΩΤΗ Το παρόν εκπονήθηκε στο </p> <a href="/10080383-Tomeas-hlektronikis-epaggelmatiko-logismiko-stin-tee-epimorfosi-kai-efarmogi-seminario-2.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3858593-Sholi-koinonikon-epistimon-tmima-politismikis-tehnologias-kai-epikoinonias.html">Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας</a> </h3> <p> <img alt="Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας" title="Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας" class="news-block-img pull-right" src="/thumbs/24/3858593.jpg"> Πανεπιστήμιο Αιγαίου Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας Δικτυακά Πολυμέσα Ι (Β Έτος, 3ο εξ) Διάλεξη #5η: HTML: πίνακες (tables), πλαίσια (frames) Γαβαλάς Δαμιανός </p> <a href="/3858593-Sholi-koinonikon-epistimon-tmima-politismikis-tehnologias-kai-epikoinonias.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/67003-Vaseis-dedomenon-access.html">Βάσεις δεδομένων (Access)</a> </h3> <p> <img alt="Βάσεις δεδομένων (Access)" title="Βάσεις δεδομένων (Access)" class="news-block-img pull-right" src="/thumbs/17/67003.jpg"> Βάσεις δεδομένων (Access) Όταν εκκινούμε την Access εμφανίζεται το παρακάτω παράθυρο: Για να φτιάξουμε μια νέα ΒΔ κάνουμε κλικ στην επιλογή «Κενή βάση δεδομένων» στο Παράθυρο Εργασιών. Θα εμφανιστεί το </p> <a href="/67003-Vaseis-dedomenon-access.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1322819-Kefalaio-ii-openoffice-3-x-impress.html">ΚΕΦΑΛΑΙΟ ΙΙ. OpenOffice 3.x Impress</a> </h3> <p> <img alt="ΚΕΦΑΛΑΙΟ ΙΙ. OpenOffice 3.x Impress" title="ΚΕΦΑΛΑΙΟ ΙΙ. OpenOffice 3.x Impress" class="news-block-img pull-right" src="/thumbs/22/1322819.jpg"> ΚΕΦΑΛΑΙΟ ΙΙ OpenOffice 3.x Impress Στόχοι: Με τη βοήθεια του οδηγού αυτού ο εκπαιδευόμενος θα μπορεί να: χρησιμοποιεί τα εργαλεία του Impress για δημιουργία παρουσιάσεων εμπλουτίζει τις παρουσιάσεις με </p> <a href="/1322819-Kefalaio-ii-openoffice-3-x-impress.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11033477-Joomla-with-k2-user-guide.html">Joomla! with K2 - User Guide</a> </h3> <p> <img alt="Joomla! with K2 - User Guide" title="Joomla! with K2 - User Guide" class="news-block-img pull-right" src="/thumbs/27/11033477.jpg"> Joomla! with K2 - User Guide τελευταία ανανέωση: 27/03/2014 από την ICAP WEB Solutions 1 Η κατασκευή της δυναμικής σας ιστοσελίδας έχει ολοκληρωθεί και μπορείτε πλέον να προχωρήσετε σε αλλαγές ή προσθήκες </p> <a href="/11033477-Joomla-with-k2-user-guide.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/540674-Eisagogi-stin-pliroforiki-ergastirio.html">ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ ΕΡΓΑΣΤΗΡΙΟ</a> </h3> <p> <img alt="ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ ΕΡΓΑΣΤΗΡΙΟ" title="ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ ΕΡΓΑΣΤΗΡΙΟ" class="news-block-img pull-right" src="/thumbs/20/540674.jpg"> TEXNOΛΟΓΙΚΟ EΚΠΑΙΔΕΥΤΙΚΟ ΙΔΡΥΜΑ ΣΕΡΡΩΝ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΚΩΝ ΕΦΑΡΜΟΓΩΝ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ & ΕΠΙΚΟΙΝΩΝΙΩΝ ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ ΕΡΓΑΣΤΗΡΙΟ Σημειώσεις Εργαστηρίου για το Δρ. Ευάγγελος Φιλιππίδης ΣΕΡΡΕΣ, </p> <a href="/540674-Eisagogi-stin-pliroforiki-ergastirio.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12370189-6-to-mikro-vivlio-gia-to-elliniko-word-2010.html">6 Το μικρό βιβλίο για το ελληνικό Word 2010</a> </h3> <p> <img alt="6 Το μικρό βιβλίο για το ελληνικό Word 2010" title="6 Το μικρό βιβλίο για το ελληνικό Word 2010" class="news-block-img pull-right" src="/thumbs/27/12370189.jpg"> Περιεχόμενα Κεφάλαιο 1 Microsoft Word 2010... 7 Κεφάλαιο 2 ημιουργία νέου εγγράφου... 13 Κεφάλαιο 3 Το σύστημα Βοήθειας του Office... 26 Κεφάλαιο 4 Μετακίνηση σε έγγραφο και προβολές εγγράφου... 31 Κεφάλαιο </p> <a href="/12370189-6-to-mikro-vivlio-gia-to-elliniko-word-2010.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2572359-K-a-el-e-simeioseis-epano-ston-epexergasti-keimenoy-microsoft-word-eisigitis-haritonidis-georgios-volos-noemvrios-2008.html">Κ.Α.ΕΛ.Ε. Σημειώσεις επάνω στοn επεξεργαστή κειμένου Microsoft Word. Εισηγητής: Χαριτωνίδης Γεώργιος. Βόλος, Νοέμβριος 2008</a> </h3> <p> <img alt="Κ.Α.ΕΛ.Ε. Σημειώσεις επάνω στοn επεξεργαστή κειμένου Microsoft Word. Εισηγητής: Χαριτωνίδης Γεώργιος. Βόλος, Νοέμβριος 2008" title="Κ.Α.ΕΛ.Ε. Σημειώσεις επάνω στοn επεξεργαστή κειμένου Microsoft Word. Εισηγητής: Χαριτωνίδης Γεώργιος. Βόλος, Νοέμβριος 2008" class="news-block-img pull-right" src="/thumbs/24/2572359.jpg"> Κ.Α.ΕΛ.Ε. Σημειώσεις επάνω στοn επεξεργαστή κειμένου Microsoft Word Βόλος, Νοέμβριος 2008 To Microsoft Word (έκδοση 2003) είναι ένας εξελιγμένος επεξεργαστής κειμένου, με τον οποίο μπορούμε να δημιουργήσουμε </p> <a href="/2572359-K-a-el-e-simeioseis-epano-ston-epexergasti-keimenoy-microsoft-word-eisigitis-haritonidis-georgios-volos-noemvrios-2008.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/322502-Hrisi-i-y-diaheirisi-arheion.html">Χρήση Η/Υ & Διαχείριση Αρχείων</a> </h3> <p> <img alt="Χρήση Η/Υ & Διαχείριση Αρχείων" title="Χρήση Η/Υ & Διαχείριση Αρχείων" class="news-block-img pull-right" src="/thumbs/19/322502.jpg"> Χρήση Η/Υ & Διαχείριση Αρχείων Άσκηση 1: Επιλέξτε τη σωστή απάντηση 1. Ποιες από τις παρακάτω πορείες μας οδηγούν στο να επανεκκινήσουμε τον υπολογιστή μας; o Έναρξη Τερματισμός Επανεκκίνηση o Ctrl + Alt </p> <a href="/322502-Hrisi-i-y-diaheirisi-arheion.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2572031-Epexergasia-keimenoy-microsoft-word.html">Επεξεργασία Κειμένου - Microsoft Word</a> </h3> <p> <img alt="Επεξεργασία Κειμένου - Microsoft Word" title="Επεξεργασία Κειμένου - Microsoft Word" class="news-block-img pull-right" src="/thumbs/24/2572031.jpg"> Επεξεργασία Κειμένου - Microsoft Word 1) Έναρξη 1.1) Εκκίνηση Για να ξεκινήσουμε το Word, πατάμε στο κουμπί Εναρξη και από το μενού που εμφανίζεται επιλέγουμε Προγράμματα και Microsoft Word. Η εφαρμογή </p> <a href="/2572031-Epexergasia-keimenoy-microsoft-word.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/25327-Odigies-hrisis-dvr-tvt.html">ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ DVR TVT</a> </h3> <p> <img alt="ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ DVR TVT" title="ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ DVR TVT" class="news-block-img pull-right" src="/thumbs/13/25327.jpg"> ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ DVR TVT ΕΙΣΟΔΟΣ ΣΤΟ ΜΕΝΟΥ Στην πρώτη εκκίνηση του καταγραφικού πατάμε ΕΞΟΔΟΣ στο παράθυρο με τον «ΟΔΗΓΟ ΕΚΚΙΝΗΣΗΣ» 1) Κάνουμε δεξί κλικ και εμφανίζεται στο κάτω μέρος της οθόνης η μπάρα </p> <a href="/25327-Odigies-hrisis-dvr-tvt.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2256573-Synoptikos-odigos-hrisis-toy-moodle-gia-ton-kathigiti.html">Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή</a> </h3> <p> <img alt="Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή" title="Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή" class="news-block-img pull-right" src="/thumbs/24/2256573.jpg"> Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή 1 Πίνακας Περιεχομένων 1. Εισαγωγή... 4 1.1 Περιβάλλον Moodle...4 1.2 Χρήση ονόματος χρήστη και κωδικού...4 1.3 Δημιουργία νέου μαθήματος...4 1.3.1 </p> <a href="/2256573-Synoptikos-odigos-hrisis-toy-moodle-gia-ton-kathigiti.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/66774-A-kanoyme-klik-sto-dimioyrgia-diafaneias-c-xekinoyme-na-grafoyme-tin-diafaneia-a-einai-i-proti-diafaneia-tis-seiras.html">a. Κάνουμε κλικ στο Δημιουργία Διαφάνειας c. Ξεκινούμε να γράφουμε την διαφάνεια a. Είναι η πρώτη διαφάνεια της σειράς</a> </h3> <p> <img alt="a. Κάνουμε κλικ στο Δημιουργία Διαφάνειας c. Ξεκινούμε να γράφουμε την διαφάνεια a. Είναι η πρώτη διαφάνεια της σειράς" title="a. Κάνουμε κλικ στο Δημιουργία Διαφάνειας c. Ξεκινούμε να γράφουμε την διαφάνεια a. Είναι η πρώτη διαφάνεια της σειράς" class="news-block-img pull-right" src="/thumbs/17/66774.jpg"> PowerPoint 1. Εισαγωγή διαφάνειας a. Κάνουμε κλικ στο Δημιουργία Διαφάνειας b. Επιλέγουμε το είδος της διαφάνειας που επιθυμούμε. Η πρώτη διαφάνεια συνήθως είναι η διαφάνεια τίτλου. c. Ξεκινούμε να γράφουμε </p> <a href="/66774-A-kanoyme-klik-sto-dimioyrgia-diafaneias-c-xekinoyme-na-grafoyme-tin-diafaneia-a-einai-i-proti-diafaneia-tis-seiras.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12108141-1-puzzle-epimeleia-georgia-klostraki-selida-1.html">1.Puzzle. ΕΠΙΜΕΛΕΙΑ: ΓΕΩΡΓΙΑ ΚΛΩΣΤΡΑΚΗ Σελίδα 1</a> </h3> <p> <img alt="1.Puzzle. ΕΠΙΜΕΛΕΙΑ: ΓΕΩΡΓΙΑ ΚΛΩΣΤΡΑΚΗ Σελίδα 1" title="1.Puzzle. ΕΠΙΜΕΛΕΙΑ: ΓΕΩΡΓΙΑ ΚΛΩΣΤΡΑΚΗ Σελίδα 1" class="news-block-img pull-right" src="/thumbs/27/12108141.jpg"> 1.Puzzle Μόλις ανοίξω το πρόγραμμα επιλέγω την εντολή Browse. Στη συνέχεια αναζητώ την εικόνα που έχω αποθηκεύσει σε ένα φάκελο (στην επιφάνεια εργασίας ή στα έγγραφά μου ή στο σκληρό μου δίσκο). Αφού </p> <a href="/12108141-1-puzzle-epimeleia-georgia-klostraki-selida-1.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3475251-Konstantinos-siasiakos-dr-pliroforikis-stayros-kotsakis-tataraki-alexandra.html">Κωνσταντίνος Σιασιάκος, Δρ Πληροφορικής. Σταύρος Κωτσάκης, Ταταράκη Αλεξάνδρα</a> </h3> <p> <img alt="Κωνσταντίνος Σιασιάκος, Δρ Πληροφορικής. Σταύρος Κωτσάκης, Ταταράκη Αλεξάνδρα" title="Κωνσταντίνος Σιασιάκος, Δρ Πληροφορικής. Σταύρος Κωτσάκης, Ταταράκη Αλεξάνδρα" class="news-block-img pull-right" src="/thumbs/24/3475251.jpg"> Επιστημονική Ευθύνη Κωνσταντίνος Σιασιάκος, Δρ Πληροφορικής Συγγραφή Σταύρος Κωτσάκης, Ταταράκη Αλεξάνδρα Το παρόν εκπαιδευτικό υλικό παράχθηκε στο πλαίσιο του Έργου «Κέντρα Εκπαίδευσης Ενηλίκων ΙΙ», το </p> <a href="/3475251-Konstantinos-siasiakos-dr-pliroforikis-stayros-kotsakis-tataraki-alexandra.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5297558-Dimos-samoy-ylopoiisi-psifiakoy-kentroy-enimerosis-episkepton-dimos-samoy-egheiridio-hrisis-paroysiasi-portal.html">ΔΗΜΟΣ ΣΑΜΟΥ. Υλοποίηση ψηφιακού κέντρου ενημέρωσης επισκεπτών Δήμος Σάμου Εγχειρίδιο Χρήσης - Παρουσίαση Portal</a> </h3> <p> <img alt="ΔΗΜΟΣ ΣΑΜΟΥ. Υλοποίηση ψηφιακού κέντρου ενημέρωσης επισκεπτών Δήμος Σάμου Εγχειρίδιο Χρήσης - Παρουσίαση Portal" title="ΔΗΜΟΣ ΣΑΜΟΥ. Υλοποίηση ψηφιακού κέντρου ενημέρωσης επισκεπτών Δήμος Σάμου Εγχειρίδιο Χρήσης - Παρουσίαση Portal" class="news-block-img pull-right" src="/thumbs/25/5297558.jpg"> ΔΗΜΟΣ ΣΑΜΟΥ Υλοποίηση ψηφιακού κέντρου ενημέρωσης επισκεπτών Δήμος Σάμου Εγχειρίδιο Χρήσης - Παρουσίαση Portal ΣΤΟΙΧΕΙΑ ΠΑΡΑΔΟΤΕΟΥ ΕΤΑΙΡΕΙΑ DOTSOFT Α.Ε. ΚΩΔΙΚΟΣ ΠΑΡΑΔΟΤΕΟΥ ΠΑΡΑΡΤΗΜΑ Π.2.4.3 ΑΡΙΘΜΟΣ ΈΚΔΟΣΗΣ </p> <a href="/5297558-Dimos-samoy-ylopoiisi-psifiakoy-kentroy-enimerosis-episkepton-dimos-samoy-egheiridio-hrisis-paroysiasi-portal.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6538154-Epexergasia-vinteo-me-to-programma-vsdc-free-video-editor.html">ΕΠΕΞΕΡΓΑΣΙΑ ΒΙΝΤΕΟ ΜΕ ΤΟ ΠΡΟΓΡΑΜΜΑ VSDC FREE VIDEO EDITOR</a> </h3> <p> <img alt="ΕΠΕΞΕΡΓΑΣΙΑ ΒΙΝΤΕΟ ΜΕ ΤΟ ΠΡΟΓΡΑΜΜΑ VSDC FREE VIDEO EDITOR" title="ΕΠΕΞΕΡΓΑΣΙΑ ΒΙΝΤΕΟ ΜΕ ΤΟ ΠΡΟΓΡΑΜΜΑ VSDC FREE VIDEO EDITOR" class="news-block-img pull-right" src="/thumbs/25/6538154.jpg"> ΕΠΕΞΕΡΓΑΣΙΑ ΒΙΝΤΕΟ ΜΕ ΤΟ ΠΡΟΓΡΑΜΜΑ VSDC FREE VIDEO EDITOR ΠΕΡΙΕΧΟΜΕΝΑ Σελίδα Πως ανοίγουμε αρχείο βίντεο ή εικόνα για επεξεργασία 1 Εφαρμογή εφφέ σε βίντεο ή σε εικόνα 2 Πως κόβεται ένα κομμάτι του βίντεο </p> <a href="/6538154-Epexergasia-vinteo-me-to-programma-vsdc-free-video-editor.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10475980-Grafikes-parastaseis-me-excel.html">ΓΡΑΦΙΚΕΣ ΠΑΡΑΣΤΑΣΕΙΣ ΜΕ ΕXCEL</a> </h3> <p> <img alt="ΓΡΑΦΙΚΕΣ ΠΑΡΑΣΤΑΣΕΙΣ ΜΕ ΕXCEL" title="ΓΡΑΦΙΚΕΣ ΠΑΡΑΣΤΑΣΕΙΣ ΜΕ ΕXCEL" class="news-block-img pull-right" src="/thumbs/27/10475980.jpg"> ΓΡΑΦΙΚΕΣ ΠΑΡΑΣΤΑΣΕΙΣ ΜΕ ΕXCEL 1. Εισαγωγή δεδομένων σε φύλλο εργασίας του Microsoft Excel Για να τοποθετήσουμε τις μετρήσεις μας σε ένα φύλλο Excel, κάνουμε κλικ στο κελί στο οποίο θέλουμε να τοποθετήσουμε </p> <a href="/10475980-Grafikes-parastaseis-me-excel.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/417976-O-arccatalog-hrisimopoieitai-gia-tin-ploigisi-diaheirisi-horikon-dedouenon.html">Ο ArcCatalog χρησιμοποιείται για την πλοήγηση / διαχείριση χωρικών δεδοµένων.</a> </h3> <p> <img alt="Ο ArcCatalog χρησιμοποιείται για την πλοήγηση / διαχείριση χωρικών δεδοµένων." title="Ο ArcCatalog χρησιμοποιείται για την πλοήγηση / διαχείριση χωρικών δεδοµένων." class="news-block-img pull-right" src="/thumbs/20/417976.jpg"> ΕΡΓΑΣΤΗΡΙΟ 3 ο : ArcCatalog Πηγές δεδομένων Γεωβάση Τι είναι ο ArcCatalog? Ο ArcCatalog χρησιμοποιείται για την πλοήγηση / διαχείριση χωρικών δεδοµένων. Η εφαρμογή του ArcCatalog παρέχει τη δυνατότητα </p> <a href="/417976-O-arccatalog-hrisimopoieitai-gia-tin-ploigisi-diaheirisi-horikon-dedouenon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> </div> <!-- END RIGHT SIDEBAR --> </div> </div> </div> <!-- END CONTENT --> </div> <!-- END SIDEBAR & CONTENT --> </div> </div> <!-- BEGIN FOOTER --> <div class="footer"> <div class="container"> <div class="row"> <!-- BEGIN COPYRIGHT --> <div class="col-md-10 col-sm-10 padding-top-10"> 2016 © DocPlayer.gr <a href="/support/privacy-policy/">Πολιτική Απορρήτου</a> | <a href="/support/terms-of-service/">Όροι Χρήσης</a> | <a href="/support/feedback/">Σχόλια</a> </div> <!-- END COPYRIGHT --> <!-- BEGIN PAYMENTS --> <div class="col-md-6 col-sm-6"> </div> <!-- END PAYMENTS --> </div> </div> </div> <!-- END FOOTER --> <!--[if lt IE 9]> <script src="/static/theme/global/plugins/respond.min.js"></script> <![endif]--> <script src="/static/js/468418/total.js" type="text/javascript"></script> <div style="display: none;"> <script> var page_data = {"domain_id":30,"design_id":0,"page_id":0}; (function(){ var img = new Image(); var pixel_image_src = '/pix/'+Math.random()+'/report/pixel.gif?type=pageview&domain_id=30&page_id=0&design_id=0&l='+encodeURIComponent(navigator.language)+'&p='+encodeURIComponent(navigator.platform)+'&url='+encodeURIComponent(document.location); document.write('<img src="'+pixel_image_src+'"> '); }()); </script> </div> </body> </html>