Weebly. Σύντομος Οδηγός

Μέγεθος: px

Εμφάνιση ξεκινά από τη σελίδα:

Download "Weebly. Σύντομος Οδηγός"

Κύρος Γερμανός
8 χρόνια πριν
Προβολές:

1 Σύντομος Οδηγός Μάιος 2013

Για να εισέλθουμε στην εφαρμογή, αρχικά ανοίγουμε έναν φυλλομετρητή και πληκτρολογούμε τη διεύθυνση http://www.weebly.com Συμπλθρϊνουμε τα απαραίτθτα ςτοιχεία και δθμιουργοφμε ζναν νζο λογαριαςμό.

2 Για να εισέλθουμε στην εφαρμογή, αρχικά ανοίγουμε έναν φυλλομετρητή και πληκτρολογούμε τη διεύθυνση Συμπλθρϊνουμε τα απαραίτθτα ςτοιχεία και δθμιουργοφμε ζναν νζο λογαριαςμό. Αφού δημιουργήσουμε τον λογαριασμό μας, οδηγούμαστε στη παρακάτω σελίδα: Σε αυτι τθ ςελίδα δίνουμε το όνομα που κζλουμε να ζχει θ ι- ςτοςελίδα μασ κακϊσ και τον τφπο τθσ ιςτοςελίδασ. Όταν τελειϊςουμε πατάμε «Continue». Σελίδα 1

Κατόπιν, οδηγούμαστε στην επόμενη σελίδα: Εδϊ πλθκτρολογοφμε με λατινικοφσ χαρακτιρεσ (πεηά γράμματα, χωρίσ κενά) τθ διεφκυνςθ που κζλουμε να ζχει θ ιςτοςελίδα μασ.

3 Κατόπιν, οδηγούμαστε στην επόμενη σελίδα: Εδϊ πλθκτρολογοφμε με λατινικοφσ χαρακτιρεσ (πεηά γράμματα, χωρίσ κενά) τθ διεφκυνςθ που κζλουμε να ζχει θ ιςτοςελίδα μασ. Τθ διεφκυνςθ αυτι κα τθν πλθκτρολογεί κάποιοσ για να μπαίνει ςτθ ςελίδα μασ. Οι υπόλοιπεσ επιλογζσ δεν μασ ενδιαφζρουν. Τζλοσ, πατάμε Continue. Μετά από αυτό το βήμα οδηγούμαστε στην παρακάτω σελίδα: Αυτό είναι το κεντρικό περιβάλλον τθσ εφαρμογισ. Το φόντο (κζμα) που φαίνεται από πίςω εφαρμόηεται μόνο του εξ οριςμοφ. Αυτό μπορεί να αλλάξει όπωσ κα δοφμε ςτθ ςυνζχεια. Σελίδα 2

4 Σε αυτό το ςθμείο πρζπει να ςθμειϊςουμε ότι το Weebly πρόςφατα ανανεϊκθκε και ζχει καινοφριο περιβάλλον. Όςοι επικυμοφν να εργαςτοφν ςτο παλιό περιβάλλον κα πρζπει να επιλζξουν το κουμπί Revert to Old Editor. Ό- ςοι επικυμοφν να εργαςτοφν ςτο καινοφριο περιβάλλον δεν επιλζγουν το παραπάνω κουμπί και ςυνεχίηουν να εργάηονται κανονικά. Για να ορίςουμε ζνα ςτυλ εμφάνιςθσ (κζμα) που κα ζχει θ ιςτοςελίδα μασ, επιλζγουμε το κουμπί Design. Όταν πατήσουμε το κουμπί Design θα εμφανιστούν οι παρακάτω επιλογές στο αριστερό μέρος της σελίδας: Σελίδα 3

5 Εδϊ, μποροφμε να αλλάξουμε το ςτυλ εμφάνιςθσ (theme) τθσ ιςτοςελίδασ μασ, να ορίςουμε τθ γραμματοςειρά που κα χρθςιμοποιιςουμε κακϊσ και να ενεργοποιιςουμε ι να απενεργοποιιςουμε τθν εμφάνιςθ πλαιςίου αναηιτθςθσ, εικονιδίων κοινωνικισ δικτφωςθσ ι αρικμό τθλεφϊνου. Επίςθσ ζχουμε τθ δυνατότθτα να επεξεργαςτοφμε τον HTML ι CSS κϊδικα. Για να ορίςουμε ζνα διαφορετικό ςτυλ εμφάνιςθσ (κζμα) από το προεπιλεγμζνο, επιλζγουμε το κουμπί Change Theme. Αμέσως θα εμφανιστεί η επόμενη σελίδα: Σελίδα 4

6 Σε αυτι τθ ςελίδα αν επιλζξουμε (από τα αριςτερά) All Styles τότε κα εμφανιςτοφν όλα τα διακζςιμα κζματα. Αν κζλουμε να εμφανίςουμε τα κζματα ανά κατθγορία, τότε επιλζγουμε τθν αντίςτοιχθ κατθγορία από τα αριςτερά τθσ ςελίδασ. Αν περάςουμε με το ποντίκι μασ επάνω από ζνα κζμα (κζμα που μασ ενδιαφζρει) τότε κα ενεργοποιθκοφν τα κουμπιά Preview και Choose. Για να δοφμε πωσ εφαρμόηεται το κζμα μασ επιλζγουμε το κουμπί Preview. Σελίδα 5

7 Αμέσως παρατηούμε ότι το θέμα μας θα εφαρμοστεί και η σελίδα μας γίνεται κάπως έτσι: Αν μασ ικανοποιεί το αιςκθτικό αποτζλεςμα, τότε επιλζγουμε το κουμπί Choose. Σε αντίκετθ περίπτωςθ πατάμε Cancel, επιςτρζφουμε ςτθ ςελίδα με τα διακζςιμα κζματα και επαναλαμβάνουμε τθν ίδια διαδικαςία. Όπωσ παρατθροφμε, το κζμα μασ εφαρμόςτθκε. Σελίδα 6

8 Για να αλλάξουμε τθν κεντρικι εικόνα τθσ ςελίδασ μασ περνάμε με το ποντίκι μασ επάνω από τθν εικόνα. Αμζςωσ ενεργοποιείται το κουμπί Edit Image. Το πατάμε. Όταν θα πατήσουμε το κουμπί Edit Image θα εμφανιστεί το παρακάτω παράθυρο: Εδϊ πατάμε το κουμπί Add Image = Προςκικθ εικόνασ Σελίδα 7

Επιλζγουμε Upload a photo from your computer για να Ανεβάςουμε μια εικόνα από τον υπολογιςτι μασ. Τέλος, πατάμε Save για να αποθηκεύσουμε τις αλλαγές.

9 Επιλζγουμε Upload a photo from your computer για να Ανεβάςουμε μια εικόνα από τον υπολογιςτι μασ. Τέλος, πατάμε Save για να αποθηκεύσουμε τις αλλαγές. Για να προσθέσουμε σελίδες στο site μας (και κατ επέκταση κουμπιά του μενού γιατί κάθε σελίδα αντιστοιχεί και σε ένα κουμπί): Πατάμε το κουμπί Pages Σελίδα 8

Οδηγούμαστε στην παρακάτω σελίδα: 1. Πατάμε το κουμπί Add Page >> Standard Page 3. Επιλζγουμε τθ διάταξθ τθσ ςελίδασ μασ 4. Τζλοσ, πατάμε Save & Edit για να αποκθκεφςουμε τισ αλλαγζσ μασ.

10 Οδηγούμαστε στην παρακάτω σελίδα: 1. Πατάμε το κουμπί Add Page >> Standard Page 3. Επιλζγουμε τθ διάταξθ τθσ ςελίδασ μασ 4. Τζλοσ, πατάμε Save & Edit για να αποκθκεφςουμε τισ αλλαγζσ μασ. 2. Δίνουμε όνομα ςτθ ςελίδα μασ Επαναλαμβάνουμε την ίδια διαδικασία για να προσθέσουμε όσες σελίδες επιθυμούμε. Για να εισάγουμε περιεχόμενο στις σελίδες μας: Πατάμε το κουμπί Build Σελίδα 9

11 Μας εμφανίζονται όλα τα διαθέσιμα εργαλεία στο αριστερό μέρος της σελίδας: Σφρουμε τθν κατακόρυφθ ράβδο κφλιςθσ για να προςπελάςουμε όλα τα διακζςιμα εργαλεία τθσ εφαρμογισ Διακζςιμα εργαλεία Σημείωση!!! Στα αριστερά υπάρχουν 5 κατηγορίες: Basic, Structure, Media, Commerce και More. Kάθε κατηγορία περιέχει τα εργαλεία (widgets) που αντιστοιχούν στην κατηγορία αυτή. Για να χρησιμοποιήσουμε ένα εργαλείο, αρκεί να το σύρουμε (με αριστερό κλικ πατημένο) μέσα στη σελίδα μας (παρακάτω εικόνα - παράδειγμα απλής εισαγωγή κειμένου). Η ίδια φιλοσοφία ισχύει για όλα τα εργαλεία. Να σημειωθεί ότι τα εργαλεία της κατηγορίας Commerce, χρησιμοποιούνται κυρίως για τη δημιουργία ενός e-shop. Σελίδα 10

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

12 Με πατθμζνο αριςτερό κλικ ςζρνουμε το εργαλείο text μζςα ςτθ ςελίδα μασ Με το που γίνει αυτό η σελίδα μας θα γίνει κάπως έτσι: Το μόνο που ζχουμε να κάνουμε τϊρα είναι αριςτερό κλικ επάνω ςτθ φράςθ Click here to edit και να γράψουμε Με την ίδια λογική χρησιμοποιούμε τα περισσότερα εργαλεία της εφαρμογής. Σελίδα 11

13 Για να δημοσιεύσουμε την ιστοσελίδα μας: Πατάμε το κουμπί Publish Αμέσως θα εμφανιστεί η επόμενη σελίδα: H ςελίδα μασ δθμοςιεφκθκε επιτυχϊσ ςτθ διεφκυνςθ που είχαμε ορίςει εξαρχισ Αυτό ςθμαίνει πωσ αν κάποιοσ πλθκτρολογιςει τθν παραπάνω διεφκυνςθ κα δει τθν ιςτοςελίδα μασ!!!! Σελίδα 12

14 Η ιστοσελίδα που παράγει το Weebly δημιουργείται κατά τέτοιον τρόπο έτσι ώστε να είναι συμβατή με όλες τις κινητές συσκευές. Αν θελήσουμε να κάνουμε κάποιες γενικές ρυθμίσεις που αφορούν την ιστοσελίδα μας: Επιλζγουμε το κουμπί Settings Αμέσως εμφανίζεται η επόμενη σελίδα: Σελίδα 13

15 Στην παραπάνω σελίδα μπορούμε να επεξεργαστούμε ρυθμίσεις που σχετίζονται με: 1. Τη διεύθυνση και τον τίτλο της σελίδας μας, όπως επίσης τη φόρτωση ενός προσωπικού μας favicon και την προστασία με κωδικό της σελίδας μας (General). 2. Το Search Engine Optimization (SEO). 3. Το ηλεκτρονικό εμπόριο, σε περίπτωση που θέλουμε να δημιουργήσουμε ένα e-shop (Ecommerce). 4. Τη δημοσίευση της ιστοσελίδας μας σε κινητές συσκευές (Mobile). 5. Άλλους συντάκτες που επεξεργάζονται τη σελίδα μας (Editors). 6. Τη δημιουργία αντιγράφου ασφαλείας της ιστοσελίδας μας ή την κατάργηση της δημοσίευσης της ιστοσελίδας μας (Archive/Unpublish). Για να εξέλθουμε από την κατάσταση επεξεργασίας της σελίδας μας: Επιλζγουμε το εικονίδιο που υπάρχει ςτο επάνω δεξί μζροσ τθσ ςελίδασ μασ και ςτθν ςυνζχεια επιλζγουμε Exit Editor Σελίδα 14

16 Σε αυτι τθ ςελίδα μποροφμε να δοφμε τθν ιςτοςελίδα που μόλισ δθμιουργιςαμε. Πατϊντασ το κουμπί Edit μποροφμε να τθν επεξεργαςτοφμε ξανά. Για να εξζλκουμε από το Weebly αρκεί να κάνουμε ζνα αριςτερό κλικ ςτθν επιλογι Logout. Σελίδα 15

Σχετικά έγγραφα

ΠΑΡΑΡΤΗΜΑ 7 ΔΙΑΔΙΚΑΣΙΕΣ ΠΑΡΟΧΗΣ ΔΙΑΣΥΝΔΕΣΗΣ

ΠΑΡΑΡΤΗΜΑ 7 ΔΙΑΔΙΚΑΣΙΕΣ ΠΑΡΟΧΗΣ ΔΙΑΣΥΝΔΕΣΗΣ 1. ΔΙΑΔΙΚΑΣΙΕΣ ΓΙΑ ΣΥΝΑΨΗ ΣΥΜΦΩΝΙΑΣ ΔΙΑΣΥΝΔΕΣΗΣ 1.1 Για σύναψη Συμφωνίας Διασύνδεσης, ο Παροχέας θα πρέπει να αποστείλει στη Cyta επιστολή συνοδευόμενη από την