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

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

  • Upload
    gracie

  • View
    47

  • Download
    0

Embed Size (px)

DESCRIPTION

Κατασκευή Ιστοσελίδας. Αυτόματο σύστημα Σχολικού Δικτύου Iware. 1 ο βήμα. Εγγραφή εκπαιδευτικού στο Πανελλήνιο Σχολικό Δίκτυο Επιβεβαίωση κωδικών – εισαγωγή σαν χρήστης. Αν δεν είστε εγγεγραμένος χρήστης κάντε κλικ εδώ. Εισαγωγή στοιχείων χρήστη. Επιβεβαίωση στοιχείων χρήστη. - PowerPoint PPT Presentation

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: Κατασκευή Ιστοσελίδας

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

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

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