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

Post on 03-Dec-2014

35.404 views 2 download

description

a

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

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

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

1

Βήμα 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

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

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

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

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

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

Πλη

κτρολογούμ

ε το όνομα

του site.

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

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

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

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

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

3

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

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

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

4

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

ε να εφ

αρμ

όσουμε.

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

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

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

5

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

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

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

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

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

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

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

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

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

6

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

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

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

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

7

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

Υποσέλιδο

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

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

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

8

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

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

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

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

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

9

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

10

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

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

11

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

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

ν Gen

eral..

πριν

……

κα

ι μ

ετά

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

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

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

Κα

ι το

απο

τέλε

σμα

είν

αι:

12

(δ) Επιλέγοντας 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

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

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

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

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

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

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

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

14

15

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

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

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

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

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

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

16

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

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

/Υ.

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

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

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

Επισύναψ

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

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

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

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

17

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

Αρχεία

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

(δ) Λίστα

(δ) Λίστα.

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

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

18

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

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

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

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

19

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

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

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

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

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

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

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

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

20

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

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

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

21

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

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

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

22

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

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

23

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

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

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

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

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

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

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

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

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

24

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

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

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

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

25

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

26