Δημιουργία ιστοσελίδων με το Weebly

ΣΤΕΦΑΝΟΠΟΥΛΟΥ ΟΛΓΑΚΑΘΗΓΗΤΡΙΑ ΠΛΗΡΟΦΟΡΙΚΗΣ ΠΕ19

Πληκτρολογούμε:www.weebly.com

Κάνουμε log in στην υπηρεσία

Γράφουμε το email και τον κωδικό μας

Δημιουργούμε έναν νέο ιστότοπο

Επιλέγουμε ένα από τα έτοιμα θέματα του weebly για τον

ιστότοπο μας.

Μόλις εντοπίσουμε το θέμα που μας αρέσει

κάνουμε κλικ πάνω σε αυτό.

Επιλέγουμε την διεύθυνση του ιστότοπου μας

Η κατάληξη weebly.com είναι απαραίτητη για τις δωρεάν υπηρεσίες του weebly.

Ο ιστότοπος μας είναι έτοιμος! Τώρα μπορούμε να αρχίσουμε να προσθέτουμε

ιστοσελίδες και περιεχόμενο!

Αρχικά θα δημιουργήσουμε τις βασικές ιστοσελίδες του ιστοχώρου μας.

Ανοίγουμε την καρτέλα Pages

Εδώ βλέπουμε τις προεπιλεγμένες ιστοσελίδες του θέματος που επιλέξαμε. Μπορούμε να τις

μετονομάσουμε ή να τις διαγράψουμε τελείως

Θα προσθέσουμε μια νέα ιστοσελίδα

Από το μενού που εμφανίζεται επιλέγουμε: Standard Page

1. Δίνουμε ένα όνομα στην σελίδα

3. Πατάμε το πλήκτρο Done

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

Για να σβήσουμε μια σελίδα, πατάμε πάνω στο όνομα της και

μόλις εμφανιστεί το μενού επιλογών της πατάμε το πλήκτρο

Delete.

Διαγράφουμε και τις άλλες δυο ιστοσελίδες που δεν

χρειαζόμαστε.

Προσθέτουμε τις ιστοσελίδες που χρειαζόμαστε

Στην καρτέλα Settings μπορούμε να δούμε τις ρυθμίσεις του site

Επιλέγουμε τον τίτλο του site και πατάμε το πλήκτρο Save

Επιλέγουμε την κατηγορία του site και πατάμε το πλήκτρο Save

Από την καρτέλα Build μπορούμε να εισάγουμε

περιεχόμενο στις ιστοσελίδες μας

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

περιοχή που θέλουμε.

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

Κειμένου, Εικόνας, Συλλογής Εικόνων, Χάρτη, Φόρμα

Επικοινωνίας

Ας επιχειρήσουμε να τροποποιήσουμε την σελίδα «Καλαμάτα»

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

πλήκτρο Edit Background.

Για να εισάγουμε μια εικόνα δικής μας

επιλογής πατάμε το πλήκτρο Add Image

Μπορούμε να επιλέξουμε μια από

τις διαθέσιμες εικόνες

Μπορούμε να εισάγουμε δική μας

εικόνα

Μπορούμε να εισάγουμε εικόνα από τον υπολογιστή

μας

Επιλέγουμε την εικόνα που επιθυμούμε και πατάμε Άνοιγμα

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

πλήκτρο Save

Η εικόνα στην επικεφαλίδα της σελίδας

άλλαξε!

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

κατάλληλα στοιχεία και τα σύρουμε στο σημείο που θέλουμε

Για να εισάγουμε τίτλο στην σελίδα επιλέγουμε το εικονίδιο

Title

Εργαλειοθήκη κειμένου

Έντονη γραφή

Πλάγια γραφή

Υπογράμμιση

Μέγεθος κειμένου

ΧρώμαΥπερσύνδεση

Στοίχιση

Για να εισάγουμε κείμενο στην σελίδα μας θα

χρησιμοποιήσουμε το εικονίδιο κειμένου (Text)

Πληκτρολογώ το κείμενο μου ή το εισάγω με Αντιγραφή (Ctrl + C) και Επικόλληση (Ctrl + V)

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

Image

Μπορούμε να εισάγουμε εικόνα από τον υπολογιστή

μας

Επιλέγουμε την εικόνα που επιθυμούμε και πατάμε Άνοιγμα

Εργαλειοθήκη Εικόνας

Μπορούμε να επεξεργαστούμε την εικόνα

Μπορούμε να αλλάξουμε την εικόναΥπερσύνδεση

εικόνας

Στοίχιση εικόνας

Θέση εικόνας

Για να δημιουργήσουμε έναν υπερσύνδεσμο επιλέγουμε το κείμενο ή την λέξη που θέλουμε και επιλέγουμε το

αντίστοιχο εργαλείο

Γράφουμε την διεύθυνση της ιστοσελίδας

Μπορούμε να εισάγουμε βίντεο από το YouTube χρησιμοποιώντας

το αντίστοιχο εικονίδιο

Θα χρειαστούμε την διεύθυνση από το βίντεο του YouTube που

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

Γράφουμε την διεύθυνση του βίντεο

Ρυθμίζουμε τη στοίχιση του βίντεο

Ρυθμίζουμε το μέγεθος του βίντεο

Ας δημιουργήσουμε μια υπο-σελίδα με το όνομα «Αξιοθέατα»

στην σελίδα «Καλαμάτα».

1. Δημιουργούμε μια νέα σελίδα

2. Δίνουμε στη νέα σελίδα το όνομα

«Αξιοθέατα» και την αποθηκεύουμε

3. Σύρουμε την νέα σελίδα κάτω από την σελίδα «Καλαμάτα» και την

τοποθετούμε λίγο πιο δεξιά από τις υπόλοιπες

Βλέπουμε την υπο-σελίδα που μόλις δημιουργήσαμε

Αποθηκεύουμε τις αλλαγές μας και δημοσιεύουμε τον

ιστότοπο μας

Μόλις φτιάξαμε το πρώτο μας site!!!