Πανεπιστήμιο ΑιγαίουΠαιδαγωγικό Τμήμα Δημοτικής Εκπαίδευσης

Σημειώσεις για τις Ιστοσελίδες τουGoogle

1

Βήμα 1 ο Μπαίνουμε στην σελίδα της Google για τις ιστοσελίδες (http :// sites . google . com ).

Εναλλακτικά, μπαίνουμε στο http :// www . google . com , επιλέγουμε περισσότερα και Ιστότοποι ή ακόμα περισσότερα και στη

συνέχεια Ιστότοποι.

Στην σελίδα που εμφανίζεται, ακολουθώντας την τελευταία διαδρομή, υπάρχουν όλες οι υπηρεσίες της Google (Blogger, Gmail, Picasa, Ημερολόγιο, Έγγραφα κλπ).

Βήμα 2 ο Εάν έχουμε ήδη λογαριασμό στο Google Sites, πληκτρολογούμε το E-mail (1) και το Password (2) καιπατάμε το κουμπί Σύνδεση.

2

Εάν δεν έχουμε λογαριασμό, πατάμε τον σύνδεσμο Sign up for Sites (3) και συμπληρώνουμε την αντίστοιχη φόρμα.Απαραίτητη προϋπόθεση είναι να έχουμε ήδη έναν λογαριασμό e-mail.

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

Δημιουργία ενός site – πράξη #1 Έχοντας πατήσει το κουμπί Create new site, εμφανίζονται οι παρακάτω επιλογές:

3

Επιλέγουμε, αν θέλουμε, την μορφή που θα έχει το site μας……ή το σχεδιάζουμε από την

αρχή.

Πληκτρολογ

ούμε το όν

ομα

του site.

Συμπληρώνουμε την διεύθυνση (url).

Κουμπί δημιουργίας νέου site.

Λίστα με τα sitesΣτο συγκεκριμένο παράδειγμα υπάρχει μόνο το site testing. Για τροποποίηση ή επισκόπηση, πατάμε τον αντίστοιχο σύνδεσμο.

Αποσύνδεση από τον λογαριασμό.

Σημείωση: Στο συγκεκριμένο παράδειγμα, η διεύθυνση του site θα είναι:

http://sites.google.com/site/myschool

4

Επιλέγουμε το θέμα του site, εφόσον το επιθυμούμε, πατώντας αρχικά το εικονίδιο με το “+”…

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

Κάποια από τα θέματα που μπορούμε να επιλέξουμε:

5

ΥποσημείωσηΟι παραπάνω επιλογές μπορούν να μεταβληθούν οποτεδήποτε θελήσουμε να τις αλλάξουμε.

6

Επιλογ

ές π

ου θέλ

ουμε

να

εφαρμό

σουμ

ε.

Κωδικός ασφαλείας.

Δημιουργία του site.

Δημιουργία ενός site – πράξη #2 Έχοντας επιλέξει την επιλογή “Blank template”, θα εμφανιστεί η παρακάτω οθόνη:Οι βασικές περιοχές που παρατηρούμε από επάνω προς τα κάτω, είναι οι εξής:

Συγκεκριμένα:User settings Μας οδηγεί στην οθόνη διαχείρισης στην οποία μπορούμε να καθορίσουμε την χρησιμοποιούμενη γλώσσα (I), την ρύθμιση που αφορά τη ζώνη ώρας (IΙ) καθώς και αν επιθυμούμε να

λαμβάνουμε e-mail με τις αλλαγές που λαμβάνουν χώρα στον ιστότοπό μας, στον λογαριασμό e-mail που έχουμε δηλώσει (IΙΙ).

7

Σύνδεσμοι που μας οδηγούν στις αντίστοιχεςΣύνδεσμοι που μας οδηγούν στις

αντίστοιχες οθόνες διαχείρισης των ιστοτόπων του λογαριασμού μας.

Αποσύνδεση απ’ τον λογαριασμό μας.

My sites Μας οδηγεί στην λίστα με τους ιστότοπούς μας.Στο παρόν παράδειγμα, η λίστα μας περιλαμβάνει δύο sites, το diogenisal 2 και το Δοκιμαστικό.

HelpΜας οδηγεί στην σελίδα παροχής βοήθειας του Google για τα sites.Στη συνέχεια της οθόνης που εμφανίζεται στο βήμα Δημιουργίαενός site – πράξη #2, παρατηρούμε την παρακάτω εργαλειοθήκη:

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

8

Δημιουργία - επισύναψη νέας σελίδας στο site μας.

Αλλαγή/ διαμόρφωση της ενεργής σελίδας.

Επιπλέον ενέργειες.

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

Δημιουργία ενός site – πράξη #3 Για να διαμορφώσουμε το site, μπορούμε να αξιοποιήσουμε τις παρακάτω δυνατότητες:

9

Κεφαλίδα: Τίτλος.

Κεφαλίδα: Πεδίο αναζήτησης στην ιστοσελίδα μας.

Υποσέλιδο

Αρχική σελίδα (HOME).Αριστερή στήλη (sidebar).

Εφαρμογή/Αλλαγή Θέματος ( Theme ) Ακολουθώντας την διαδρομή My sites>“Τίτλος του site”, πατάμε το κουμπί

και στην λίστα πουεμφανίζεται, επιλέγουμε Manage

site.

ΥποσημείωσηΒλέπουμε, παράλληλα, τις υπόλοιπεςεπιλογές που μας παρέχει η λίστα, όπωςείναι η διαγραφή (Delete page) της σελίδαςτου site μας, που είναι ενεργή εκείνη τηνστιγμή, η μετακίνησή της (Move page), η αλλαγή της δομής/μορφής/λειτουργίας της σελίδας μας (Changepage template), οι ρυθμίσεις της σελίδας (Page Settings), κ.ά.

Ο όρος ιστοχώρος (site), περιλαμβάνει το σύνολο των ιστοσελίδων (ή απλά σελίδων) και άλλα βοηθητικά αρχεία.Επανερχόμενοι στο προηγούμενο θέμα, η επιλογή Manage site μας οδηγεί στην παρακάτω σελίδα:

(α) Επιλέγοντας Themes, μας εμφανίζεται η συλλογή απ’ την οποία μπορούμε να επιλέξουμε κάποια θέμα της αρεσκείας μας για τον ιστοχώρο.

10

1. Επιλέγουμε το θέμα που μας αρέσει.

3. Αποθηκεύουμε τις αλλαγές.

2. Βλέπουμε το

αποτέλεσμα.

πριν

……κ

αι

11

Και το

απο

τέλεσμ

α εί

ναι:

(β) Επιλέγοντας Return to site, μεταφερόμαστε στην οθόνη προβολής του ιστοχώρου μας (βλ. παραπάνω εικόνα).

(γ) Επιλέγοντας General, μεταφερόμαστε στην παρακάτω οθόνη, που μας δίνεται η δυνατότητα, μεταξύ άλλων, να αλλάξουμε το όνομα του site μας, να ενεργοποιήσουμε το εργαλείο Google Analytics (http://www.google.com/analytics/), να αλλάξουμε την γλώσσατου site μας, να αλλάξουμε τα δικαιώματα πρόσβασης στο site, να το διαγράψουμε κ.ά.Για να αποθηκευτούν οι αλλαγές, πατάμε το κουμπί Save

changes (*).

12

Ποσοστό % χρήσης του χώρου που μας παρέχει το Google (μέγιστο: 100 ΜΒ).

Αλλαγή ονομασίας του site.

Στατιστικά (Google Analytics).

Τμήμ

α τη

ς οθόν

ης ε

πιλογώ

ν Gene

ral.

.

(δ) Επιλέγοντας Web Address, μας παρέχεται η δυνατότητα αντικατάστασης της διεύθυνσης (url) του site μας με κάποια διεύθυνση που διαθέτουμε ήδη.

ΥποσημείωσηΓια οποιαδήποτε πληροφορία σχετικά με την υπηρεσία Google sites, μπορούμε να επισκεφτούμε το http://sites.google.com/support/.

Δημιουργία ενός site – πράξη #4 Για να τροποποιήσουμε το περιεχόμενο κάποιας σελίδας του site μας, ένας τρόπος είναι να μεταφερθούμε στην αντίστοιχη σελίδα (μέσω του link Return tosite) και στη συνέχεια να πατήσουμε το κουμπί .

13

Ενεργοποιείται με αυτόν τον τρόπο η αντίστοιχη

εργαλειοθήκη:

Εκτός από τις τυπικές λειτουργίες ενός κειμενογράφου, όπως είναι η μορφοποίηση κειμένου, η αναίρεση, η εισαγωγή υπερσυνδέσμου,εισαγωγή εικόνας (Insert> Image), η εισαγωγή/διαχείριση πίνακα (Table) κ.ά., μπορούμε να εισάγουμε επίσης κάποιο video απ’ το youtube (Insert> Video> YouTube), να αλλάξουμε την διαρρύθμιση/ κατάτμηση της σελίδας (Layout) κ.ά.

14

Εισαγωγή πίνακα.

Διαγραφή πίνακα.Διαγραφή γραμμής/ στήλης.

Εισαγωγή γραμμής/ στήλης.

Για να αποθηκευτούν οι αλλαγές, πατάμε το κουμπί .

15

Δημιουργία ενός site – πράξη #5 Για να εισάγουμε μια νέα σελίδα στο siteμας, πατάμε το κουμπί: Παρακάτω εμφανίζεται η οθόνη ρυθμίσεων της νέας σελίδας.

16

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

Ορίζουμε την θέση που θα έχει η σελίδα μας στην δομή/ ιεραρχία.Δηλώνουμε το όνομα της

σελίδας. Μπορούμε να το τροποποιήσουμε αργότερα, πατώντας το κουμπί More actions και επιλέγοντας Page Settings.

Εφαρμόζουμε τις ρυθμίσεις και δημιουργούμε την νέα μας σελίδα.

17

(α) Απλή ιστοσελίδα.

(β) Ιστοσελίδα ανακοινώσεων.

Όταν θελήσουμε να αναρτήσουμε μια ανακοίνωση, πατάμε το κουμπί

New post.

18

Παρακάτω, φαίνεται η σελίδα μας ύστερα από την ανάρτηση δύο ανακοινώσεων:

19

2η ανακοίνωση

1η ανακοίνωση

(γ) Ιστοσελίδα αρχείων.

Σε αυτόν τον τύπο ιστοσελίδας του Google, μπορούμε να διατηρούμε συνδέσμους με αρχεία.

Πατώντας το κουμπί Add File, εμφανίζεται το παρακάτω παράθυρο:

20

Ανάρτηση αρχείου.

Μετακίνηση αρχείου.

Διαγραφή αρχείου.

Προσθήκη

αρχείου από

τον Η/Υ.

Προσθήκη αρχείου από το Δ ιαδίκτυο (url).

Λίγα λόγ ια για τ ο αρχείο.

Επισύν

αψη

του

αρχείο

υ.

Παρακάτω εμφανίζονται τα αρχεία που μπορούν να κατέβουν απ’ την ιστοσελίδα μας καθώς και οι φάκελοι, οι οποίοι μπορούν ναπεριέχουν άλλα αρχεία. Η δημιουργία ενός φακέλου, όπως επίσηςκαι η μετακίνηση ενός αρχείου κάτω από αυτόν (επισημαίνουμε τα αρχεία που θέλουμε να μετακινήσουμε κάνοντας κλικ στο αντίστοιχο check box), γίνεται μέσω του κουμπιού Move to.

(δ) Λίστα

21

Σύνδεσμοι για να «κατεβάσουμε» το αντίστοιχα αρχεία.

Αρχεί

α

(δ) Λίστα.

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

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

22

Επιλέγοντας Action Items, δημιοιυργείται μια ενημερωτική λίστα στοιχείων συγκεκριμένων ενεργειών.

Επιλέγοντας Issue List, δημιουργείται μια λίστα στοιχείων συγκεκριμένων ενεργειών που είναι ανοικτές ακόμα.

Επιλέγοντας Unit Status, δημιουργείται μια λίστα στοιχείων συγκεκριμένων ενεργειών και της κατάστασης που βρίσκεται η κάθε μία.

Καρτέλα εισαγωγής στην νέα κενή λίστα των κατηγοριών προτίμησής μας.

23

24

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

Για παράδειγμα, θέλουμε να κατασκευάσουμε μια λίστα με ενέργειες, τα χαρακτηριστικά των οποίων να είναι:

1.Ονομασία (text).2.Επείγον (check box).3.Ημ/νία που πρέπει να έχει ολοκληρωθεί (date).4.Ολοκληρώθηκε; (drop-down).

Αποθήκευση αλλαγών και δημιουργία

Τύπος στήλης:

Checkbox

Date Drop-down Text URL

Ονομασία στήλης.

Προσθήκη νέας στήλης.

Ταξινόμηση

25

Αφότου περάσουμε τα στοιχεία στην παραπάνω καρτέλα, το

αποτέλεσμα θα είναι:

Όταν θελήσουμε να επισυνάψουμε μια νέαδραστηριότητα στην λίστα μας, το μόνο που έχουμε να κάνουμε είναι πατήσουμε το κουμπί και στην καρτέλα που εμφανίζεται, καταχωρούμε τα στοιχεία.

26

Πατώντας το κουμπί αναρτάται η νέα ενέργεια/δραστηριότητα στην λίστα, όπως φαίνεται στηνπαρακάτω εικόνα:

Κάνοντας διπλό κλικ πάνω σε κάποια δημοσίευση, εμφανίζεται η αντίστοιχη καρτέλα, που μπορούμε να αλλάξουμε κάποιο/α στοιχεία της ή ακόμα και να την διαγράψουμε από την λίστα μας.Για να αλλάξουμε την δομή της λίστας μας, κάνουμε κλικ στον σύνδεσμο Customise this list .

27

Παρακάτω είναι ένα ακόμη παράδειγμα με τρεις ενέργειες που έχουν καταχωρηθεί στην λίστα μας:

Δημιουργία ενός site – πράξη #6 Η αριστερή στήλη του site μας, περιλαμβάνει τις ιστοσελίδες που είδαμε παραπάνω, όπωςεπίσης και την σελίδα Sitemap.Η συγκεκριμένη σελίδα, μας παρέχει μιαεικόνα του περιεχομένου του site μας.Οι επιλογές προβολής είναι ημορφή λίστας καιενεργοποιείται με το κουμπί

28

και η δενδροειδής μορφή, η οποία ενεργοποιείται με τοκουμπί .

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

Μορφή λίστας.

29

Στην βάση της αριστερής στήλης του site, υπάρχει ο σύνδεσμος Edit sidebar , ο οποίος μας οδηγεί στην παρακάτω σελίδα ρυθμίσεων:

Δενδροειδής μορφή.

Αλλαγή/ κατάργηση λογότυπου.

Αλλαγή διαρρύθμισης. Κεφαλίδ

α

Ρυθμίσεις αναζήτησης.

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

Προεπισκόπηση

Ακύρωση αλλαγών.

30

Όπως είδαμε παραπάνω, η δομή/ ιεραρχία των σελίδων του site μας είναι η εξής:

Ακύρωση αλλαγών.

Προσθαφαίρεση στοιχείων στην αριστερή στήλη (sidebar).

Υποσέλιδο

Περιοχή εμφάνισης της εκάστοτε σελίδας.

Εάν θελήσουμε να μετακινήσουμε μια σελίδα (π.χ. την σελίδα Αρχειοθήκη να:την μεταφέρουμε από την σελίδα second page στην σελίδα Home), εμφανίζουμε την σελίδα, επιλέγουμε More actions> Move page, κάνουμε κλικ στην σελίδα της λίστας κάτω

31

Σε περίπτωση που η λίστα δεν έχει την σελίδα Home, κάτω απ’ την οποία θα μεταφερθεί η Αρχειοθήκη, στο συγκεκριμένο παράδειγμα, πληκτρολογούμε την ονομασία της σελίδας (Home) στο αντίστοιχο πεδίο αναζήτησης, πατάμε το κουμπίSearch pages και εμφανίζεται η αντίστοιχη σελίδα.

Εναλλακτικά,μπορούμε ναχρησιμοποιήσουμετις καρτέλεςRecent siteactivityκαιSite map.

Παρακάτω βλέπουμετο αποτέλεσμα της

μετακίνησης:

32