Φύλλο εργασίας 2

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

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

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

Εισαγωγή κυρίως περιεχομένου & στοιχείων.

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

Το κυρίως περιεχόμενο θα είναι εικόνες, κείμενο και video.

Μπορείτε να αναζητήσετε δικό σας περιεχόμενο, με τη βοήθεια της αναζήτησης στο Διαδίκτυο.

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

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

και κείμενο στο αρχείο με διαδρομή «Δημόσιο/B1/ images for sites»

Κείμενο που μας χρειάζεται θα βρείτε στην ίδια τοποθεσία του ΗΥ σας που βρίσκονται και οι εικόνες

δηλ . στη διαδρομή «Δημόσιο/B1/»

Στο αρχείο που υπάρχει εκεί με όνομα «Υπηρεσίες Διαδικτύου- Θεωρητικά.doc» θα βρείτε κείμενο

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

ιστοσελίδας μας.

Πειραματιστείτε με την εισαγωγή κειμένου και τη μορφοποίησή του.

Δραστηριότητα 2η - Εισαγωγή κυρίως περιεχομένου & στοιχείων

Βήμα 6ο. – Εισαγωγή σελίδων

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

μέρος της ιστοσελίδας (ή και σε διαφορετικό σημείο αναλόγως το Θέμα (Themes) που έχετε

επιλέξει στο προηγούμενο βήμα.

Όπως φαίνεται και στην εικόνα 10,

με βοηθά το κουμπί “Add Page”

δηλ. "Προσθήκη σελίδας", και με

το “Page Name” ορίζουμε το όνομα

της σελίδας μας δηλ. και του μενού.

Εικόνα 1

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

Κάνοντας κλικ στην επιλογή "Προσθήκη σελίδας" μπορείτε να προσθέσετε μια σελίδα, να

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

με το σύρσιμο τους πάνω και κάτω στη λίστα.

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

Παρακάτω φαίνονται καλύτερα αυτές οι επιλογές. Επιλέξτε επίσης το “Page Layout” δηλαδή τη

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

Εδώ προτείνω για «Page Layout»

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

“Short Header”

και σε άλλες δύο το “Landing

Page”

Εικόνα 2

Να δημιουργηθούν τα εξής (τουλάχιστον) μενού όπως φαίνεται στην παρακάτω εικόνα.

Χρήση υποσελίδας

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

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

τις νέες σελίδες σας.

Εναλλακτικά να δοκιμάσετε μια καλύτερη επιλογή ώστε να αποφευχθεί ο σύνδεσμος

Περισσότερα . Θα πρέπει οι επιπλέον σελίδες του site σας να γίνουν υπο-σελίδες σε άλλες

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

Πώς; Σύρετε μια σελίδα κάτω και στα δεξιά μιας άλλης σελίδα στην λίστα για να

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

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

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

Βήμα 7ο. - Εισαγωγή εικόνων

Η εισαγωγή εικόνων σε κάποια σελίδα είναι πολύ εύκολη: σύρετε και αφήνετε το στοιχείο Image

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

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

Ας προσπαθήσετε να εισάγετε τις εικόνες από τον φάκελο που τις έχετε στον υπολογιστή σας στις

σελίδες της ιστοσελίδας σας. Υπάρχουν εικόνες με τα αντίστοιχα ονόματα δηλ. WWW, FTP κλπ.

Δηλαδή θα προσθέσετε πέντε (5) τουλάχιστον εικόνες, μία σε κάθε σελίδα μενού.

Οι εικόνες είναι αποθηκευμένες στο φάκελο της επιφάνειας εργασίας «Δημόσιο» και στον

υποφάκελο «Β1/ images for sites» , και είναι δύο για κάθε μία σελίδα,

π.χ. για το e-mail υπάρχουν οι εικόνες email_1.jpg & email_2.jpg

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

Βήμα 8ο. - Προσθήκη και επεξεργασία κειμένου

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

και σύροντας το στοιχείο Text στη σελίδα μας, όπως φαίνεται στην παρακάτω Εικόνα 3.

Εικόνα 3

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

κειμένου. Για να γράψετε το κείμενό θα πρέπει να κάνετε κλικ μέσα στο στοιχείο κειμένου.

Μπορείτε να γράψετε είτε μια λέξη, είτε μια πρόταση ακόμα και πολλές παραγράφους σε ένα μόνο

στοιχείο. Όταν γράφετε κείμενο, μια μπάρα εργαλείων, όπως αυτή της Εικόνα 4, εμφανίζεται πάνω

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

Εικόνα 4

Για να αλλάξετε τη μορφοποίηση, αρκεί να επιλέξετε το κείμενο και να κάνετε κλικ στο κουμπί της

μπάρας εργαλείων που σας ενδιαφέρει.

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

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

(link), αλλαγή alignment , δημιουργία λίστας και αναίρεση μορφοποίησης.

Ένα από τα πράγματα που δεν μπορεί να αλλάξει είναι το στυλ της γραμματοσειράς.

Αυτή η ρύθμιση ελέγχεται από αλλού.

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

Για την προσθήκη περισσότερου κειμένου μπορείτε να συνεχίσετε γράφοντας στο ίδιο στοιχείο

σύροντας ένα νέο στοιχείο ή χρησιμοποιώντας κάποιο από τα παρακάτω στοιχεία:

1. Title: Χρησιμοποιείται για την προσθήκη

τίτλου/κεφαλίδας στη σελίδα.

2. Paragraph w/ Title: Ένα στοιχείο παραγράφου με

ενσωματωμένο χώρο για τίτλο.

3. Paragraph w/ Picture: ένα στοιχείο παραγράφου

με ενσωματωμένο χώρο για τίτλο και εικόνα.

Εικόνα 5

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

Βήμα 9ο. – Εισαγωγή Βίντεο (προαιρετικό)

Η Εισαγωγή Βίντεο από το YouTube είναι παρόμοια με την εισαγωγή εικόνας όπως φαίνεται στην

Εικόνα 6 .

Το στοιχείο αυτό βρίσκεται στη δεξιά λίστα στον υποκατάλογο MEDIA.

Θα επιλέξετε το στοιχείο αυτό και θα το αφήσετε στη σελίδα σας.

Εικόνα 6

Θα πρέπει να εισάγετε τον υπερ-σύνδεσμο ή «Link» του βίντεο που έχετε επιλέξει από το

YouTube, στο πεδίο του URL, όπως φαίνεται στην παρακάτω Εικόνα 7

Εικόνα 7