Δημιουργία ιστοσελίδων με το Weebly
Transcript of Δημιουργία ιστοσελίδων με το Weebly
Δημιουργία ιστοσελίδων με το 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!!!