Φύλλο Εργασίας 1

Σχολείο :ΓΕΛ ΦΙΛΙΑΤΩΝ

Τάξη : Β’ Εκτιμώμενη διάρκεια: 1 ώρα

Θέμα : Δημιουργία Ιστοσελίδων με τη βοήθεια του περιβάλλοντος του «Weebly».

Εισαγωγή στο περιβάλλον -Αρχικά βήματα και βασικές επιλογές

Δραστηριότητα 1η - Αρχικά βήματα και επιλογές

Προετοιμασία των μαθητών

Σκοπός της δραστηριότητας:

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

εργαλείου.

Nα παρουσιάσετε σε αυτό το “site” τις διάφορες υπηρεσίες του Διαδικτύου.

Ο τίτλος της Ιστοσελίδας που θα δημιουργήσετε θα είναι:

«Οι Υπηρεσίες του Διαδικτύου»

Επειδή οι περισσότεροι δεν γνωρίζετε την εφαρμογή, να ανατρέξετε στην βοηθητική ιστοσελίδα που

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

στο URL http://efarmogesypologistonodigies.weebly.com/

Έτοιμες εικόνες θα βρείτε στον Υπολογιστή σας και στη διαδρομή ξεκινώντας από την «Επιφάνεια

εργασίας» «Δημόσιο/B1/ images for sites”

Οι ομάδες που θα δημιουργηθούν θα είναι των 2 μαθητών η κάθε μία, άρα θα δημιουργήσετε 8

ομάδες.

Βήμα 1ο. - Εισαγωγή στο Weebly

Εγγραφή -Είσοδο στην ιστοσελίδα του Weebly από τις ομάδες.Στην ιστοσελίδα

http://students.weebly.com/ δίνουμε ένα όνομα χρήστη, ένα email και κωδικό για την

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

Εικόνα 1

Εικόνα 1

Αυτό το βήμα το έχω προετοιμάσει και σας έχω ενεργοποιήσει οκτώ (8) λογαριασμούς μαθητών για την είσοδό σας στο Weebly -για διευκόλυνσή σας- ώστε να δουλέψετε ανά ομάδες των δύο ατόμων.

Τζόκας Σπ. Β΄Επίπεδο 2

Βήμα 2ο. – Αρχικές επιλογές Από την επόμενη οθόνη διαλόγου επιλέγουμε

“Create a Site”.

Στην οθόνη που εμφανίζεται - όπως δείχνει η Εικόνα 2 – πληκτρολογούμε το URL (το οποίο έχουμε

συζητήσει στην προετοιμασία) για την ιστοσελίδα σας δηλαδή το και συνεχίζουμε με “continue”.

Εικόνα 2

Στη συνέχεια η οθόνη θα μοιάζει με την Εικόνα 3

Εικόνα 3

Επιλέγοντας το “Edit site” όπως φαίνεται παραπάνω το σύστημα μας οδηγεί στο περιβάλλον όπου

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

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

Τζόκας Σπ. Β΄Επίπεδο 3

Βήμα 3ο. – Προσθήκη κειμένου- αλλαγή τίτλου στην αρχική σελίδα Το σύστημα θα μας εισάγει στο περιβάλλον

επεξεργασίας του site μας.

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

από «My site” σε

«Οι Υπηρεσίες του Διαδικτύου»

Εικόνα 4

Επιλέγοντας το “My site” πληκτρολογούμε το

νέο κείμενο για τον Τίτλο.

Εικόνα 5

Στο κάτω μέρος της ιστοσελίδας σύρουμε το εικονίδιο “TEXT” στο χώρο κάτω από την εικόνα , όπου

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

της Β’ ΓΕΛ Φιλιατών» όπου «Χ» ο αριθμός της ομάδας σας.

Δέστε την παρακάτω εικόνα:

Η Εργαλειοθήκη Μορφοποίησης μας βοηθά να αλλάξουμε τη μορφή του κειμένου μας.

Τζόκας Σπ. Β΄Επίπεδο 4

Βήμα 4ο. - Αλλαγή εικόνας στην αρχική σελίδα Ας προσπαθήσουμε να εισάγουμε την εικόνα pic-1.jpg από τον φάκελο με τις εικόνες στον υπολογιστή σας στην αρχική σελίδα της ιστοσελίδας μας. Για την αλλαγή εικόνας στην αρχική μας ιστοσελίδα

ακολουθείστε τα εξής απλά βήματα:

[1] Επιλέγουμε το κουμπί “Edit Image”

[2] Επιλέγουμε το “Add Image”

[3] Επιλέγουμε το “Upload a photo from your computer”. Στο παράθυρο που εμφανίζεται

πηγαίνουμε στον φάκελο “ Δημόσιο/B1/ images for sites” και επιλέγουμε την pic-1.jpg.

[4] Προσαρμόζουμε την εικόνα στη σελίδα μας και πατάμε ”OK”.

[5] Τελευταίο βήμα επιλέγουμε από “Save” το “ Save only this page”για να αποθηκεύσουμε

τις επιλογές μας μόνο στην αρχική σελίδα ή “Cancel” για ακύρωση.

Το αποτέλεσμα θα πρέπει να είναι κάπως έτσι:

[ 1 ]

[2 ] [ 3 ]

[ 4] [ 5]

Τζόκας Σπ. Β΄Επίπεδο 5

Βήμα 5ο. – Βασικές επιλογές

Στην καρτέλα Design επιλέγουμε θέματα, χρώματα,

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

μας όπως δείχνει και η Εικόνα 66

Πιο συγκεκριμένα στην περιοχή με τίτλο : “Design Options”

μπορούμε:

α) Στην επιλογή “Change Theme” να επιλέξουμε το θέμα

ανάμεσα από τα διαθέσιμα που μας προτείνει το Weebly,.

Στη συνέχεια, επιλέγουμε “Preview “ αν θέλουμε να

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

Επιλέγοντας “Cancel” ή “Choose” αναιρούμε ή επιλέγουμε

το θέμα που μας ταιριάζει.

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

εύκολα να αλλάξουμε το θέμα με τον ίδιο τρόπο.

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

Δέστε την Εικόνα 87

.

Εικόνα 6

Εικόνα 7 Change Theme

Επιλέξτε διάφορα θέματα έως να βρείτε

το θέμα που σας αρέσει

Τζόκας Σπ. Β΄Επίπεδο 6

β) Από την επιλογή “Change Fonts” προσαρμόζoυμε το στυλ

των χαρακτήρων.

Του τίτλου από την περιοχή “Head Area”

Στην υπόλοιπη ιστοσελίδα στην περιοχή “General”

‘Ετσι:

Επιλέξτε μια νέα γραμματοσειρά επιλέγοντας

Paragraph Text και απο από το μενού drop-down

επιλέξτε γραμματοσειρά

Επιλέξτε ένα νέο μέγεθος γραμματοσειράς.

Αλλάξτε το ύψος της γραμματοσειράς.

Αλλάξτε το χρώμα γραμματοσειράς, κάνοντας κλικ στο

πλαίσιο χρώματος.

Θα σας βοηθήσει η Εικόνα 8

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

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

γ) Με την επιλογή “Change background” αλλάζουμε

το φόντο της σελίδας μας.

Δεν ξεχνάμε να πατάμε στο τέλος “Save” ή “Cancel”

Μπορείτε να πειραματισθείτε με διαφορετικές μορφοποιήσεις .

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

Εικόνα 8 Change Fonts

Εικόνα 9 Change background