Σχεδιασμός Ιστοσελίδας με τη χρήση "Πρότυπου Ιστοσελίδας" (Template) στο πρόγραμμα Microsoft Office Sharepoint Designer 2007
Ο σχεδιασμός ιστοσελίδας με τη χρήση του προγράμματοςMicrosoft Office SharePoint Designer 2007, απαιτεί αρκετό χρόνο και γνώσεις. Ένας πιο εύκολος τρόπος είναι η χρήση έτοιμου «πρότυπου ιστοσελίδας» (template) όπου ο βασικός σχεδιασμός της ιστοσελίδας (χρώματα, μενού, γραφικά κλπ.) είναι ήδη έτοιμος. Οπόταν αυτό που έχετε να κάνετε είναι: (α) να τροποποιήσετε το μενού ώστε να ταιριάζει με τις ανάγκες του σχολείου σας και (β) να προσθέσετε το υλικό σας στις διάφορες σελίδες. Πιο κάτω περιγράφονται αναλυτικά τα βήματα που μπορείτε να ακολουθήσετε για να τροποποιήσετε ένα template ώστε να σχεδιάσετε ολόκληρο τον ιστοχώρο (site) του σχολείου σας.
Τα πιο κάτω βήματα προσφέρονται επίσης και σε αρχείο μορφής pdf το οποίο μπορείτε να κατεβάσετε ή/και να τυπώσετε . (Σημ. Οι οδηγίες που δίνονται είναι βασισμένες στο template-3.)
BHMA 1o : Οδηγίες Ανάπτυξης Ιστοσελίδας
1. Μελέτη και εφαρμογή του Κώδικα Δεοντολογίας
Είναι σημαντικό πριν αρχίσετε την προετοιμασία της ιστοσελίδας σας να μελετήσετε πολύ προσεκτικά τον Κώδικα Δεοντολογίας. Η τήρηση του Κώδικα Δεοντολογίας θα προσφέρει την απαιτούμενη προστασία και ασφάλεια προς όλη τη σχολική κοινότητα. Τονίζεται πως η εφαρμογή του Κώδικα Δεοντολογίας είναι υποχρεωτική για όλες τις ιστοσελίδες που είναι κάτω από τον τομέα (domain) www.schools.ac.cy.
2. Εγκατάσταση Προγράμματος Microsoft Office SharePoint Designer 2007
Κατεβάστε και εγκαταστήστε το πρόγραμμα Microsoft Office SharePoint Designer 2007.
3. Προετοιμασία του Υλικού
3.1. Το πρώτο βήμα για το σχεδιασμό μιας ιστοσελίδας είναι η συγκέντρωση του υλικού που θέλετε να περιέχει η ιστοσελίδα σας π.χ. αρχεία, κείμενα, φωτογραφίες κ.τ.λ.
3.2. Ανοίξετε το αρχείο: «Οδηγίες για την Προετοιμασία του Υλικού της Ιστοσελίδας» και μελετήστε τις οδηγίες. Καθορίστε τη δομή της ιστοσελίδας και προετοιμάστε σωστά το υλικό σας.
3.3. Μελετήστε τα πρότυπα ιστοσελίδων (templates) που προσφέρονται έτοιμα στη ιστοσελίδα: "Πρότυπα Ιστοσελίδων" και επιλέξετε αυτό που ταιριάζει στις ανάγκες του σχολείου σας.
4. Άνοιγμα του Πρότυπου Ιστοσελίδας με το πρόγραμμα Microsoft Office SharePoint Designer 2007
4.1. Αφού επιλέξετε το πρότυπο ιστοσελίδας που σας ταιριάζει, κατεβάστε το zip αρχείο και κάνετε το unzip.
4.2. Μετονομάστε το φάκελο με το όνομα που θα θέλατε να δώσετε στο site σας π.χ. site-school
4.3. Ανοίξετε το πρόγραμμα Microsoft Office SharePoint Designer 2007.
Επιλέξετε File και μετά OpenSite και βρείτε το φάκελο του site σας.
4.4. Κάνετε κλικ πάνω στο φάκελο του site σας και μετά επιλέξετε Open.
5. Προσαρμογή του Πρότυπου Ιστοσελίδας
Στα περιεχόμενα του site σας θα δείτε τα αρχεία «index.htm» και «template.dwt». Το «index.htm» αποτελεί την οικοσελίδα του site σας και είναι η μοναδική σελίδα που υπάρχει αυτή τη στιγμή. Το «template.dwt» αποτελεί το πρότυπο που θα χρησιμοποιείτε κάθε φορά όταν θέλετε να σχεδιάσετε μια νέα ιστοσελίδα. Στο «template.dwt» υπάρχουν κάποια κύρια στοιχεία όπως τα γραφικά, ο τίτλος του σχολείου, το μενού και τα στοιχεία επικοινωνίας. Οτιδήποτε αλλαγές κάνετε σε αυτά τα στοιχεία, τότε αυτόματα οι αλλαγές αυτές θα μεταφερθούν και σε όλες τις ιστοσελίδες.
5.1. Ανοίξετε το αρχείο με το όνομα «template.dwt” που βρίσκεται στο site σας κάνοντας διπλό κλικ επάνω του.
5.2. Κάνετε κλικ στον τίτλο που έχει σχέση με το όνομα του σχολείου σας και γράψετε το ορθό όνομα.
5.3. Κάνετε κλικ στους τίτλους του μενού και προσαρμόστε τους ανάλογα με τις ανάγκες σας.
5.4. Κάνετε κλικ στα στοιχεία επικοινωνίας και γράψετε τα αντίστοιχα.
5.5. Επιλέξετε τη διεύθυνση του ηλεκτρονικού ταχυδρομείου και πατήστε δεξί κλικ. Επιλέξετε Hyperlink Properties και συμπληρώστε με τα αντίστοιχα στοιχεία.
5.6. Από το File επιλέξετε το Save. Τότε θα εμφανιστεί ένα παράθυρο το οποίο θα σας ενημερώνει πως υπάρχει ένα αρχείο συνδεδεμένο με το «template.dwt» και θα ρωτά αν θέλετε να ενημερωθεί για τις πιο πάνω αλλαγές. Επιλέξετε το Yes και θα εμφανιστεί ένα παράθυρο που θα γράφει πως το αρχείο ενημερώθηκε. Επιλέξετε Close.
5.7. Για να βεβαιωθείτε για τις αλλαγές πηγαίνετε στο WebSite και κάνετε διπλό κλικ στο αρχείο «index.htm». Όταν ανοίξει το αρχείο θα διαπιστώσετε πως όλες οι αλλαγές που κάνατε στο «template.dwt” έχουν μεταφερθεί και στην σελίδα «index.htm».
Σημείωση: Μετά που θα δημιουργήσετε και τις υπόλοιπες σελίδες του site σας, εάν θελήσετε να κάνετε κάποια αλλαγή σε ένα κύριο στοιχείο π.χ. στοιχεία επικοινωνίας, τότε θα πρέπει να ανοίξετε το αρχείο «template.dwt» και να ακολουθήσετε την πιο πάνω διαδικασία.
