Κατασκευή ιστοσελίδας στο ΠΣΔ
TRANSCRIPT
![Page 1: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/1.jpg)
Συντάκτης :Δομουχτσής Στέργιος
Κατασκευή Ιστοσελίδας
Αυτόματο σύστημα Σχολικού ΔικτύουIware
![Page 2: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/2.jpg)
1ο βήμα
Εγγραφή εκπαιδευτικού στο Πανελλήνιο Σχολικό Δίκτυο
Επιβεβαίωση κωδικών – εισαγωγή σαν χρήστης
Αν δεν είστε εγγεγραμένος χρήστης κάντε κλικ εδώ
![Page 3: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/3.jpg)
Εισαγωγή στοιχείων χρήστη
![Page 4: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/4.jpg)
Επιβεβαίωση στοιχείων χρήστη
![Page 5: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/5.jpg)
Πολλαπλές επιλογές Σχολικού Δικτύου
Επιλέγουμε mySch
![Page 6: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/6.jpg)
Πολλαπλές επιλογές Σχολικού Δικτύου
Επιλέγουμε Δημιουργία Ιστοσελίδων
![Page 7: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/7.jpg)
Ενεργοποίηση Ιστοσελίδας
Χρήστης
![Page 8: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/8.jpg)
Αυτόματη εγκατάσταση βάσης δεδομένων
Επιλέγουμε περιβάλλον διαχείρισης για να προχωρήσουμε στα επόμενα βήματα
![Page 9: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/9.jpg)
Στις επόμενες εισόδους μας θα πατάμε το κουμπί της επεξεργασίας.
Προσέξτε γιατί δίπλα ακριβώς βρίσκεται το κουμπί της διαγραφής
sos
![Page 10: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/10.jpg)
2ο Βήμα Μεταφόρτωση αρχείων
Επιλέγουμε Αρχεία και μετά πατάμε το βέλος
![Page 11: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/11.jpg)
Μεταφόρτωση αρχείων
Επιλέγουμε αναζήτηση αρχείου (foto) από τον υπολογιστή μας προς μεταφόρτωση ! Προσοχή στο είδος του αρχείου !!(gif ή jpeg )
![Page 12: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/12.jpg)
Επιλέγουμε το αρχείο (από τον υπολογιστή μας )
![Page 13: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/13.jpg)
Μεταφόρτωση αρχείων
![Page 14: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/14.jpg)
3ο ΒήμαΔιαμόρφωση επικεφαλίδας
Επιλέγουμε Επικεφαλίδα και μετά πατάμε το βέλος
![Page 15: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/15.jpg)
Ενεργοποίηση – απενεργοποίηση επικεφαλίδας
![Page 16: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/16.jpg)
Διατηρούμε, αν θέλουμε ,τα λογότυπα του Σχολικού δικτύου
Συμπληρώνουμε με νέα στοιχεία ή διαμορφώνουμε την επικεφαλίδα μας από την αρχή
![Page 17: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/17.jpg)
4ο Βήμα Διαμόρφωση υποσέλιδου
Επιλέγουμε Υποσέλιδο και μετά πατάμε το βέλος
![Page 18: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/18.jpg)
Ενεργοποίηση – απενεργοποίηση υποσέλιδου
![Page 19: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/19.jpg)
5ο Βήμα Επεξεργασία Αρχικής σελίδας
Επιλέγουμε Κείμενα και μετά πατάμε το βέλος
![Page 20: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/20.jpg)
Επιλέγουμε επεξεργασία αρχικής σελίδας
![Page 21: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/21.jpg)
Διαμορφώνουμε την αρχική μας σελίδα
Σβήνουμε τις οδηγίες που υπάρχουν και προσθέτουμε το υλικό μας
![Page 22: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/22.jpg)
Εργαλεία επεξεργασίας
![Page 23: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/23.jpg)
Επεξεργασία κειμένου Έντονη γραφή
![Page 24: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/24.jpg)
Επεξεργασία κειμένου Πλάγια γράμματα
![Page 25: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/25.jpg)
Επεξεργασία κειμένου Υπογράμμιση κειμένου
![Page 26: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/26.jpg)
Επεξεργασία κειμένου Μετατροπή κειμένου σε δείκτη
![Page 27: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/27.jpg)
Επεξεργασία κειμένου Μετατροπή κειμένου σε εκθέτη
![Page 28: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/28.jpg)
Επεξεργασία κειμένου Στοίχιση κειμένου αριστερά ,
δεξιά ή στο κέντρο
![Page 29: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/29.jpg)
Επεξεργασία κειμένου Κουκίδες και αρίθμηση
![Page 30: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/30.jpg)
Επεξεργασία κειμένου Αύξηση ή μείωση εσοχών
![Page 31: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/31.jpg)
Επεξεργασία κειμένουΕπιλογή μεγέθους γραμματοσειράς
![Page 32: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/32.jpg)
Επεξεργασία κειμένουΧρώμα κειμένου
![Page 33: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/33.jpg)
Επεξεργασία κειμένου Χρώμα γραμματοσειράς
Επιλέγουμε το χρώμα της αρεσκείας μας
![Page 34: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/34.jpg)
Επεξεργασία κειμένου Χρώμα φόντου
![Page 35: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/35.jpg)
Επεξεργασία κειμένου Χρώμα φόντου
Επιλέγουμε το χρώμα της αρεσκείας μας
![Page 36: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/36.jpg)
Επεξεργασία κειμένου Εισαγωγή διαχωριστικής γραμμής
Βοηθάει στο να απομονώσουμε τμήμα της σελίδας μας
![Page 37: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/37.jpg)
Επεξεργασία κειμένουΕισαγωγή υπερσυνδέσμου
Μας μεταφέρει σε μια άλλη σελίδα του Διαδικτύου
![Page 38: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/38.jpg)
Εισάγουμε την ακριβή διεύθυνση του υπερσυνδέσμου
Αν γράψουμε mailto: και το e-mail μας , ανοίγει αυτόματα το Outlook και μπορεί ο περιηγητής να μας αποστείλει μήνυμα
![Page 39: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/39.jpg)
Επεξεργασία κειμένου Εισαγωγή εικόνας από γνωστή διεύθυνση
![Page 40: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/40.jpg)
Εισαγωγή εικόνας από γνωστή διεύθυνση π.χ http://users.sch.gr/stdomus/image1.gif
![Page 41: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/41.jpg)
Εισάγουμε την ακριβή διεύθυνση της εικόνας
Πρέπει να είναι ήδη αναρτημένη στο Διαδίκτυο
![Page 42: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/42.jpg)
Επεξεργασία κειμένου Εισαγωγή εικόνας από τα αρχεία μου
Εισάγουμε εικόνα από τα αρχεία που έχουμε ήδη ανεβάσει
![Page 43: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/43.jpg)
Εισαγωγή εικόνας από τα αρχεία μου
Επιλέγουμε μια εικόνα από τα αρχεία μας με κλικ
![Page 44: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/44.jpg)
Επεξεργασία κειμένου Εισαγωγή πίνακα
![Page 45: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/45.jpg)
Εισαγωγή πίνακα
Είναι απαραίτητο να μοιράσουμε το χώρο της κάθε σελίδας μας σε πίνακα και να τοποθετήσουμε το υλικό μας στα κελιά ώστε να
έχουμε σταθερότητα
![Page 46: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/46.jpg)
Επεξεργασία κειμένου Επισκόπηση κώδικα html
![Page 47: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/47.jpg)
Επισκόπηση κώδικα html
Απαιτούνται ειδικές γνώσεις για να επεξεργαστούμε τον κώδικα της σελίδας μας. Καλύτερα να μην το προσπαθήσετε!!
![Page 48: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/48.jpg)
Δημιουργία υποδελίδων
Ακολουθούμε τα ίδια βήματα με τη διαμόρφωση της αρχικής σελίδας
![Page 49: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/49.jpg)
Ονομάστε τη νέα σας σελίδα
![Page 50: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/50.jpg)
Επιλέξτε αν θα αποτελεί κατηγορία θεμάτων ή θα ανήκει σε κάποια άλλη κατηγορία
Αν δεν μαρκάρουμε το σημείο αυτό θα εμφανίζεται η σελίδα μας στο μενού
![Page 51: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/51.jpg)
Αν δεν μαρκάρουμε το σημείο αυτό, θα εμφανίζεται με αυτόν τον τρόπο η νέα σελίδα μας
στο μενού
![Page 52: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/52.jpg)
Αν μαρκάρουμε το σημείο αυτό, θα εμφανίζεται με αυτόν τον τρόπο η νέα σελίδα μας στο μενού
![Page 53: Κατασκευή ιστοσελίδας στο ΠΣΔ](https://reader035.vdocuments.pub/reader035/viewer/2022062308/559509891a28ab57068b46a6/html5/thumbnails/53.jpg)
Καλή επιτυχία !!!!!
Όταν δημιουργήσετε την ιστοσελίδα σας στείλτε μας τη διεύθυνσή σας για
να σας διαφημίσουμε