34
Πανεπιστήμιο Αιγαίου Παιδαγωγικό Τμήμα Δημοτικής Εκπαίδευσης Σημειώσεις για τις Ιστοσελίδες του Google 1

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

Embed Size (px)

DESCRIPTION

a

Citation preview

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

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

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

1

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

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

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

Ιστότοποι.

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

Βήμα 2 ο Εάν έχουμε ήδη λογαριασμό στο Google Sites,

πληκτρολογούμε το E-mail (1) και το Password

(2) και πατάμε το κουμπί Σύνδεση.

Εάν δεν έχουμε λογαριασμό, πατάμε τον σύνδεσμο

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

2

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

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

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

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

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

…ή το σχεδιάζουμε από την αρχή.

Πλη

κτρολογούμ

ε το όνομα

του site.

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

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

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

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

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

3

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

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

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

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

4

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

Επιλογές που θέλουμ

ε να εφ

αρμ

όσουμε.

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

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

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

5

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

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

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

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

Οι βασικές περιοχές που παρατηρούμε από επάνω προς τα κάτω, είναι οι εξής:

Συγκεκριμένα:User settings Μας οδηγεί στην οθόνη διαχείρισης στην οποία μπορούμε να καθορίσουμε

την χρησιμοποιούμενη γλώσσα (I), την ρύθμιση που αφορά τη ζώνη ώρας

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

δηλώσει (IΙΙ).

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

6

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

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

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

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

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

7

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

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

Υποσέλιδο

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

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

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

8

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

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

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

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

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

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

9

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

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

10

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

1. Επιλέγουμε το θέμα που μας αρέσει.3. Αποθηκεύουμε τις αλλαγές.2. Βλέπουμε το αποτέλεσμα.

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

11

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

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

Τμήμα της οθόνης επιλογώ

ν Gen

eral..

πριν

……

κα

ι μ

ετά

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

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

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

Κα

ι το

απο

τέλε

σμα

είν

αι:

12

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

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

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

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

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

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

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

13

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

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

Διαγραφή πίνακα.

Διαγραφή γραμμής/ στήλης.

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

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

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

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

14

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

15

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

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

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

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

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

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

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

16

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

Ανάρτηση αρχείου. Μετακίνηση αρχείου. Διαγραφή αρχείου.

Προσθήκη αρχείου από τον Η

/Υ.

Προσθήκη αρχείου από το Δ

ιαδίκτυο (url).Λ

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

Επισύναψ

η του αρχείου.

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

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

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

17

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

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

Αρχεία

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

(δ) Λίστα

(δ) Λίστα.

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

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

18

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

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

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

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

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

19

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

Τύπος στήλης: Checkbox Date Drop-down Text URL

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

Προσθήκη νέας στήλης. Ταξινόμηση

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

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

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

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

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

20

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

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

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

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

21

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

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

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

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

22

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

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

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

23

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

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

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

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

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

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

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

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

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

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

24

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

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

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

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

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

25

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

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

26