η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

44
Δημιουργία η Δημιουργία η-μαθήματος με τη μαθήματος με τη χρήση του χρήση του Moodle Moodle 3 ο Μέρος Μέρος Εισαγωγή πληροφοριών: δημιουργία Εισαγωγή πληροφοριών: δημιουργία ιστοσελίδας ιστοσελίδας

description

Σειρές διαφανειών (3η στην ακολουθία των μαθημάτων) που παρουσιάζουν βασικές λειτουργίες για τη δημιουργία ενός η-μαθήματος για τη δευτεροβάθμια εκπαίδευση, με την πλατφόρμα moodle. Το σενάριο αναφέρεται σε μαθήματα βιολογίας. http://www.biologia.gr/ & http://blog.biologyinschool.gr/

Transcript of η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Page 1: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Δημιουργία ηΔημιουργία η--μαθήματος με τη μαθήματος με τη

χρήση του χρήση του MoodleMoodleχρήση του χρήση του MoodleMoodle

33οο ΜέροςΜέρος

Εισαγωγή πληροφοριών: δημιουργία Εισαγωγή πληροφοριών: δημιουργία

ιστοσελίδαςιστοσελίδας

Page 2: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Δημιουργία η-μαθήματος με τη

χρήση του Moodleχρήση του Moodle

3ο Μέρος

Εισαγωγή πληροφοριών: δημιουργία

ιστοσελίδας

Page 3: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Που χρησιμοποιούνται οι ιστοσελίδες;

• Με αυτή την επιλογή μπορείτε να

δημιουργήσετε μια ολοκληρωμένη ιστοσελίδα

μέσα στο Moodle

• Υπάρχει μεγάλη ελευθερία κινήσεων καθώς • Υπάρχει μεγάλη ελευθερία κινήσεων καθώς

μπορείτε να χρησιμοποιήσετε όλες τις επιλογές

που υπάρχουν στη γλώσσα HTML καθώς και να

χρησιμοποιήσετε κώδικα Javascript

• Σε κάθε μάθημα μπορείτε να έχετε όσες

ιστοσελίδες επιθυμείτε

Page 4: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Αρχική σελίδα μαθήματοςΤίτλος

Εισαγωγικό σημείωμα

Φόρουμ συζητήσεων

Μάθημα σε μορφή θεμάτων, με

5 (πέντε) θέματα καθένα από τα

οποία έχει το δικό του τίτλο

Σύντομο όνομα

οποία έχει το δικό του τίτλο

Όπου εμφανίζεται αυτό το

κουμπί, περιέχεται βοήθεια

για το συγκεκριμένο θέμα

Page 5: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Ενεργοποίηση επεξεργασίας μαθήματος

Για να ενεργοποιηθεί η επεξεργασία του

μαθήματος πατήστε το κουμπί

«Ενεργοποίηση επεξεργασίας» που

εντοπίζεται στο πάνω μέρος της δεξιάς

στήλης

Page 6: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Μάθημα έτοιμο για επεξεργασίαΌπου εμφανίζεται αυτό το

κουμπί, περιέχεται βοήθεια

για το συγκεκριμένο θέμα

Page 7: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Το μενού «Προσθήκη πηγής πληροφοριών»

Στην εισαγωγή και σε κάθε Στην εισαγωγή και σε κάθε

επιμέρους θέμα (ενότητα)

εμφανίζεται το μενού επιλογής

με τον τίτλο «Προσθήκη πηγής

πληροφοριών…»

Page 8: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Εμφάνιση επιλογών

Πατήστε με το ποντίκι στην άκρη του βέλους στο μενού «Προσθήκη

πηγής πληροφοριών…» στην 1η ενότητα και θα εμφανιστεί η καρτέλα

επιλογών. Μπορείτε να πατήσετε το συγκεκριμένο μενού, στις

ενότητες ή στην εισαγωγή και θα εμφανιστεί η παρακάτω καρτέλα

επιλογών

Page 9: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Επιλογή συγκεκριμένης πηγής

Μετακινώντας το δείκτη του

ποντικιού πάνω στην καρτέλα

επιλογής θα βλέπετε ότι κάθε

φορά σημειώνεται και

διαφορετική πηγή

Όπου εμφανίζεται αυτό το

κουμπί, περιέχεται βοήθεια

για το συγκεκριμένο θέμα

Page 10: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Καρτέλα επιλογώνΕτικέτα: μπορεί να χρησιμοποιηθεί για την

τοποθέτηση κειμένου ή γραφικών ανάμεσα

σε πηγές πληροφοριών

Απλό κείμενο: απλή σελίδα

γραμμένη σε απλό κείμενο

Ιστοσελίδα: δημιουργία μιας

ολοκληρωμένης ιστοσελίδας

Σύνδεσμος: σύνδεση με οποιαδήποτε Σύνδεσμος: σύνδεση με οποιαδήποτε

ιστοσελίδα ή αρχείο στο διαδίκτυο ή με

οποιαδήποτε ιστοσελίδα ή αρχείο που

έχετε «ανεβάσει» στα αρχεία του

μαθήματός σας από τον υπολογιστή σας

Φάκελος: μπορεί να εμφανίσει έναν ολόκληρο Φάκελος: μπορεί να εμφανίσει έναν ολόκληρο

φάκελο (και τους υπό-φακέλους) από την περιοχή

των αρχείων του μαθήματός σας, ώστε οι μαθητές

σας να δουν όλα αυτά τα αρχεία

IMS: ένα IMS Content Package χρησιμοποιείται IMS: ένα IMS Content Package χρησιμοποιείται

για τη μεταφορά εκπαιδευτικού υλικού μεταξύ

διαφορετικών Συστημάτων Διαχείρισης Μάθησης

(Learning Management Systems)

Page 11: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Επιλογή «Συγγραφή Ιστοσελίδας»

Μετακινήστε το ποντίκι στην

ένδειξη «Συγγραφή

Ιστοσελίδας» και πατήστε με

μονό κλικ την επιλογή αυτή

Page 12: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Η σελίδα «Συγγραφή Ιστοσελίδας» (Ι)

Ο τίτλος της ιστοσελίδας

Πεδίο για Πεδίο για

συγγραφή

περίληψης

Η μπάρα

εργαλείων του

κειμενογράφου

Όπου εμφανίζεται αυτό το

κουμπί, περιέχεται βοήθεια

για το συγκεκριμένο θέμα

της ιστοσελίδας

περίληψης

σχετικά με το

περιεχόμενο

της ιστοσελίδας

κειμενογράφου

Η μπάρα

εργαλείων του

κειμενογράφου

Πεδίο για την

συγγραφή της

ιστοσελίδας

Page 13: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Η σελίδα «Συγγραφή Ιστοσελίδας» (ΙΙα)

Πεδίο για την

συγγραφή της

ιστοσελίδας

Επιλέγοντας το μενού βλέπετε πως η νέα

ιστοσελίδα σας μπορεί να εμφανίζεται στο

«Ίδιο» ή σε «Νέο» παράθυρο

Κουμπί για να

εμφανιστούν

προχωρημένες επιλογές«Ίδιο» ή σε «Νέο» παράθυρο

Επιλέγοντας το μενού βλέπετε πως η νέα

ιστοσελίδα σας μπορεί να είναι ορατή ή κρυφή

επιλέγοντας από το μενού «Προβολή» ή

«Απόκρυψη» αντίστοιχα

Κουμπί για αποθήκευση της

ιστοσελίδας και επιστροφή

στο μάθημα

Κουμπί για αποθήκευση της

ιστοσελίδας και προβολή της

Κουμπί Κουμπί

ακύρωσης όλων

των ρυθμίσεων

Page 14: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Η σελίδα «Συγγραφή Ιστοσελίδας» (ΙΙβ)

Πατήστε το κουμπί «Εμφάνιση προχωρημένων» για

να εμφανιστούν οι προχωρημένες επιλογές σχετικά

με την ιστοσελίδα

Page 15: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Η σελίδα «Συγγραφή Ιστοσελίδας» (ΙΙΙ)

Εμφάνιση

προχωρημένων

Κουμπί για απόκρυψη

των προχωρημένων

επιλογών

προχωρημένων

επιλογών

Page 16: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Τίτλος & περίληψη νέας ιστοσελίδας

Γράψτε τον τίτλο

της ιστοσελίδας σας

Γράψτε μία περίληψη

του περιεχομένου της του περιεχομένου της

ιστοσελίδας

Γράψτε κείμενο στην

ιστοσελίδας σας,

εισάγετε εικόνες

όπως έχουμε δει στο

προηγούμενο

μάθημα

Page 17: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Εισαγωγή βίντεο στην ιστοσελίδα

Επιλέξτε ένα βίντεο από

μία ιστοσελίδα με βίντεο,

π.χ. youtube

Αντιγράψτε τον κώδικα

HTML που υπάρχει μέσα

στο πεδίο Embed

Page 18: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Πεδίο Συγγραφής Ιστοσελίδας

Επιστρέφετε στο πεδίο

Συγγραφής Ιστοσελίδας όπου

έχετε γράψει σχετικό κείμενο έχετε γράψει σχετικό κείμενο

και έχετε εισάγει εικόνα

Page 19: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Πεδίο Συγγραφής Ιστοσελίδας

Πατήστε το κουμπί «Εμφάνιση/Απόκρυψη

κώδικα HTML» για να ενεργοποιήσετε κώδικα HTML» για να ενεργοποιήσετε

αυτή την επιλογή

Page 20: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Ενεργοποίηση της εμφάνισης κώδικα

στην Συγγραφή Ιστοσελίδας

Η μορφή του πεδίου αλλάζει και βλέπετε

τον κώδικα HTML της ιστοσελίδας σας.

Προσοχή: μη σβήσετε τίποτα αν δεν είστε

σίγουροι καθώς ενδεχομένως να σβήσετε

στοιχεία του κώδικα και να καταστρέψετε

τη μορφή της ιστοσελίδας σας

Βλέπετε πως το κουμπί

«Εμφάνιση/Απόκρυψη

κώδικα HTML» είναι

ενεργοποιημένο

Page 21: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Που γίνεται η προσθήκη νέου κώδικα;

Στο τέλος του κώδικα HTML της ιστοσελίδας σας,

προσθέστε (με επικόλληση) τον κώδικα HMTL που

είχατε αντιγράψει από την ιστοσελίδα με το βίντεο

Page 22: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Προσθήκη κώδικα HTML από

σελίδα με βίντεο

Η νέα εμφάνιση του κώδικα της

ιστοσελίδας σας μετά την προσθήκη

του κώδικα για το βίντεο

Page 23: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Απενεργοποίηση εμφάνισης

κώδικα HTML στην ιστοσελίδα σας

Πατήστε το κουμπί «Εμφάνιση/Απόκρυψη

κώδικα HTML» για να απενεργοποιήσετε

την εμφάνιση κώδικα

Page 24: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Εμφάνιση του πεδίου Συγγραφή

Ιστοσελίδα

Όπως διαπιστώνετε προς το παρόν

δεν εμφανίζεται κάτι ιδιαίτερο

Page 25: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Επιλογές εμφάνισης Ιστοσελίδας

Μετακινούμενοι στο κάτω μέρος της Μετακινούμενοι στο κάτω μέρος της

καρτέλας που βρίσκεστε, ενεργοποιήστε

την «Εμφάνιση Προχωρημένων» και στη

συνέχεια επιλέξτε η ιστοσελίδα σας να

εμφανίζεται σε «Νέο Παράθυρο».

Αν θέλετε μπορείτε να αλλάξετε και τις

άλλες επιλογές που εμφανίζονται

Page 26: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Αποθήκευση αλλαγών

Μετακινούμενοι στο τέλος της καρτέλας

που βρίσκεστε πατήστε το κουμπί

«Αποθήκευση κι επιστροφή στο μάθημα»

Page 27: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Εμφάνιση ιστοσελίδας στο αρχικό μάθημα

Βλέπετε πως εμφανίζετε ο τίτλος της

ιστοσελίδας που μόλις φτιάξατε

Το εμφανιζόμενο εικονίδιο είναι

χαρακτηριστικό της ύπαρξης

ιστοσελίδας

Page 28: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Άνοιγμα της ιστοσελίδας σας

Πατώντας με διπλό κλικ στον τίτλο της

ιστοσελίδας σας, αυτή θα ανοίξει σε ένα

νέο παράθυρο αφού έτσι είχατε επιλέξει

Page 29: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Το νέο παράθυροΠατήστε το κουμπί της μεγιστοποίησης για να δείτε την ιστοσελίδα σας σε πλήρη

προβολή. Εναλλακτικά θα μπορούσα να είχατε ορίσει το μέγεθος του παραθύρου σε

μεγαλύτερο, από τις «Προχωρημένες ρυθμίσεις» της ιστοσελίδας

Το νέο παράθυρο στο Το νέο παράθυρο στο

οποίο εμφανίζετε η

ιστοσελίδα σας

Page 30: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Η νέα ιστοσελίδα σας

Η φωτογραφία που έχετε προσθέσει

Το κείμενο που έχετε προσθέσει

Το βίντεο που έχετε προσθέσειΤο βίντεο που έχετε προσθέσει

Page 31: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Επιστροφή στη σελίδα του μαθήματος

Επίσης μπορείτε να κλείσετε το παράθυρο

αυτό, και να επιστρέψετε στο μάθημά

σας, πατώντας αυτό το κουμπί πάνω δεξιά

Πατώντας αυτό το κουμπί,

επιστρέφετε στο μάθημά σας

Page 32: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Επιλογές της νέας ιστοσελίδα σας

Τα εικονίδια που εμφανίζονται δίπλα στον

τίτλο της ιστοσελίδας σας, σας βοηθούν να

κάνετε ορισμένες επιπλέον επιλογές

Page 33: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Εικονίδια ρυθμίσεωνΜετακινώντας το δείκτη του ποντικιού σε καθένα από αυτά τα

λειτουργίες που περιγράφονται παρακάτω

Μετακινώντας το δείκτη του ποντικιού σε καθένα από αυτά τα

εικονίδια, θα διαβάσετε πληροφορίες σχετικά με τη λειτουργία

τους. Πατώντας το κάθε εικονίδια θα ενεργοποιηθούν οι

λειτουργίες που περιγράφονται παρακάτω

Οριζόντια μετακίνηση: Οριζόντια μετακίνηση:

μετακίνηση της ιστοσελίδας σας

οριζόντια προς τα δεξιά. Για να

εμφανιστεί το εικονίδιο

«Μετακίνηση αριστερά» θα

πρέπει η ιστοσελίδα σας να έχει

Προβολή: το εικονίδιο

«κλειστό μάτι» σημαίνει πως η

ιστοσελίδα σας δεν είναι

ορατή στους μαθητές. Αν το

Κατακόρυφη μετακίνηση:

στο μάθημα

Κατακόρυφη μετακίνηση:

μετακίνηση της ιστοσελίδας σας

κατακόρυφα σε άλλη θέση μέσα

στο μάθημα

πρέπει η ιστοσελίδα σας να έχει

μετακινηθεί δεξιά πρώτα

Τροποποίηση: επανεμφάνιση του

ιστοσελίδα σας

Τροποποίηση: επανεμφάνιση του

πεδίου «Συγγραφή ιστοσελίδας»

για να κάνετε αλλαγές στην

ιστοσελίδα σας

Διαγραφή: διαγράφει οριστικά

την ιστοσελίδα σας

Απόκρυψη: το εικονίδιο «ανοιχτό μάτι»

σημαίνει πως η ιστοσελίδα σας είναι

ορατή στους μαθητές. Αν το πατήσετε η

ιστοσελίδα σας δεν είναι πια ορατή

στους μαθητές σας και το εικονίδιο έχει

γίνει «κλειστό μάτι»

ορατή στους μαθητές. Αν το

πατήσετε η ιστοσελίδα σας θα

είναι πια ορατή στους μαθητές

σας και το εικονίδιο θα έχει

γίνει «ανοιχτό μάτι»

Page 34: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Στοίχιση βίντεο και φωτογραφίας

Πατήστε το κουμπί

«Τροποποίηση» για να κάνετε

αλλαγές στην ιστοσελίδα σας

Page 35: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Επεξεργασία σε πλήρη οθόνη

Πατήστε το κουμπί

«Μεγέθυνση » για να δείτε την

ιστοσελίδα σας σε πλήρη οθόνη

Page 36: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Επιλογή στοίχισης

Επιλέξτε το βίντεο (με το δείκτη

του ποντικιού όπως επιλέγτεε ένα

κείμενο) και διαλέξετε από τις

επιλογές της στοίχισης, όποια

στοίχιση επιθυμείτε

Page 37: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Επαναφορά σε κανονική οθόνη

Πατήστε το κουμπί «Ελαχιστοποίηση»

για να δείτε την ιστοσελίδα σας σε

κανονική οθόνη

Page 38: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Αποθήκευση αλλαγών

Μετακινούμενοι στο τέλος της καρτέλας

που βρίσκεστε πατήστε το κουμπί

«Αποθήκευση κι επιστροφή στο μάθημα»

Page 39: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Εμφάνιση ιστοσελίδας στο αρχικό μάθημα

Πατώντας με διπλό κλικ στον τίτλο της

ιστοσελίδας σας, αυτή θα ανοίξει σε ένα

νέο παράθυρο αφού έτσι είχατε επιλέξει

Page 40: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Νέα διάταξη

Στη νέα μορφή της ιστοσελίδας σας, βλέπετε τα κείμενα Στη νέα μορφή της ιστοσελίδας σας, βλέπετε τα κείμενα

και η φωτογραφία να έχουν αριστερή στοίχιση (η οποία

είναι η στοίχιση που έχουν όλα τα στοιχεία ως

προεπιλογή) ενώ το βίντεο, με τις αλλαγές που κάναμε

προηγουμένως, έχει στοίχιση στο κέντρο

Page 41: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

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

επιπλέον ενότητεςΌπως βλέπετε μπορείτε αν

θέλετε να δημιουργήσετε και

στην εισαγωγή σας, μία

ιστοσελίδα

Με την ίδια διαδικασία που

περιγράφηκε για την ενότητα

1, δημιουργήστε τουλάχιστον

μία ιστοσελίδα για κάθε

ενότητα που να περιέχει

κείμενο, φωτογραφία &

βίντεο και να αφορά το δικό

σας μάθημα

Page 42: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Απενεργοποίηση επεξεργασίας

Για να επανέλθετε στην κανονική μορφή

του μαθήματος, πατήστε το κουμπί

«Απενεργοποίηση επεξεργασίας»

Page 43: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Νέα μορφή μαθήματοςΤίτλος

Ο τίτλος της ιστοσελίδας που

φτιάξατε

Ο τίτλος της ιστοσελίδας που

φτιάξατε

Σύντομο όνομα

Page 44: η-μάθημα moodle: προσθήκη ιστοσελίδας (πηγή πληροφοριών)

Προτεινόμενες Συνδέσεις Βιολογίας

• http://www.biologia.gr

• http://www.biologyinschool.gr/

• http://blog.biologyinschool.gr/

• http://www.biologia.gr/moodle/• http://www.biologia.gr/moodle/

• http://www.biology4u.gr/

Twitter: @Biomoles