53
Συντάκτης :Δομουχτσής Στέργιος Κατασκευή Ιστοσελίδας Αυτόματο σύστημα Σχολικού Δικτύου Iware

Κατασκευή ιστοσελίδας στο ΠΣΔ

Embed Size (px)

Citation preview

Page 1: Κατασκευή ιστοσελίδας στο ΠΣΔ

Συντάκτης :Δομουχτσής Στέργιος

Κατασκευή Ιστοσελίδας

Αυτόματο σύστημα Σχολικού ΔικτύουIware

Page 2: Κατασκευή ιστοσελίδας στο ΠΣΔ

1ο βήμα

Εγγραφή εκπαιδευτικού στο Πανελλήνιο Σχολικό Δίκτυο

Επιβεβαίωση κωδικών – εισαγωγή σαν χρήστης

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

Page 3: Κατασκευή ιστοσελίδας στο ΠΣΔ

Εισαγωγή στοιχείων χρήστη

Page 4: Κατασκευή ιστοσελίδας στο ΠΣΔ

Επιβεβαίωση στοιχείων χρήστη

Page 5: Κατασκευή ιστοσελίδας στο ΠΣΔ

Πολλαπλές επιλογές Σχολικού Δικτύου

Επιλέγουμε mySch

Page 6: Κατασκευή ιστοσελίδας στο ΠΣΔ

Πολλαπλές επιλογές Σχολικού Δικτύου

Επιλέγουμε Δημιουργία Ιστοσελίδων

Page 7: Κατασκευή ιστοσελίδας στο ΠΣΔ

Ενεργοποίηση Ιστοσελίδας

Χρήστης

Page 8: Κατασκευή ιστοσελίδας στο ΠΣΔ

Αυτόματη εγκατάσταση βάσης δεδομένων

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

Page 9: Κατασκευή ιστοσελίδας στο ΠΣΔ

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

Προσέξτε γιατί δίπλα ακριβώς βρίσκεται το κουμπί της διαγραφής

sos

Page 10: Κατασκευή ιστοσελίδας στο ΠΣΔ

2ο Βήμα Μεταφόρτωση αρχείων

Επιλέγουμε Αρχεία και μετά πατάμε το βέλος

Page 11: Κατασκευή ιστοσελίδας στο ΠΣΔ

Μεταφόρτωση αρχείων

Επιλέγουμε αναζήτηση αρχείου (foto) από τον υπολογιστή μας προς μεταφόρτωση ! Προσοχή στο είδος του αρχείου !!(gif ή jpeg )

Page 12: Κατασκευή ιστοσελίδας στο ΠΣΔ

Επιλέγουμε το αρχείο (από τον υπολογιστή μας )

Page 13: Κατασκευή ιστοσελίδας στο ΠΣΔ

Μεταφόρτωση αρχείων

Page 14: Κατασκευή ιστοσελίδας στο ΠΣΔ

3ο ΒήμαΔιαμόρφωση επικεφαλίδας

Επιλέγουμε Επικεφαλίδα και μετά πατάμε το βέλος

Page 15: Κατασκευή ιστοσελίδας στο ΠΣΔ

Ενεργοποίηση – απενεργοποίηση επικεφαλίδας

Page 16: Κατασκευή ιστοσελίδας στο ΠΣΔ

Διατηρούμε, αν θέλουμε ,τα λογότυπα του Σχολικού δικτύου

Συμπληρώνουμε με νέα στοιχεία ή διαμορφώνουμε την επικεφαλίδα μας από την αρχή

Page 17: Κατασκευή ιστοσελίδας στο ΠΣΔ

4ο Βήμα Διαμόρφωση υποσέλιδου

Επιλέγουμε Υποσέλιδο και μετά πατάμε το βέλος

Page 18: Κατασκευή ιστοσελίδας στο ΠΣΔ

Ενεργοποίηση – απενεργοποίηση υποσέλιδου

Page 19: Κατασκευή ιστοσελίδας στο ΠΣΔ

5ο Βήμα Επεξεργασία Αρχικής σελίδας

Επιλέγουμε Κείμενα και μετά πατάμε το βέλος

Page 20: Κατασκευή ιστοσελίδας στο ΠΣΔ

Επιλέγουμε επεξεργασία αρχικής σελίδας

Page 21: Κατασκευή ιστοσελίδας στο ΠΣΔ

Διαμορφώνουμε την αρχική μας σελίδα

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

Page 22: Κατασκευή ιστοσελίδας στο ΠΣΔ

Εργαλεία επεξεργασίας

Page 23: Κατασκευή ιστοσελίδας στο ΠΣΔ

Επεξεργασία κειμένου Έντονη γραφή

Page 24: Κατασκευή ιστοσελίδας στο ΠΣΔ

Επεξεργασία κειμένου Πλάγια γράμματα

Page 25: Κατασκευή ιστοσελίδας στο ΠΣΔ

Επεξεργασία κειμένου Υπογράμμιση κειμένου

Page 26: Κατασκευή ιστοσελίδας στο ΠΣΔ

Επεξεργασία κειμένου Μετατροπή κειμένου σε δείκτη

Page 27: Κατασκευή ιστοσελίδας στο ΠΣΔ

Επεξεργασία κειμένου Μετατροπή κειμένου σε εκθέτη

Page 28: Κατασκευή ιστοσελίδας στο ΠΣΔ

Επεξεργασία κειμένου Στοίχιση κειμένου αριστερά ,

δεξιά ή στο κέντρο

Page 29: Κατασκευή ιστοσελίδας στο ΠΣΔ

Επεξεργασία κειμένου Κουκίδες και αρίθμηση

Page 30: Κατασκευή ιστοσελίδας στο ΠΣΔ

Επεξεργασία κειμένου Αύξηση ή μείωση εσοχών

Page 31: Κατασκευή ιστοσελίδας στο ΠΣΔ

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

Page 32: Κατασκευή ιστοσελίδας στο ΠΣΔ

Επεξεργασία κειμένουΧρώμα κειμένου

Page 33: Κατασκευή ιστοσελίδας στο ΠΣΔ

Επεξεργασία κειμένου Χρώμα γραμματοσειράς

Επιλέγουμε το χρώμα της αρεσκείας μας

Page 34: Κατασκευή ιστοσελίδας στο ΠΣΔ

Επεξεργασία κειμένου Χρώμα φόντου

Page 35: Κατασκευή ιστοσελίδας στο ΠΣΔ

Επεξεργασία κειμένου Χρώμα φόντου

Επιλέγουμε το χρώμα της αρεσκείας μας

Page 36: Κατασκευή ιστοσελίδας στο ΠΣΔ

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

Βοηθάει στο να απομονώσουμε τμήμα της σελίδας μας

Page 37: Κατασκευή ιστοσελίδας στο ΠΣΔ

Επεξεργασία κειμένουΕισαγωγή υπερσυνδέσμου

Μας μεταφέρει σε μια άλλη σελίδα του Διαδικτύου

Page 38: Κατασκευή ιστοσελίδας στο ΠΣΔ

Εισάγουμε την ακριβή διεύθυνση του υπερσυνδέσμου

Αν γράψουμε mailto: και το e-mail μας , ανοίγει αυτόματα το Outlook και μπορεί ο περιηγητής να μας αποστείλει μήνυμα

Page 39: Κατασκευή ιστοσελίδας στο ΠΣΔ

Επεξεργασία κειμένου Εισαγωγή εικόνας από γνωστή διεύθυνση

Page 40: Κατασκευή ιστοσελίδας στο ΠΣΔ

Εισαγωγή εικόνας από γνωστή διεύθυνση π.χ http://users.sch.gr/stdomus/image1.gif

Page 41: Κατασκευή ιστοσελίδας στο ΠΣΔ

Εισάγουμε την ακριβή διεύθυνση της εικόνας

Πρέπει να είναι ήδη αναρτημένη στο Διαδίκτυο

Page 42: Κατασκευή ιστοσελίδας στο ΠΣΔ

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

Εισάγουμε εικόνα από τα αρχεία που έχουμε ήδη ανεβάσει

Page 43: Κατασκευή ιστοσελίδας στο ΠΣΔ

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

Επιλέγουμε μια εικόνα από τα αρχεία μας με κλικ

Page 44: Κατασκευή ιστοσελίδας στο ΠΣΔ

Επεξεργασία κειμένου Εισαγωγή πίνακα

Page 45: Κατασκευή ιστοσελίδας στο ΠΣΔ

Εισαγωγή πίνακα

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

έχουμε σταθερότητα

Page 46: Κατασκευή ιστοσελίδας στο ΠΣΔ

Επεξεργασία κειμένου Επισκόπηση κώδικα html

Page 47: Κατασκευή ιστοσελίδας στο ΠΣΔ

Επισκόπηση κώδικα html

Απαιτούνται ειδικές γνώσεις για να επεξεργαστούμε τον κώδικα της σελίδας μας. Καλύτερα να μην το προσπαθήσετε!!

Page 48: Κατασκευή ιστοσελίδας στο ΠΣΔ

Δημιουργία υποδελίδων

Ακολουθούμε τα ίδια βήματα με τη διαμόρφωση της αρχικής σελίδας

Page 49: Κατασκευή ιστοσελίδας στο ΠΣΔ

Ονομάστε τη νέα σας σελίδα

Page 50: Κατασκευή ιστοσελίδας στο ΠΣΔ

Επιλέξτε αν θα αποτελεί κατηγορία θεμάτων ή θα ανήκει σε κάποια άλλη κατηγορία

Αν δεν μαρκάρουμε το σημείο αυτό θα εμφανίζεται η σελίδα μας στο μενού

Page 51: Κατασκευή ιστοσελίδας στο ΠΣΔ

Αν δεν μαρκάρουμε το σημείο αυτό, θα εμφανίζεται με αυτόν τον τρόπο η νέα σελίδα μας

στο μενού

Page 52: Κατασκευή ιστοσελίδας στο ΠΣΔ

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

Page 53: Κατασκευή ιστοσελίδας στο ΠΣΔ

Καλή επιτυχία !!!!!

Όταν δημιουργήσετε την ιστοσελίδα σας στείλτε μας τη διεύθυνσή σας για

να σας διαφημίσουμε