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

Ανήκουν στα Περιβάλλοντα Μάθησης μέσω Διερεύνησης, Ανακάλυψης και Οικοδόμησης

(ανοικτού τύπου) και συγκεκριμένα στα

Λογισμικά συγγραφής Λογισμικά συγγραφής υπερμεσικών εφαρμογώνυπερμεσικών εφαρμογών

Μανώλης Πομώνης – Επιμορφωτής ΤΠΕ Β΄ ΕπιπέδουΜανώλης Πομώνης – Επιμορφωτής ΤΠΕ Β΄ Επιπέδου

Πληκτρολογώ στη γραμμή διευθύνσεων “google sites” και επιλέγω από τις

προτάσεις τη σελίδα της google

Μπορώ και από τις «εφαρμογές» - Περισσότερα / Ακόμα περισσότερα από την google να βρω τους ιστότοπους και

να τους βάλω και συντόμευση στο πεδίο των «Εφαρμογών»

Αν δεν ήμουν συνδεδεμένος στο λογαριασμό μου, πληκτρολογώ τα

στοιχεία μου

Εδώ βλέπω όλους τους ιστότοπους που έχω πρόσβαση. Μπορώ επίσης να

δημιουργήσω έναν καινούριο.

Μπορούμε να κάνουμε περιήγηση στα πρότυπα για να επιλέξουμε κάποιο από

αυτά

Μπορούμε να κάνουμε περιήγηση στα πρότυπα για να επιλέξουμε κάποιο από

αυτά

Έχει αρκετές κατηγορίες, ενώ

από την κατηγορία

«Σχολείο και εκπαίδευση» έχει

αρκετά καλά πρότυπα όπως

το «Σχολείο»

Έχει αρκετές κατηγορίες, ενώ

από την κατηγορία

«Σχολείο και εκπαίδευση» έχει

αρκετά καλά πρότυπα όπως

το «Σχολείο»

Εμείς θα δουλέψουμε το

πρότυπο “Classroom site”

Δίνω όνομα στον ιστότοπο. Προσέχω ότι αν γράφω με

ελληνικούς χαρακτήρες, το URL που δημιουργείται πιο κάτω έχει τους αντίστοιχους λατινικούς. Το

URL όμως δεν μπορώ να το αλλάξω, ενώ το όνομα του

ιστότοπου μπορώ. Οπότε καλό είναι να γράφω το όνομα με

λατινικούς χαρακτήρες ώστε να είναι …εμφανίσιμο και σωστά γραμμένο το URL και μετά να

αλλάξω μόνο το όνομα – τίτλο του ιστότοπου. Από την ανάπτυξη του κουμπιού «Eπιλογή ενός θέματος»

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

τότε.

2

1

Από την ανάπτυξη του κουμπιού «Περισσότερες

επιλογές» μπορώ να ρυθμίσω ποιος θα έχει

πρόσβαση και να περιγράψω το site. Φυσικά αυτά μπορώ να τα ρυθμίσω οποιαδήποτε στιγμή θέλω. Τέλος πατώ «ΔΗΜΙΟΥΡΓΙΑ»

2

1

Οδηγούμαι στο site που δημιούργησα

Πλέον όταν μπαίνω στα google sites θα μπορώ να

επιλέξω ποιον ιστότοπο θα επεξεργαστώ ή να δημιουργήσω έναν

καινούριο ή να δω τους διαγραμμένους ιστότοπους.

Επιλέγουμε τον ιστότοπο που μόλις δημιουργήσαμε.

Βρισκόμαστε στην αρχική σελίδα του ιστότοπου και επειδή

είμαστε συνδεδεμένοι στο λογαριασμό μας βλέπουμε τον ιστότοπό μας σαν διαχειριστές.

Εμφανίζονται λοιπόν πάνω δεξιά τα κουμπιά : «Επεξεργασία

τρέχουσας σελίδας» (μολυβάκι) «Δημιουργία νέας σελίδας» (+)

«Περισσότερες ενέργειες» (γρανάζι) Από το γρανάζι

επιλέγω «Διαχείριση ιστότοπου»

1

2

Στην καρτέλα «Γενικά» κάνω τις βασικές

ρυθμίσεις. Μπορώ να αλλάξω το όνομα του

ιστότοπου, αλλά όχι το URL Στο «μήνυμα

ειδοποίησης» πληκτρολογώ αν θέλω

αυτό που θα εμφανίζεται στην πρώτη σελίδα στους

επισκέπτες. Αν θέλω μπορώ να βάλω κι ένα

URL που θα οδηγούνται οι επισκέπτες. Στην

περιγραφή πληκτρολογώ κείμενο που θα

εμφανίζεται στις μηχανές αναζήτησης

1

Μαζί με το κείμενο ειδοποίησης θα εμφανίζονται και οι καρτέλες «Εντάξει το

κατάλαβα» και το «Περισσότερες λεπτομέρειες» που μπορεί να οδηγεί σε

κάποια σελίδα του ιστότοπου ή σε οποιοδήποτε URL

Πιο κάτω (στην ίδια καρτέλα «Γενικά») βρίσκω επιλογές για αλλαγή σελίδας προορισμού, πληροφορίες για πόσο χώρο χρησιμοποιώ (100 ΜΒ δωρεάν) την δυνατότητα αντιγραφής ή κα διαγραφής του ιστότοπου, την καρτέλα «Διαμόρφωση

αναζήτησης»

Στην καρτέλα «Διαμόρφωση

αναζήτησης» Κάνω τις ρυθμίσεις για τους παρόχους

αναζήτησης και ok

Στην ίδια καρτέλα, «Γενικά», πιο κάτω επιλέγω τη γλώσσα

προβολής και τικάρω να προσαρμόζεται ο ιστότοπος σε κινητά τηλέφωνα. Επιτρέπω

ή όχι την ενσωμάτωση του

ιστότοπου και ρυθμίζω ποιοι θα έχουν πρόσβαση

Τέλος δεν ξεχνώ την ΑΠΟΘΗΚΕΥΣΗ πάνω

αριστερά.

Βρισκόμαστε στη Διαχείριση του ιστότοπου. Στην καρτέλα

«Κοινή χρήση και δικαιώματα» μπορώ να

στείλω το URL του ιστότοπου σε συνεργάτες που θα μπορούν να τον

επεξεργαστούν: Στο πεδίο «Πρόσκληση ατόμων» πληκτρολογώ το email

όποιου θέλω, ρυθμίζω τα δικαιώματά του (κάτοχος,

επεξεργασία, προβολή) και κλικ στο «κοινή χρήση και αποθήκευση» Μπορούμε επίσης να ορίσουμε αν θα

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

Μέχρι να προσθέσουμε τα βασικά στοιχεία στον

ιστότοπο μπορούμε να τον έχουμε απόρρητο και μετά, αφού γράψουμε ότι

βρίσκεται σε «κατασκευή» να τον κάνουμε

«δημόσιο» για να αρχίσουν να τον βρίσκουν

και οι μηχανές αναζήτησης

Βρισκόματε στην Διαχείριση του ιστότοπου. Στην καρτέλα «Σελίδες»

ανοίγω με κλικ όποια σελίδα θέλω και από την «επεξεργασία σελίδας» (όταν

είναι ανοιχτή η σελίδα) μετονομάζω μία μία στα ελληνικά. Είναι πολύ βοηθητική η καρτέλα «Σελίδες», γιατί αν τικάρω να προβληθεί με «Ιεραρχημένη προβολή» μπορώ με σύρσιμο να αλλάξω τη θέση των σελίδων και υποσελίδων. Βλέπω επίσης με το σύμβολο «+» ότι κάποιες σελίδες έχουν υποσελίδες. Αυτήν την επιλογή δεν την έχω στην προβολή

«Λίστα» Στη φάση αυτή καλό είναι να διαγράψουμε όλες τις σελίδες που

υπάρχουν στο πρότυπο, που είναι και στα αγγλικά, εκτός από την αρχική

(index) και να δημιουργήσουμε καινούριες σελίδες

Έχω ανοίξει μια σελίδα που θέλω να μετονομάσω, πατώ το κουμπί «Επεξεργασία σελίδας (μολυβάκι)»

και αλλάζω τον τίτλο από τα αγγλικά στα ελληνικά για παράδειγμα. Βάζω τον τίτλο «Αρχεία» Στο τέλος πατώ

«Αποθήκευση»

1

2

1

2

1

2

1

2

Έχω ανοίξει μια σελίδα που θέλω να διαγράψω.

Από το κουμπί «Περισσότερα

(γρανάζι)» επιλέγω «Διαγραφή σελίδας»

1

222

1

22

1

2

1

2

Επιλέγω το κουμπί + (Νέα σελίδα) προκειμένου να δημιουργήσω μια νέα

σελίδα στον ιστότοπό μου

Ονομάζω τη σελίδα π.χ Ιστορία, επιλέγω και το

πρότυπο σελίδας (ιστοσελίδα, ανακοίνωση,

αρχειοθήκη, λίστα) και πατώ «ΔΗΜΙΟΥΡΓΙΑ»

3

2

1

Πρότυπο σελίδας- Ιστοσελίδα (εδώ δεν έχω το κουμπί «Νέα ανάρτηση» αλλά «προσθήκη

αρχείου»)

ΑνακοινώσειςΑνακοινώσεις (εδώ έχω το κουμπί «Νέα ανάρτηση»)

Πρότυπο σελίδας - Ανακοινώσεις (εδώ έχω το κουμπί «Νέα ανάρτηση»)

Αρχειοθήκη (προσθέτω αρχεία)

Πρότυπο σελίδας - Αρχειοθήκη (προσθέτω αρχεία. Μπορώ τα

αρχεία να τα έχω αποθηκευμένα σε τέτοιου

τύπου σελίδα. Εδώ έχω το κουμπί «Προσθήκη αρχείου»)

Πρότυπο σελίδας - Λίστα (επιλέγω από τις πρότυπες ή φτιάχνω δική μου λίστα, π.χ. με τους εκπαιδευτικούς του σχολείου και

κάποια στοιχεία γι΄ αυτούς)

Ανοίγει η σελίδα που μόλις δημιουργήσαμε και ο κέρσορας αναβοσβήνει

προκειμένου να γράψουμε κάτι στο

περιεχόμενο…

Όταν δημιουργούμε μια σελίδα και είμαστε φυσικά στην επεξεργασία της (μολυβάκι) από την καρτέλα

του μενού «Διάταξη», πάνω αριστερά, μπορούμε να επιλέξουμε την διάταξη του περιεχομένου της

σελίδας. Έτσι από το στιλ «Μια στήλη (απλή)» που ξεκινούν οι

σελίδες μπορούμε να αλλάξουμε την διάταξη σε «Δύο στήλες» π.χ.

ώστε να προσθέτουμε το περιεχόμενο οριζόντια στο πάνω και στο κάτω μέρος της σελίδας αλλά και σε δύο στήλες. Τέτοια διάταξη υπάρχει στην αρχική

σελίδα του πρότυπου (που φυσικά εμείς μπορούμε να αλλάξουμε).

1

… Εκτός από το να πληκτρολογήσουμε απλά κάποιο κείμενο μπορούμε να

πατήσουμε την καρτέλα πάνω αριστερά «Εισαγωγή» και να επιλέξω τι θέλω να

εισάγω από τις ομαδοποιημένες πλούσιες κατηγορίες – ΚΟΙΝΟ, GADGET, GOOGLE

Βρισκόματε στην Διαχείριση του ιστότοπου. Στην καρτέλα

«Θέματα, χρώματα και γραμματοσειρές» ρυθμίζω από

το «Βασικό θέμα» εμφάνισης του ιστότοπου μέχρι πολλές

λεπτομέρειες - για το κάθε σημείο του ιστότοπου (ολόκληρη σελίδα, κεφαλίδα, περιοχή περιεχομένου, gadget περιοχής περιεχομένου, gadget πλάγιου μενού, οριζόντια πλοήγηση) Κάνω τις ρυθμίσεις σε κάθε καρτέλα ξεχωριστά. Στο

κάτω μέρος υπάρχει προεπισκόπηση όπου είναι

δυνατό. Δοκιμάζω επιλέγοντας «θέμα» ή «κανένα» ή βάζοντας

κάτι δικό μου για να δω τις διαφορές στην εμφάνιση, μέχρι να βρω κάτι λειτουργικό. Δεν

ξεχνώ την ΑΠΟΘΗΚΕΥΣΗ

Για να κάνω γενικές ρυθμίσεις διάταξης του

ιστότοπου: Περισσότερα (γρανάζι) / Επεξεργασία διάταξης

ιστότοπου…

2

1

Στο πάνω μέρος της οθόνης από τις καρτέλες στην επιλογή «Πλάτος

ιστότοπου», αν θέλω αφήνω την ρύθμιση του θέματος που είναι προεπιλεγμένη ή πληκτρολογώ στο πεδίο «Προσαρμογή» το ποσοστό % του χώρου που θέλω να καταλάβει ο ιστότοπος και πατώ enter

Αριστερά από το «Πλάτος ιστότοπου» υπάρχουν οι καρτέλες: Κεφαλίδα, Οριζόντια πλοήγηση, Sidebar και

Προσαρμοσμένο υποσέλιδο. Κλικ σ’ αυτές τις καρτέλες για να ενεργοποιήσουμε ή να

απενεργοποιήσουμε αυτά τα στοιχεία από τον ιστότοπό μας, αποφασίζουμε

δηλαδή αν θα έχουμε ή όχι αυτά τα στοιχεία. Εμείς θα τα ενεργοποιήσουμε

όλα γιατί είναι θετικό στο site να υπάρχουν αυτά τα στοιχεία. Όταν

ενεργοποιήσουμε π.χ την οριζόντια πλοήγηση κάνουμε κλικ μετά στο «Κάντε κλικ για επεξεργασία της οριζόντιας πλοήγησης» - όχι στη

μαύρη καρτέλα, αλλά εκεί που αλλάζει χρώμα - για να προσθέσουμε σελίδες

σε αυτή τη γραμμή - μπάρα

1

2

Στην ουσία η οριζόντια πλοήγηση είναι σαν ένα

στοιχείο του sidebar πλοήγηση – ενότητα σελίδων Πατώντας

«Προσθήκη σελίδας» μπορούμε να επιλέξουμε ποιες από τις

σελίδες του ιστότοπου θα βρίσκονται στην οριζόντια

πλοήγηση. Μπορούμε επίσης να τικάρουμε και τον «χάρτη

ιστότοπου» ώστε να εμφανίζεται και το διάγραμμα του ιστότοπου

στην οριζόντια πλοήγηση. Μπορούμε να προσθέσουμε μια διεύθυνση URL και όλες αυτές οι

σελίδες μπορούμε να επιλέξουμε τι μορφή θα έχουν

(πλαίσια, καρτέλες ή σύνδεσμοι)

Όπως είπαμε θα ενεργοποιήσουμε και το προσαρμοσμένο υποσέλιδο. Από τις καρτέλες

πάνω αριστερά (κεφαλίδα, οριζόντια πλοήγηση κλπ ) επιλέγουμε «Προσαρμοσμένο υποσέλιδο»

Παρατηρούμε ότι όταν είναι τα πεδία ενεργοποιημένα οι αντίστοιχες καρτέλες είναι με

γκρι χρώμα. Με την μπάρα κύλισης κατεβαίνουμε στο κάτω μέρος της σελίδας και

κάνουμε κλικ (όχι στη μαύρη καρτέλα, αλλά στον χώρο που αλλάζει φωτεινότητα - χρώμα) για να

επεξεργαστούμε το υποσέλιδο…

1

2

1

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

στις αντίστοιχες σελίδες: Μαρκάρω τη λέξη και κλικ στην Δημιουργία συνδέσμου (αλυσιδούλα)… ή κατευθείαν κλικ

στην αλυσιδούλα και δημιουργούμε απευθείας συνδέσμους σε όποιες σελίδες του ιστότοπου ή στο web

1

2

…Επιλέγω από τις σελίδες του

ιστότοπου αυτή που θέλω, τικάρω αν θέλω να ανοίγει

η σελίδα σε νέο παράθυρο και ok Φυσικά αν θέλω

μπορώ να ρυθμίσω τον υπερσύνδεσμο

να οδηγεί σε μια άλλη διεύθυνση

ιστού, η να δημιουργήσω μια νέα σελίδα που θα

οδηγεί ο σύνδεσμος

Σ΄ αυτό το σημείο ρυθμίσεων που βρίσκομαι (Επεξεργασία διάταξης ιστότοπου) όπου βάλω τον κέρσορα μέσα στον

κορμό του ιστότοπου (κεφαλίδα, sidebar, οριζόντια πλοήγηση…) θα μου δοθεί η δυνατότητα - θα το καταλάβω

επειδή θα αλλάξει το χρώμα - να επεξεργαστώ τον εκάστοτε χώρο. Θα εμφανιστεί και μια καρτέλα που θα λέει «Επεξεργασία…» Αν κάνω κλικ στο χώρο αυτό – όχι στη μαύρη καρτέλα - θα ανοίξει ένα παράθυρο διαλόγου με

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

Στο παράδειγμά μας ρυθμίζουμε την κεφαλίδα (ύψος, στοίχιση, λογότυπο)

Βάζουμε τώρα τον κέρσορα στο sidebar ακριβώς στο μολυβάκι και κάνουμε κλικ ώστε να επεξεργαστούμε το

πλάγιο μενού. (αν κάνουμε κλικ στο + θα μας δοθεί η δυνατότητα να προσθέσουμε στοιχείο στο sidebar) Στο παράθυρο που ανοίγει πληκτρολογούμε το πλάτος του sidebar σε εικονοστοιχεία και επιλέγουμε την επιθυμητή

θέση (αριστερά ή δεξιά)

Στη φάση αυτή καλό είναι να έχουμε σχεδιάσει σε χαρτί το χάρτη του

ιστότοπού μας. Να έχουμε αποφασίσει ποιες σελίδες θα έχει ο ιστότοπος, ποιο

περίπου θα είναι το περιεχόμενό τους, σε ποιο bloc – ομάδα ιστοσελίδων θα περιέχονται, τι θα περιέχει η αρχική

σελίδα κλπ Βέβαια μπορώ οποιαδήποτε στιγμή να κάνω αλλαγές. Π.χ. στο bloc

«Το σχολείο μας» υπάρχουν οι ιστοσελίδες «Αρχική σελίδα», «Μαθητικό δυναμικό» με υποσελίδες τα σχολικά έτη,

«Εκπαιδευτικοί του σχολείου» με υποσελίδες, «Εργασίες» με υποσελίδες,

«Σύλλογος Γονέων» Μπορούμε να διαγράψουμε όλα τα στοιχεία από το

sidebar του πρότυπου, και να δημιουργήσουμε νέα δικά μας

Από την «Επεξεργασία διάταξης ιστότοπου» και στο sidebar κλικ στο «+» για να προσθέσω κάποιο στοιχείο

στο πλάγιο μενού

Επιλέγω Προσθήκη «Κείμενο»

Στην ουσία το κάθε στοιχείο του πλάγιου μενού με τον

τίτλο «Πλαίσιο Κείμενου» είναι μια ενότητα περιεχομένου (φωτογραφίες, σύνδεσμοι, πίνακες…) ενώ το στοιχείο του πλάγιου μενού με τίτλο

«Πλοήγηση» που μπορώ και σε αυτό να δώσω όνομα, είναι

μια ενότητα σελίδων, υποσελίδων (αλλά και URL

…) και επεξεργάζομαι το πώς θα φαίνονται οι σελίδες αυτές, το περιεχόμενο της ενότητας δηλαδή. Όλα αυτά τα στοιχεία – gadgets μπορώ με σύρσιμο

από το πλάγιο μενού να τα μετακινήσω αλλάζοντάς τους σειρά. Μπορώ επίσης να τα

διαγράψω με το «χ»

Με την ροδέλα του ποντικιού κατεβαίνω στο

τέλος του sidebar γιατί εκεί πηγαίνουν όλα τα gadgets

που προσθέτω στο sidebar. Κλικ στην

επεξεργασία του Πλαισίου κειμένου που μόλις

πρόσθεσα.

…Πληκτρολογώ τον τίτλο του πλαισίου αυτού, που θα ρυθμίσω να φαίνεται, όπως όλοι οι τίτλοι του sidebar, με

ιδιαίτερο στιλ (χρώμα, γραμματοσειρά κλπ). Μπορώ στο χώρο του

κειμένου να πληκτρολογήσω ό,τι θέλω, να εισάγω συνδέσμους και εικόνες. Στο παράδειγμα έχω πληκτρολογήσει το

όνομά μου στο οποίο έχω link το email μου. Τέλος ok

Μπορώ επίσης από το μενού

«Εισαγωγή» να εισάγω εικόνες από τον υπολογιστή μου

ή από URL, να εισάγω συνδέσμους ή οριζόντια γραμμή

Μπορώ να κάνω σύνδεσμο σε μια

υπάρχουσα σελίδα, σε μια διεύθυνση

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

στο site, να ανοίγει ο σύνδεσμος αυτός σε νέο παράθυρο…

1

2

3 …την καινούρια σελίδα μπορώ να την ονομάσω, να τικάρω τι

τύπος θα είναι (ιστοσελίδα, ανακοινώσεις, αρχειοθήκη, λίστα) να επιλέξω κάτω από ποια σελίδα θα μπει ή στο

ανώτερο επίπεδο και τέλος να πατήσω «Δημιουργία σελίδας»4

Πατώ «Κλείσιμο» για να φύγω από την επεξεργασία

διάταξης του ιστότοπου

Αφού φύγω από την επεξεργασία διάταξης από

την καρτέλα «Περισσότερα» επιλέγω πάλι «Διαχείριση

ιστότοπου»

Από την καρτέλα στο πλάγιο μενού «Σελίδες» κλικ να ανοίξει η

σελίδα Poll. Προσοχή, Θα επεξεργαστούμε μια σελίδα. Τη

σελίδα Poll. Αν έχουμε διαγράψει όλες τις σελίδες δημιουργούμε μία νέα σελίδα από το «+» στο πάνω μέρος της οθόνης δεξιά.

Αφού ανοίξει η σελίδα, κλικ στο κουμπί με το μολύβι για

επεξεργασία της (οποιασδήποτε) σελίδας, αν

θέλω να την αλλάξω. Δεν ξεχνώ: κλικ στο «+» για να

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

«Ερωτηματολόγιο», αν έχω διαγράψει όλες τις σελίδες

του πρότυπου

Μετονομασία της σελίδας προκειμένου να κάνουμε εισαγωγή ένα δικό μας

ερωτηματολόγιο από τα έγγραφα google

Δεν ξεχνώ στο τέλος

3

2

1

Delete την οδηγία

Κάνουμε κλικ στο άσπρο φύλλο που είναι ο χώρος του

αντικειμένου και κλικ στο «Χ» για να

διαγράψουμε την προϋπάρχουσα

φόρμα

4

1

Τώρα στη σελίδα «Ερωτηματολόγιο» που βρίσκομαι στη φάση της «Επεξεργασίας σελίδας», αφού έχω διαγράψει το

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

την πολύ σημαντική καρτέλα «Εισαγωγή» / Drive /Φόρμα (αν δεν έχω φτιάξει, φτιάχνω ένα ερωτηματολόγιο)

2

3

Επιλέγω από τις φόρμες μου όποια

θέλω και τέλος «Επιλογή»

Κάνω τις ρυθμίσεις που θέλω (ρυθμίζω ύψος και

πλάτος της …εικόνας του ερωτηματολογίου

και τέλος «ΑΠΟΘΗΚΕΥΣΗ»

Κάνοντας κλικ στο άσπρο φύλλο (gadget), μπορώ να ρυθμίσω τη στοίχιση του ερωτηματολόγιου ή από το

σύμβολο με τις ιδιότητες του αντικειμένου (γρανάζι), κάνω κάποιες αλλαγές που θέλω. Είναι σημαντικό να πούμε ότι μπορούμε με σύρσιμο να αλλάξουμε τη θέση αυτών των

αντικειμένων, gadgets μέσα στην ίδια τη σελίδα. Δεν ξεχνώ να κάνω κλικ στην αποθήκευση ό,τι κι αν έχω επεξεργαστεί

2

1

Το γρανάζι για τις ρυθμίσεις των gadgets

Ο χρήστης μπορεί να ανοίξει το ερωτηματολόγιο σε δικό του

παράθυρο. Το πράσινο μεγάλο

εικονίδιο με το από το sidebar μας οδηγεί πλέον στη σελίδα με το ερωτηματολόγιο που βάλαμε πριν

λίγο. Αν δημιουργήσαμε μια νέα σελίδα με τίτλο «Ερωτηματολόγιο»

θα διορθώσουμε μετά το link στο sidebar κι αν έχουμε διαγράψει όλα τα στοιχεία από το sidebar θα

δημιουργήσουμε καινούριο.

Από την καρτέλα «Περισσότερα» επιλέγω πάλι «Επεξεργασία διάταξης ιστότοπου»

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

εικονίδιο για το current poll - ερωτηματολόγιο επιλέγω «Επεξεργασία στοιχείου πλάγιου μενού» (Όταν θέλω λοιπόν να επεξεργαστώ ένα στοιχείο - bloc του πλάγιου μενού επιλέγω στο

πλάγιο μενού «Επεξεργασία στοιχείου πλάγιου μενού») Αν το έχω διαγράψει,

προσθέτω «Πλαίσιο κειμένου» στο sidebar

Μετονομάζουμε στα ελληνικά:

Ερωτηματολόγιο, βάζοντας τίτλο στο στοιχείο αυτό του

πλάγιου μενού

1

Στη συνέχεια κλικ πάνω στην εικόνα να ανοίξει κάτω η καρτέλα με το link. Μπορώ να πατήσω αλλαγή για να

αλλάξω το link ή κατάργηση και να μην υπάρχει σύνδεσμος στο ερωτηματολόγιο. Μπορώ επίσης να πατήσω «Χ» στην εικόνα να διαγραφούν όλα και να βάλω δικό μου εικονίδιο.

1

Αφού τα σβήσαμε τελικά όλα, από το μενού

Εισαγωγή / Εικόνα…

Μπορώ να κάνω εισαγωγή από μεταφορτωμένες εικόνες στο site

μου ή από το Διαδίκτυο βάζοντας το URL τους στο πλαίσιο…

…Βρίσκω από το Ίντερνετ μια εικόνα και δεξί κλικ / Αντιγραφή

διεύθυνσης URL εικόνας…

…Βρίσκω από το Ίντερνετ μια εικόνα και δεξί κλικ / Αντιγραφή

διεύθυνσης URL εικόνας…

…Επικόλληση / ok…Επικόλληση / ok…Επικόλληση / ok…Επικόλληση / ok

…ρυθμίζω το μέγεθος της

εικόνας τη διάταξη και κλικ στη λέξη «Αλλαγή» για να

αλλάξω το σύνδεσμο που με πάει στην εικόνα

και να με πηγαίνει στη σελίδα με το ερωτηματολόγιο

…ρυθμίζω το μέγεθος της

εικόνας τη διάταξη και κλικ στη λέξη «Αλλαγή» για να

αλλάξω το σύνδεσμο που με πάει στην εικόνα

και να με πηγαίνει στη σελίδα με το ερωτηματολόγιο

…ρυθμίζω το μέγεθος της εικόνας τη διάταξη και κλικ στη λέξη «Αλλαγή» για να αλλάξω το

σύνδεσμο ώστε να μην με πηγαίνει στην εικόνα στο

Ίντερνετ αλλά να με πηγαίνει στη σελίδα του ιστότοπού μου

που έφτιαξα πριν με το ερωτηματολόγιο

Στο παράθυρο που ανοίγει για να

εισάγω νέο σύνδεσμο επιλέγω

την καρτέλα «Υπάρχουσα

σελίδα» αφού έχω φτιάξει ήδη τη

σελίδα «Ερωτηματολόγιο»

και με αυτήν θα συνδέσω την

εικόνα. Επιλέγω αν θέλω να ανοίγει και σε νέο παράθυρο και Ok στο τέλος

Ο σύνδεσμος έγινε πλέον στη σελίδα

του site μου «Ερωτηματολόγιο»

με λατινικούς χαρακτήρες όμως κι

ας πληκτρολογώ εγώ με ελληνικούς

Δεν ξεχνώ να πατώ «ΑΠΟΘΗΚΕΥΣΗ»

Όπως είμαστε στην «Επεξεργασία διάταξης

ιστότοπου» το πλαίσιο κειμένου με τον τίτλο «Template tips» το

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

«Χ» για να διαγραφεί

Από το «+» στο πλάγιο μενού έχουμε την «Προσθήκη στοιχείου πλάγιου μενού» που θα ήθελα στο πλάγιο

μενού (κείμενο, πλοήγηση, κάτοχοι ιστότοπων, αντίστροφη μέτρηση από κάποιο γεγονός…) Κάποια απ’ αυτά

μπορώ να τα επεξεργαστώ

1

1

Από την «Προσθήκη στοιχείου πλάγιου μενού» επιλέγω και αυτή

τη φορά «Κείμενο»

Αυτό το «Πλαίσιο κειμένου» που προσθέσαμε εμφανίζεται στο κάτω μέρος του πλάγιου μενού. Κλικ για

να το επεξεργαστούμε

Βάζουμε τίτλο «Πού βρισκόμαστε» με σκοπό να βάλουμε μετά σε αυτό το πλαίσιο κειμένου ένα

link σε μια σελίδα που θα φτιάξουμε και θα έχει έναν

χάρτη από το google maps που θα δείχνει το

σχολείο μας.

Δημιουργία σελίδας με τον χάρτη του σχολείου μας: Από μια

οποιαδήποτε ιστοσελίδα που βλέπω μπορώ να πατήσω το

σύμβολο «+» για να δημιουργήσω μια Νέα Σελίδα…

Ονομάζω την καινούρια σελίδα (προσοχή να μην είναι το ίδιο

όνομα με το όνομα του ιστότοπου),

επιλέγω πρότυπο (ιστοσελίδα στο παράδειγμα)

την τοποθετώ στο ανώτερο επίπεδο για να είναι ξεχωριστή,

εκτός αν θέλω να τη βάλω υποσελίδα της σελίδας που

βρισκόμουν. Τέλος πατώ «ΔΗΜΙΟΥΡΓΙΑ».

1

2

3

4

1

2

Ανοίγει η σελίδα του Δημοτικού που έφτιαξα πριν για να βάλω έναν

χάρτη και πατώ «Επεξεργασία σελίδας»

Κλικ στην πολύ σημαντική καρτέλα «Εισαγωγή / Χάρτης»

Επιλέγω από όλα τα αντικείμενα της Google την καρτέλα «Οι Χάρτες μου» και μετά τον χάρτη

του σχολείου μου. Υποτίθεται ότι έχω

αποθηκεύσει από το Google maps τον χάρτη

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

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

google

1

2

3

22

1

2

1

2

3

1

2

Αυτούς τους χάρτες που έχω

δημιουργήσει ή δημιουργώ με τους

νέους χάρτες google τους βρίσκω στην πιο

κάτω καρτέλα από «Οι χάρτες μου» στην «Maps Engine Lite»

2

1

3

Στο παράθυρο διαλόγου αφήνω αν θέλω τον τίτλο ρυθμίζω και το μέγεθος του

παραθύρου του χάρτη και «ΑΠΟΘΗΚΕΥΣΗ»

Στο αντικείμενο - gadget που

προστέθηκε από την καρτέλα με τις

ρυθμίσεις που εμφανίζεται στο

λευκό φύλλο μπορώ να ρυθμίσω τη

στοίχιση του χάρτη και αν πατήσω στο γρανάζι μπορώ να

κάνω και άλλες ρυθμίσεις. Όταν

πατήσω «Αποθήκευση» θα

εμφανιστεί ο χάρτης

2

1

Παλιοί χάρτες google

Νέοι χάρτες google

Περισσότερα (γρανάζι) / Επεξεργασία διάταξης

ιστότοπου

Κλικ στην επεξεργασία του πλαισίου κειμένου που είχαμε φτιάξει με τίτλο

«Που βρισκόμαστε»

Εισαγωγή / Σύνδεσμος

Δημιουργούμε σύνδεσμο στη σελίδα που φτιάξαμε πριν που έχει τον χάρτη της google , άνοιγμα σε

νέο παράθυρο και ok

Αφού πατήσουμε «Κλείσιμο» της επεξεργασίας διάταξης,

από το sidebar μπορούμε να οδηγούμαστε στη σελίδα με τον χάρτη (έχουμε βάλει και

στην πινέζα του σχολείου στο maps μια εικόνα του σχολείου

με link στο streetview του σχολείου)

Δεν ξεχνώ ότι με σύρσιμο μπορώ να αλλάξω τη θέση οποιουδήποτε στοιχείου του πλάγιου μενού

Τέλος πατούμε «Κλείσιμο» για να φύγουμε από το περιβάλλον

επεξεργασίας διάταξης ιστότοπου

Link στο street view του σχολείου

Από την Επεξεργασία

διάταξης ιστότοπου και την «Προσθήκη στοιχείου πλάγιου

μενού» επιλέγω τώρα «Πλοήγηση»

Θα φτιάξω μια ενότητα σελίδων

Και αυτή η «πλοήγηση» – bloc που προσθέσαμε εμφανίζεται στο κάτω μέρος του πλάγιου μενού. Κλικ για να το επεξεργαστούμε

Στην Πλοήγηση που δημιούργησα δίνω

τίτλο «Περισσότερα για μας», τικάρω την

εμφάνιση τίτλου. Αφού έχω δημιουργήσει

πρώτα τις σελίδες στον ιστότοπο, με το

«Προσθήκη σελίδας» τοποθετώ τις

ιστοσελίδες αυτές στην πλοήγηση. Με τα

βελάκια αλλάζω θέση, ενώ, αν θέλω,

διαγράφω από την πλοήγηση – όχι από

τον ιστότοπο – χρησιμοποιώντας τον κάδο. Μπορώ αν θέλω σε κάποια πλοήγηση

να βάλω και τον χάρτη ιστότοπου.

Home για επεξεργασία αυτής της σελίδας.

Κάθε σελίδα για να την επεξεργαστώ πατώ

«Επεξεργασία σελίδας» και στο τέλος

«Αποθήκευση»

1

2

Delete τις

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

2

Ανοίγω και τη σελίδα «Homework Assignments» τη

μετονομάζω και αυτή

Delete τις

οδηγίες1

3

Ανοίγω πάλι την Κεντρική σελίδα και κλικ στο μολυβάκι για επεξεργασία

της. Θα μετονομάσω και τα «παράθυρα» (Student of the month, word of the week…) για να φαίνονται οι σελίδες με ελληνικά. Προσέχουμε γιατί αυτά τα …παράθυρα δεν είναι

ιστοσελίδες, αλλά gadgets που περιέχουν αναρτήσεις, λίστες που

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

Κλικ πάνω στο άσπρο φύλλο

(gadget) με τίτλο Student of the month για να βγει η καρτέλα και κλικ στο πρώτο

σύμβολο, το γρανάζι στις «ιδιότητες»

Πληκτρολογώ εδώ το όνομα του gadget -παραθύρου στα

ελληνικά «Μαθητής του μήνα». Φυσικά αν δεν θέλω κάτι τέτοιο να υπάρχει στην ιστοσελίδα μου, σβήνω το gadget ή βάζω άλλο όνομα

και κάνω τις ανάλογες αναρτήσειςΔεν ξεχνώ

Αυτό το gadget θα παίρνει καταχωρήσεις,

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

the month». Μετά θα μετονομάσουμε την ιστοσελίδα. Αν την

έχουμε διαγράψει, θα δημιουργήσουμε μια

άλλη

Δεν ξεχνώ την αποθήκευση

Δεν ξεχνώ την αποθήκευση

Βλέπουμε ότι ο τίτλος του παραθύρου – gadget έγινε

στα ελληνικά «Μαθητής του μήνα» Για να αλλάξουμε

όμως τον τίτλο της ιστοσελίδας πρέπει να μπούμε πρώτα σε μια

ανάρτηση του παραθύρου π.χ κλικ στο John Doe ή κλικ

στο «Προβολή περισσότερων»

Αυτή είναι η ιστοσελίδα Student of the month από την οποία θα παίρνει και θα εμφανίζει τις

αναρτήσεις το gadget της αρχικής σελίδας με τίτλο Μαθητής του μήνα (το έχουμε ήδη μετονομάσει). Κλικ

στο μολυβάκι για να επεξεργαστούμε την ιστοσελίδα

αυτή. Προσέχουμε ότι αυτή η ιστοσελίδα είναι τύπου

«ανακοινώσεις» Η κάθε ανάρτηση (ο κάθε μαθητής του μήνα) είναι και

μια ιστοσελίδα που βρίσκεται …κάτω από την ιστοσελίδα «Μαθητής

του μήνα»

Μετονομάζω στα ελληνικά την ιστοσελίδα και

«Αποθήκευση» Φυσικά διαγράφω τις οδηγίες που είναι στα αγγλικά. Επίσης ανοίγω και την ανάρτηση

John Doe που είναι ταυτόχρονα μια ιστοσελίδα και από το «Περισσότερα»

επιλέγω «Διαγραφή της σελίδας»

Παρόμοια gadgets – παράθυρα σαν αυτά της αρχικής σελίδας που θα εμφανίζονται αυτόματα οι αναρτήσεις που γίνονται στις αντίστοιχες ιστοσελίδες μπορούμε

πολύ εύκολα να εισάγουμε και να τα βάλουμε σε όποια διάταξη θέλουμε. Πρώτα προσθέτουμε – δημιουργούμε

τις ιστοσελίδες που θέλουμε από το «+» και μετά ανοίγουμε π.χ. την αρχική σελίδα και …

Επεξεργασία

…βάζουμε τον κέρσορα στο σημείο που θέλουμε και από την καρτέλα «Εισαγωγή» επιλέγουμε «Πρόσφατες αναρτήσεις» ώστε να εισαχθεί ένα gadget που θα εμφανίζει τις

αναρτήσεις από όποια ιστοσελίδα τύπου «Ανακοινώσεις» ορίσουμε…

Στο gadget που ανοίγει επιλέγουμε με το βελάκι

επέκτασης από ποια ιστοσελίδα θα εμφανίζει

αναρτήσεις, ορίζουμε τον αριθμό των αναρτήσεων

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

gadget και «Αποθήκευση». Από δω

και πέρα όσες αναρτήσεις κάνουμε στην ανάλογη ιστοσελίδα, ένα σύντομο απόσπασμα ή

ένα μεσαίο ή πλήρης καταχώρηση θα

εμφανίζεται αυτόματα και στο gadget

…Στο gadget που ανοίγει επιλέγουμε με το βελάκι

επέκτασης από ποια ιστοσελίδα θα εμφανίζει

αναρτήσεις, ορίζουμε τον αριθμό των αναρτήσεων

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

gadget και «Αποθήκευση». Από δω

και πέρα όσες αναρτήσεις κάνουμε στην ανάλογη ιστοσελίδα, ένα σύντομο απόσπασμα ή

ένα μεσαίο ή πλήρης καταχώρηση θα

εμφανίζεται αυτόματα και στο gadget

Ξανά στην επεξεργασία της αρχικής σελίδας και …από την καρτέλα «Εισαγωγή» μπορούμε τώρα να επιλέξουμε «Πρόσφατα ενημερωμένα αρχεία» ώστε να εισαχθεί ένα

gadget που θα εμφανίζει τις αναρτήσεις από όποια ιστοσελίδα τύπου «Αρχειοθήκη» ορίσουμε…

…Στο gadget που ανοίγει επιλέγουμε με το βελάκι

επέκτασης από ποια ιστοσελίδα θα εμφανίζει

αναρτήσεις, ορίζουμε τον αριθμό των αρχείων που θα εμφανίζονται, δίνουμε και τίτλο στο gadget και

«Αποθήκευση».

Ξανά στην επεξεργασία της αρχικής σελίδας και …από την καρτέλα «Εισαγωγή» μπορούμε τώρα να επιλέξουμε

«Πρόσφατα στοιχεία λίστας» ώστε να εισαχθεί ένα gadget που θα εμφανίζει τις αναρτήσεις από όποια ιστοσελίδα

τύπου «Λίστας» ορίσουμε…

…Στο gadget που ανοίγει επιλέγουμε με το βελάκι

επέκτασης από ποια ιστοσελίδα θα εμφανίζει αναρτήσεις, ορίζουμε τις

στήλες και τον αριθμό των στοιχείων της λίστας

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

gadget και «Αποθήκευση».

Ξανά στην επεξεργασία της αρχικής σελίδας και …από την καρτέλα «Εισαγωγή» μπορούμε τώρα να επιλέξουμε «Καταχώριση δευτερεύουσας σελίδας» ώστε να εισαχθεί

ένα gadget που θα εμφανίζει τους τίτλους από αναρτήσεις από όποια ιστοσελίδα ορίσουμε…

…Στο gadget που ανοίγει επιλέγουμε από το πεδίο

«επιλογή σελίδας» την ιστοσελίδα από την

οποία θα εμφανίζονται οι τίτλοι των αναρτήσεων,

το πλάτος και την εμφάνιση του gadget και

«Αποθήκευση».

Ξανά στην επεξεργασία της αρχικής σελίδας για να δούμε ότι

όλα αυτά τα gadgets – παράθυρα μπορούμε

σύροντάς τα να τα μετακινήσουμε

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

διάταξη της σελίδας να τα

βλέπουμε οριζόντια (πάνω ή

κάτω) ή κάθετα (αριστερά ή δεξιά)

Έχουμε ανοίξει και βλέπουμε μια σελίδα – Δεν κάνω κλικ στην επεξεργασία αλλά κλικ στην

καρτέλα «Περισσότερα»: Βλέπω ενδιαφέρουσες επιλογές για την συγκεκριμένη ιστοσελίδα όπως «Ρυθμίσεις σελίδας» αλλά και γενικά για τον ιστότοπο όπως «Κοινή χρήση και δικαιώματα»

Στις «ρυθμίσεις σελίδας»

επιλέγω τη δυνατότητα

σχολιασμού, Αλλάζω, αν

θέλω, θέση της σελίδας στο

sidebar, αλλάζω bloc

δηλαδή. Επίσης μπορώ να αλλάξω το πρότυπο της ιστοσελίδας

(ανακοινώσεις, λίστα κλπ)

Αν δεν έχω διαγράψει τη σελίδα «Class Announcements», την ανοίγω για να σβήσω όλες τις ανακοινώσεις –

αναρτήσεις στα αγγλικά και να γράψω τις δικές μου: Κλικ σε μία ανακοίνωση, που στην ουσία είναι μία ιστοσελίδα,

ένα post …

…και μετά από το μενού «Περισσότερα / Διαγραφή σελίδας» διαγράφω την

ανακοίνωση που είπαμε ότι είναι στην ουσία ιστοσελίδα. Με αυτόν τον τρόπο διαγράφω όλες τις ανακοινώσεις, posts μία – μία και μετά αναρτώ τα δικά μου

Από μια ιστοσελίδα που βλέπω τύπου «Ανακοινώσεις» μπορώ να πατήσω

κατευθείαν «Νέα ανάρτηση»…

1

2

3

4

5

6

Εισαγωγή αρχείου εικόνας

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

μου δίνεται είναι 100ΜΒ. ΠΡΟΣΟΧΗ: Τα αρχεία καλό είναι να τα συμπιέζουμε, αν και καλύτερο είναι, για να μην

πιάνουν χώρο, να τα έχουμε αποθηκευμένα σε κάποιον server στο …νέφος (drive, dropbox κλπ) και να

ανεβάζουμε στον ιστότοπό μας μόνο το URL του αρχείου

Από το γρανάζι επιλέγουμε

«Επεξεργασία διάταξης

ιστότοπου»

Βλέπουμε ότι έχουν εμφανιστεί στην κορυφή της σελίδας με γκρι χρώμα οι γνωστές καρτέλες: Κεφαλίδα, κλπ (δείγμα ότι έχουμε τη δυνατότητα

στο σημείο αυτό να ρυθμίσουμε τη διάταξη του ιστότοπου) Εμείς κάνουμε κλικ στο σύμβολο «+» στο Sidebar, προκειμένου να προσθέσουμε ένα

bloc –ομάδα ιστοσελίδων. Από το παράθυρο διαλόγου που εμφανίζεται με τις επιλογές στοιχείων του πλάγιου μενού που μπορούμε να

προσθέσουμε, επιλέγουμε «Προσθήκη Πλοήγηση»

Και αυτή η «πλοήγηση» – bloc που προσθέσαμε εμφανίζεται στο κάτω μέρος του πλάγιου μενού. Κλικ για να το επεξεργαστούμε

Δίνουμε τίτλο στην πλοήγηση «Επικοινωνία». Εδώ θα προσθέσουμε σελίδες (φόρμα επικοινωνίας, chat,

βιβλίο επισκεπτών) αφού τις δημιουργήσουμε και URL που θα οδηγεί στο email μας.

Επιλέγω τη σελίδα «Contact me» …και κλικ στο μολυβάκι για επεξεργασία σελίδας. Αν

την έχω διαγράψει, δημιουργώ μια νέα σελίδα με τίτλο «Φόρμα επικοινωνίας»

2

1

Διαγράφω τα αγγλικά και

γράφω ελληνικά τα στοιχεία μου

Μετονομάζω τη σελίδα σε «Φόρμα

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

και γράφω ελληνικά τα στοιχεία μου…

1

…Κλικ στο λευκό φύλλο που είναι ένα μια φόρμα υπολογιστικού

φύλλου και στο σύμβολο «Χ» για κατάργηση του παλιού φύλλου προκειμένου να φτιάξουμε μια

δική μας φόρμα επικοινωνίας στα «Έγγραφα Google» και

Αποθήκευση …

2

3

…Από το gmail μας και τις

«Εφαρμογές» κάνουμε κλικ στο

Drive …

και μετά ΔΗΜΙΟΥΡΓΙΑ /

Φόρμα…

Δημιουργώ τις ερωτήσεις που θα έχει η φόρμα επικοινωνίας (Ονοματεπώνυμο, email, Σχόλια – Κείμενο παραγράφου) Από την

καρτέλα «Προσθήκη αντικειμένου» έχω πολλές επιλογές. Από το Αρχείο / Ενσωμάτωση μπορώ να πάρω τον κώδικα της φόρμας. Από το μολυβάκι

(επεξεργασία) μπορώ να αλλάξω το κείμενο και να πω στον συντάκτη της φόρμας «ευχαριστώ» …

Ανοίγω στον ιστότοπό μου τη σελίδα «Φόρμα επικοινωνίας» που φτιάξαμε πριν ή μετονομάσαμε

(ανάλογα). Κλικ στο μολυβάκι για επεξεργασία και από το μενού Εισαγωγή / Drive / Φόρμα …

…επιλέγω τη φόρμα που φτιάξαμε και

«Επιλογή»

Η φόρμα εμφανίστηκε σαν …λευκό σεντόνι

(gadget) Κλικ πάνω του για να εμφανιστεί η

μπάρα με το γρανάζι – ιδιότητες των gadgets –

και με τα κουμπιά στοίχισης … Μπορούμε

επίσης από το μενού «Εισαγωγή» να

προσθέσουμε στη σελίδα ένα πλαίσιο

κειμένου και να γράψουμε λίγα στοιχεία για το σχολείο μας και τέλος «Αποθήκευση»

Τα δύο gadgets πλαίσιο κειμένου

και φόρμα επικοινωνίας

όπως φαίνονται μετά την

αποθήκευση

Από το γρανάζι επιλέγουμε

«Επεξεργασία διάταξης

ιστότοπου»

Και κλικ στην επεξεργασία στο sidebar

στην ενότητα που ονομάσαμε

πριν «Επικοινωνία»

Στο bloc αυτό - στοιχείο πλοήγησης

τικάρω να εμφανίζεται ο τίτλος, επιλέγω

«Προσθήκη σελίδας» και βάζω την

ιστοσελίδα «Φόρμα επικοινωνίας» που

είχα φτιάξει πριν, κλικ και στην «Προσθήκη διεύθυνσης URL» και

πληκτρολογώ στο παράθυρο που θα ανοίξει το mail του σχολείου, ώστε ο

επισκέπτης να μπορεί να στείλει email στο

σχολείο και ok

1

2 3

4

Όταν κάνω κλικ στην

«Προσθήκη σελίδας» σε μια

πλοήγηση, ανοίγει μια λίστα με τις

ιστοσελίδες που έχει μέχρι εκείνη

τη στιγμή ο ιστότοπος.

Επιλέγω με κλικ αυτή που θέλω

και ok

Όταν κάνω κλικ στην «Προσθήκη

διεύθυνσης URL» σε μια πλοήγηση, ανοίγει ένα

παράθυρο που μπορώ να

πληκτρολογήσω τη δ/νση URL το κείμενο που θα εμφανίζεται για το link αυτό, να

τικάρω να ανοίγει σε νέο

παράθυρο και ok

Τέλος πατούμε «Κλείσιμο» για να φύγουμε από το περιβάλλον

επεξεργασίας διάταξης ιστότοπου

Να θυμηθούμε πώς φτιάχνουμε

λευκώματα φωτογραφιών στο google+. : Από το gmail

κλικ στο +username

1

Βάζουμε τον κέρσορα στην

«Αρχική σελίδα» και ανοίγει μια

στήλη με εφαρμογές. Επιλέγουμε

«Φωτογραφίες»

2

Από το μενού «Περισσότερα» επιλέγω «Λευκώματα» και

εμφανίζονται αυτά που έχω δημιουργήσει στο Google+ είτε

στο Picasa. Αν θέλω να προσθέσω φωτογραφίες σε

υπάρχον λεύκωμα, το επιλέγω και πατώ, όταν ανοίξει,

«προσθήκη φωτογραφιών» Αν θέλω να φτιάξω καινούριο

λεύκωμα, πατώ «Μεταφόρτωση φωτογραφιών» …

1

2

3

…Από τον υπολογιστή μου

φορτώνω τις φωτογραφίες που θέλω (λεζάντες αν

θέλω) και κλικ στην καρτέλα

πάνω αριστερά «Προσθήκη στο λεύκωμα» για να πληκτρολογήσω νέο όνομα για το λεύκωμα ή για να συμπληρώσω τις φωτογραφίες σε

ένα υπάρχον

Κλικ στο βελάκι επέκτασης και έχουμε

δυνατότητες απενεργοποίησης

σχολίων και αναδημοσιεύσεων

Κλικ αν θέλω στην «Κοινή χρήση» και

επιλέγω αν θα είναι δημόσιο ή ποιοι θα το

βλέπουν.

Προσθέτω μια νέα σελίδα στον ιστότοπό μου που θα βάζω

φωτογραφίες ή παρουσιάσεις φωτογραφιών. Κλικ στο μολυβάκι για να επεξεργαστώ τη σελίδα και από το

μενού Εισαγωγή / Εικόνα…

…μπορώ να μεταφορτώσω φωτογραφίες από τον υπολογιστή μου κάνοντας κλικ στο

«Μεταφόρτωση εικόνας» ή να βρω εικόνα από το Διαδίκτυο και να εισάγω το URL της

κάνοντας κλικ στο «Διεύθυνση ιστού (URL)»

Εδώ βλέπουμε τα λευκώματα που

έχουμε φτιάξει είτε στο Google+ είτε στο

Picasa. Μπορούμε να κάνουμε κλικ και στο Picasa Albums

ή αν θέλω μεμονωμένες

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

Picasa Photos. (Παρατηρούμε ότι

μπορούμε να εισάγουμε αρχεία και από το Drive…) Κλικ

σε αυτό που θέλω και «Επιλογή»

Στο παράθυρο που

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

πλαισίου παρουσίασης,

τικάρουμε ή όχι εμφάνιση λεζάντων, αυτόματη

αναπαραγωγή, συμπερίληψη

τίτλου και ΑΠΟΘΗΚΕΥΣΗ

Προτού αποθηκεύσω, δηλαδή όταν βρίσκομαι στην επεξεργασία μιας

ιστοσελίδας, το λεύκωμα εμφανίζεται σαν λευκό …

σεντόνι, όπως όλα τα gadgets που εισάγω.

Κλικ πάνω του και από το γραναζάκι μπορώ να κάνω ρυθμίσεις ενώ από

τα άλλα κουμπιά να στοιχίσω την

παρουσίαση του λευκώματος ή και να το διαγράψω από το «χ». Τέλος δεν ξεχνώ την

Αποθήκευση

Οι παρουσιάσεις φωτογραφιών μετά την αποθήκευση. Αν κάνω

κλικ στο εικονίδιο του Picasa κάτω δεξιά σε μια παρουσίαση, θα

μπορώ με ένα κλικ να επισκεφθώ τα άλμπουμ στο Picasa.

2

1

Κλικ στο όνομα του άλμπουμ για να οδηγηθώ στο

περιβάλλον του Picasa

Οι φωτογραφίες του λευκώματος

στο Picasa

Κλικ στην καρτέλα «Σύνδεσμος σε αυτό το λεύκωμα» και αντιγράφω το URL του λευκώματος. Μπορώ φυσικά να πάρω τον κώδικα πιο κάτω ή

ακόμα πιο κάτω που λέει «Ενσωμάτωση προβολής διαφανειών»

Αυτός είναι ο κώδικας (HTML) της προβολής διαφανειών που μπορούμε να

τον ενσωματώσουμε στο blog ή στον ιστότοπό μας με αντιγραφή και επικόλληση στο κατάλληλο σημείο, ώστε να βλέπουμε

την παρουσίαση διαφανειών

2

1

Επιλέγω τη σελίδα «Reading List» και κλικ στο μολυβάκι για επεξεργασία. Αν την έχω διαγράψει, δημιουργώ μια νέα σελίδα τύπου «λίστα» και την ονομάζω

«Προτάσεις βιβλίων»

Αν φτιάξω καινούρια επιλέγω την τέταρτη

λίστα

1

2

Διαγράφω τα αγγλικά και

γράφω ελληνικά. Ονομάζω και την ιστοσελίδα. Μετά

κλικ στο «Προσαρμόστε αυτήν τη λίστα»

Διαγράφω με το Χ τις λίστες με τα αγγλικά, προσθέτω στήλες στα ελληνικά με το «Προσθήκη στήλης» και κάνω

δεξιά τις επιλογές μου (όνομα στήλης και τύπος περιεχομένου) Μπορώ να προσθέσω κι άλλες λίστες και να ταξινομήσω όπως θέλω. Τέλος πατώ «Αποθήκευση»

Από την κανονική προβολή, κλικ ένα προς ένα στα αντικείμενα και

τα διαγράφω ή τα επεξεργάζομαι στο

παράθυρο που ανοίγει

1

2

3

Μπορώ να προσθέσω αντικείμενο

(Συγγραφέα, τίτλο, λίγα λόγια) από

την καρτέλα «Προσθήκη στοιχείου»

Θυμίζουμε ότι τέτοιες ιστοσελίδες (με

λίστες) μπορούμε να δημιουργήσουμε και καινούριες, αρκεί ο

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

επιλεγεί «Λίστα»

Επιλέγω τη σελίδα «Useful links» και κλικ στο μολυβάκι για να την

επεξεργαστώ. Αν την έχω διαγράψει, δημιουργώ μια νέα τύπου «Λίστα» με

τίτλο «επιλεγμένες ιστοσελίδες» (τέταρτη λίστα – όπως πριν)

1

Διαγράφω τα αγγλικά και γράφω ελληνικά, μετονομάζω την

ιστοσελίδα και προσαρμόζω στο τέλος τη λίστα από την καρτέλα «Προσαρμόστε αυτήν τη λίστα»

2

1

Διαγράφω με το Χ τις στήλες με τα αγγλικά, γράφω ελληνικά και

κάνω δεξιά τις επιλογές μου.

Μπορώ να προσθέσω κι άλλες

στήλες και να ταξινομήσω όπως

θέλω με τα βέλη

Κάνω και ταξινομήσεις με τα

βελάκια θέσης

Προσέχω ότι ο τύπος του πεδίου

μπορεί να είναι Διεύθυνση URL

κλικ ένα προς ένα στα αντικείμενα, τα

διαγράφω ή τα επεξεργάζομαι

Μπορώ να προσθέσω αντικείμενο από την καρτέλα «Προσθήκη

αντικειμένου» Παρατηρώ ότι στη

δεύτερη στήλη «Διεύθυνση» επειδή το πρότυπο που επέλεξα

είναι δ/νση URL υπάρχει ένα πεδίο για το URL και ένα πεδίο για το κείμενο

προβολής

Επιλέγω τη σελίδα «Class Calendar». Αν την έχω διαγράψει, δημιουργώ μια

νέα τύπου «ιστοσελίδα» με τίτλο ανάλογο του ημερολογίου

…και επεξεργασία σελίδας

1 Διαγράφω τα αγγλικά και γράφω τον τίτλο στα ελληνικά

Καταργώ το ημερολόγιο που υπάρχει κάνοντας

κλικ στο …σεντόνι και «χ»

Από το gmail και τις εφαρμογές κλικ στο

«Ημερολόγιο»

Αριστερά στο πλάγιο μενού στο bloc «Τα ημερολόγιά

μου» κλικ στο βελάκι επέκτασης και επιλέγω

«Δημιουργία νέου ημερολογίου»

Βάζω όνομα στο καινούριο ημερολόγιο, κάνω και τις

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

αριστερά «Δημιουργία ημερολογίου»

Απαντώ «ναι» στην προειδοποίηση

Το ημερολόγιο έχει δημιουργηθεί και στο αριστερό πλάγιο μενού στο bloc «Τα ημερολόγιά μου» υπάρχει το νέο που δημιουργήσαμε. Κλικ

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

Επιλέγουμε «ρυθμίσεις ημερολογίου»

Εδώ, εκτός των άλλων, έχουμε τη

δυνατότητα να δούμε τον κώδικα

και να τον αντιγράψουμε. Μπορούμε να ρυθμίσουμε

χρώματα, μέγεθος κλπ. Επίσης

έχουμε τη δυνατότητα να

διαγράψουμε το ημερολόγιο. Τέλος

πατώ «Αποθήκευση»

Ρύθμιση χρωμάτων μεγέθους κλπ

Από το αριστερό πλάγιο μενού στο βελάκι επέκτασης στα ημερολόγιά μου, εκτός από το «Δημιουργία νέου

ημερολογίου» υπάρχουν και οι «Ρυθμίσεις» Το ίδιο

βλέπουμε και στο γρανάζι πάνω δεξιά

Κάνουμε τις ρυθμίσεις μας ανοίγοντας τις καρτέλες

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

Επιστρέφουμε στον ιστότοπό μας και στην

ιστοσελίδα με το ημερολόγιο και κλικ στο

μολυβάκι για επεξεργασία της σελίδας

Εισαγωγή / Ημερολόγιο

Τικάρω κάποιο ή κάποια από αυτά που έχω φτιάξει

ή τα πρότυπα και «Επιλογή»

1

2

Κάνω όποιες άλλες ρυθμίσεις

θέλω και «ΑΠΟΘΗΚΕΥΣΗ»

Από το Ημερολόγιο όταν είμαι συνδεδεμένος με το λογαριασμό μου μπορώ να επιλέγω μια ημερομηνία να γράφω κάτι και αυτόματα θα ενημερώνεται η ιστοσελίδα

με το ημερολόγιο, ώστε να βλέπουν το συμβάν οι επισκέπτες του ιστότοπου.

Από το μενού «Εισαγωγή» μπορώ να βάλω πολλά αντικείμενα και πολλά gadget σε οποιαδήποτε ιστοσελίδα:

Εισαγωγή / Περισσότερα gadget

Αντιγράφω έναν κώδικα HTML από κάποια σελίδα …

…Ανοίγω μια ιστοσελίδα, πατώ το μολυβάκι για επεξεργασία και βάζω τον κέρσορα εκεί που θέλω να

μπει π.χ. ένα κινούμενο animation που το έχω αντιγράψει τον κώδικα HTML. Κάνω κλικ στην καρτέλα

HTML

Επικολλώ τον κώδικα εκεί που αναβοσβήνει ο κέρσορας και πατώ «ενημέρωση»

Το κινούμενο animation μπήκε εκεί που ήθελα, πατώ «Αποθήκευση» για να

ολοκληρωθεί η ιστοσελίδα